ele-admin-plus 1.3.0-beta.2 → 1.3.0-beta.4

package/lib/ele-virtual-table/components/header-cell.cjs

@@ -3,9 +3,18 @@ const vue = require("vue");
 const util = require("../util");
 const CellCheckbox = require("./cell-checkbox");
 const CellFilter = require("./cell-filter");
-const _sfc_main = vue.defineComponent({
-  name: "HeaderCell",
-  components: { CellCheckbox, CellFilter, CellRender: util.CellRender },
+const _hoisted_1 = {
+  key: 0,
+  class: "ele-table-cell"
+};
+const _hoisted_2 = ["title"];
+const _hoisted_3 = {
+  key: 0,
+  class: "ele-table-sorter"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "HeaderCell" },
+  __name: "header-cell",
   props: {
     /** 当前列配置 */
     column: Object,
@@ -48,7 +57,10 @@ const _sfc_main = vue.defineComponent({
     /** 鼠标移入事件 */
     mouseenter: (_col, _e) => true
   },
-  setup(props, { emit, slots }) {
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const slots = vue.useSlots();
     const originalCol = vue.computed(() => {
       return props.column ? props.column.originalCol : void 0;
     });
@@ -184,77 +196,45 @@ const _sfc_main = vue.defineComponent({
     const handleMouseenter = (e) => {
       emit("mouseenter", originalCol.value, e);
     };
-    return {
-      originalCol,
-      cellClass,
-      cellStyle,
-      cellTitle,
-      renderOpt,
-      handleCheckedChange,
-      handleFilterChange,
-      handleClick,
-      handleContextmenu,
-      handleMouseenter
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(cellClass.value),
+        style: vue.normalizeStyle(cellStyle.value),
+        onClick: handleClick,
+        onContextmenu: handleContextmenu,
+        onMouseenter: handleMouseenter
+      }, [
+        originalCol.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+          vue.createElementVNode("div", {
+            class: "ele-cell-title",
+            title: __props.headerEllipsis ? cellTitle.value : void 0
+          }, [
+            originalCol.value.type === "selection" ? (vue.openBlock(), vue.createBlock(CellCheckbox, {
+              key: 0,
+              checked: __props.isCheckAll,
+              indeterminate: __props.isIndeterminate,
+              disabled: __props.disabledCheckbox,
+              size: __props.tableSize,
+              onChange: handleCheckedChange
+            }, null, 8, ["checked", "indeterminate", "disabled", "size"])) : (vue.openBlock(), vue.createBlock(vue.unref(util.CellRender), vue.normalizeProps(vue.mergeProps({ key: 1 }, renderOpt.value)), {
+              default: vue.withCtx(() => [
+                vue.createTextVNode(vue.toDisplayString(cellTitle.value), 1)
+              ]),
+              _: 1
+            }, 16))
+          ], 8, _hoisted_2),
+          originalCol.value.sortable ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3)) : vue.createCommentVNode("", true),
+          originalCol.value.filters && originalCol.value.filters.length ? (vue.openBlock(), vue.createBlock(CellFilter, {
+            key: 1,
+            filtered: __props.filterValue,
+            filterMultiple: originalCol.value.filterMultiple,
+            filters: originalCol.value.filters,
+            filterPlacement: originalCol.value.filterPlacement,
+            onChange: handleFilterChange
+          }, null, 8, ["filtered", "filterMultiple", "filters", "filterPlacement"])) : vue.createCommentVNode("", true)
+        ])) : vue.createCommentVNode("", true)
+      ], 38);
     };
   }
 });
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const _hoisted_1 = {
-  key: 0,
-  class: "ele-table-cell"
-};
-const _hoisted_2 = ["title"];
-const _hoisted_3 = {
-  key: 0,
-  class: "ele-table-sorter"
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_CellCheckbox = vue.resolveComponent("CellCheckbox");
-  const _component_CellRender = vue.resolveComponent("CellRender");
-  const _component_CellFilter = vue.resolveComponent("CellFilter");
-  return vue.openBlock(), vue.createElementBlock("div", {
-    class: vue.normalizeClass(_ctx.cellClass),
-    style: vue.normalizeStyle(_ctx.cellStyle),
-    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args)),
-    onContextmenu: _cache[1] || (_cache[1] = (...args) => _ctx.handleContextmenu && _ctx.handleContextmenu(...args)),
-    onMouseenter: _cache[2] || (_cache[2] = (...args) => _ctx.handleMouseenter && _ctx.handleMouseenter(...args))
-  }, [
-    _ctx.originalCol ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-      vue.createElementVNode("div", {
-        class: "ele-cell-title",
-        title: _ctx.headerEllipsis ? _ctx.cellTitle : void 0
-      }, [
-        _ctx.originalCol.type === "selection" ? (vue.openBlock(), vue.createBlock(_component_CellCheckbox, {
-          key: 0,
-          checked: _ctx.isCheckAll,
-          indeterminate: _ctx.isIndeterminate,
-          disabled: _ctx.disabledCheckbox,
-          size: _ctx.tableSize,
-          onChange: _ctx.handleCheckedChange
-        }, null, 8, ["checked", "indeterminate", "disabled", "size", "onChange"])) : (vue.openBlock(), vue.createBlock(_component_CellRender, vue.normalizeProps(vue.mergeProps({ key: 1 }, _ctx.renderOpt)), {
-          default: vue.withCtx(() => [
-            vue.createTextVNode(vue.toDisplayString(_ctx.cellTitle), 1)
-          ]),
-          _: 1
-        }, 16))
-      ], 8, _hoisted_2),
-      _ctx.originalCol.sortable ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3)) : vue.createCommentVNode("", true),
-      _ctx.originalCol.filters && _ctx.originalCol.filters.length ? (vue.openBlock(), vue.createBlock(_component_CellFilter, {
-        key: 1,
-        filtered: _ctx.filterValue,
-        filterMultiple: _ctx.originalCol.filterMultiple,
-        filters: _ctx.originalCol.filters,
-        filterPlacement: _ctx.originalCol.filterPlacement,
-        onChange: _ctx.handleFilterChange
-      }, null, 8, ["filtered", "filterMultiple", "filters", "filterPlacement", "onChange"])) : vue.createCommentVNode("", true)
-    ])) : vue.createCommentVNode("", true)
-  ], 38);
-}
-const headerCell = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-module.exports = headerCell;
+module.exports = _sfc_main;

package/lib/ele-virtual-table/components/header-cell.d.ts

@@ -1,9 +1,8 @@
 import { PropType } from 'vue';
-import { StyleValues } from '../../ele-app/types';
 import { Column, FilterValue, TableSize, HeaderCellClass, HeaderCellStyle } from '../../ele-data-table/types';
-import { HeaderColumn, SortBy, CellFilterChangeParams, CustomRenderProps, ColSize } from '../types';
+import { HeaderColumn, SortBy, CellFilterChangeParams, ColSize } from '../types';
 
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     /** 当前列配置 */
     column: PropType<HeaderColumn>;
     /** 当前列索引 */
@@ -32,28 +31,12 @@ declare const _default: import('vue').DefineComponent<{
     headerEllipsis: BooleanConstructor;
     /** 表格行高 */
     rowHeight: NumberConstructor;
-}, {
-    originalCol: import('vue').ComputedRef<Column | undefined>;
-    cellClass: import('vue').ComputedRef<string>;
-    cellStyle: import('vue').ComputedRef<StyleValues | undefined>;
-    cellTitle: import('vue').ComputedRef<string | undefined>;
-    renderOpt: import('vue').ComputedRef<CustomRenderProps>;
-    handleCheckedChange: (checked: boolean) => void;
-    handleFilterChange: (value: FilterValue) => void;
-    handleClick: (e: MouseEvent) => void;
-    handleContextmenu: (e: MouseEvent) => void;
-    handleMouseenter: (e: MouseEvent) => void;
-}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    /** 多选框选中改变事件 */
-    checkedChange: (_checked: boolean) => true;
-    /** 列筛选改变事件 */
-    filterChange: (_params: CellFilterChangeParams) => true;
-    /** 点击事件 */
-    click: (_col: Column, _e: MouseEvent) => true;
-    /** 右键事件 */
-    contextmenu: (_col: Column, _e: MouseEvent) => true;
-    /** 鼠标移入事件 */
-    mouseenter: (_col: Column, _e: MouseEvent) => true;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (_col: Column, _e: MouseEvent) => void;
+    contextmenu: (_col: Column, _e: MouseEvent) => void;
+    mouseenter: (_col: Column, _e: MouseEvent) => void;
+    filterChange: (_params: CellFilterChangeParams) => void;
+    checkedChange: (_checked: boolean) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /** 当前列配置 */
     column: PropType<HeaderColumn>;
@@ -83,16 +66,16 @@ declare const _default: import('vue').DefineComponent<{
     headerEllipsis: BooleanConstructor;
     /** 表格行高 */
     rowHeight: NumberConstructor;
-}>> & {
+}>> & Readonly<{
     onClick?: ((_col: Column, _e: MouseEvent) => any) | undefined;
-    onMouseenter?: ((_col: Column, _e: MouseEvent) => any) | undefined;
     onContextmenu?: ((_col: Column, _e: MouseEvent) => any) | undefined;
+    onMouseenter?: ((_col: Column, _e: MouseEvent) => any) | undefined;
     onFilterChange?: ((_params: CellFilterChangeParams) => any) | undefined;
     onCheckedChange?: ((_checked: boolean) => any) | undefined;
-}, {
+}>, {
     headerEllipsis: boolean;
     isCheckAll: boolean;
     isIndeterminate: boolean;
     disabledCheckbox: boolean;
-}, {}>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/ele-virtual-table/components/header-row.cjs

@@ -2,9 +2,9 @@
 const vue = require("vue");
 const util = require("../util");
 const HeaderCell = require("./header-cell");
-const _sfc_main = vue.defineComponent({
-  name: "HeaderRow",
-  components: { HeaderCell },
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "HeaderRow" },
+  __name: "header-row",
   props: {
     /** 表头行配置 */
     headerCols: Array,
@@ -45,7 +45,9 @@ const _sfc_main = vue.defineComponent({
     /** 单元格鼠标移入事件 */
     cellMouseenter: (_col, _e) => true
   },
-  setup(props, { emit }) {
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
     const getKey = (column, columnIndex) => {
       return props.headerIndex + "-" + String(column.key ?? columnIndex);
     };
@@ -67,59 +69,41 @@ const _sfc_main = vue.defineComponent({
     const handleCellMouseenter = (col, e) => {
       emit("cellMouseenter", col, e);
     };
-    return {
-      getKey,
-      getFiltered,
-      handleCellCheckedChange,
-      handleCellFilterChange,
-      handleCellClick,
-      handleCellContextmenu,
-      handleCellMouseenter
+    return (_ctx, _cache) => {
+      return vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.headerCols, (column, index) => {
+        return vue.openBlock(), vue.createBlock(HeaderCell, {
+          key: getKey(column, index),
+          column,
+          columnIndex: index,
+          headerIndex: __props.headerIndex,
+          colSize: __props.headerColSizes ? __props.headerColSizes[index] : void 0,
+          sortBy: __props.sortBy,
+          filterValue: getFiltered(column),
+          isCheckAll: __props.isCheckAll,
+          isIndeterminate: __props.isIndeterminate,
+          disabledCheckbox: __props.disabledCheckbox,
+          tableSize: __props.tableSize,
+          headerCellClass: __props.headerCellClass,
+          headerCellStyle: __props.headerCellStyle,
+          headerEllipsis: __props.headerEllipsis,
+          rowHeight: __props.rowHeight,
+          onCheckedChange: handleCellCheckedChange,
+          onFilterChange: handleCellFilterChange,
+          onClick: handleCellClick,
+          onContextmenu: handleCellContextmenu,
+          onMouseenter: handleCellMouseenter
+        }, vue.createSlots({ _: 2 }, [
+          vue.renderList(Object.keys(_ctx.$slots), (name) => {
+            return {
+              name,
+              fn: vue.withCtx((slotProps) => [
+                vue.renderSlot(_ctx.$slots, name, vue.mergeProps({ ref_for: true }, slotProps || {}))
+              ])
+            };
+          })
+        ]), 1032, ["column", "columnIndex", "headerIndex", "colSize", "sortBy", "filterValue", "isCheckAll", "isIndeterminate", "disabledCheckbox", "tableSize", "headerCellClass", "headerCellStyle", "headerEllipsis", "rowHeight"]);
+      }), 128);
     };
   }
 });
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_HeaderCell = vue.resolveComponent("HeaderCell");
-  return vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.headerCols, (column, index) => {
-    return vue.openBlock(), vue.createBlock(_component_HeaderCell, {
-      key: _ctx.getKey(column, index),
-      column,
-      columnIndex: index,
-      headerIndex: _ctx.headerIndex,
-      colSize: _ctx.headerColSizes ? _ctx.headerColSizes[index] : void 0,
-      sortBy: _ctx.sortBy,
-      filterValue: _ctx.getFiltered(column),
-      isCheckAll: _ctx.isCheckAll,
-      isIndeterminate: _ctx.isIndeterminate,
-      disabledCheckbox: _ctx.disabledCheckbox,
-      tableSize: _ctx.tableSize,
-      headerCellClass: _ctx.headerCellClass,
-      headerCellStyle: _ctx.headerCellStyle,
-      headerEllipsis: _ctx.headerEllipsis,
-      rowHeight: _ctx.rowHeight,
-      onCheckedChange: _ctx.handleCellCheckedChange,
-      onFilterChange: _ctx.handleCellFilterChange,
-      onClick: _ctx.handleCellClick,
-      onContextmenu: _ctx.handleCellContextmenu,
-      onMouseenter: _ctx.handleCellMouseenter
-    }, vue.createSlots({ _: 2 }, [
-      vue.renderList(Object.keys(_ctx.$slots), (name) => {
-        return {
-          name,
-          fn: vue.withCtx((slotProps) => [
-            vue.renderSlot(_ctx.$slots, name, vue.mergeProps({ ref_for: true }, slotProps || {}))
-          ])
-        };
-      })
-    ]), 1032, ["column", "columnIndex", "headerIndex", "colSize", "sortBy", "filterValue", "isCheckAll", "isIndeterminate", "disabledCheckbox", "tableSize", "headerCellClass", "headerCellStyle", "headerEllipsis", "rowHeight", "onCheckedChange", "onFilterChange", "onClick", "onContextmenu", "onMouseenter"]);
-  }), 128);
-}
-const headerRow = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-module.exports = headerRow;
+module.exports = _sfc_main;

package/lib/ele-virtual-table/components/header-row.d.ts

@@ -1,8 +1,9 @@
 import { PropType } from 'vue';
 import { Column, Filter, TableSize, HeaderCellClass, HeaderCellStyle } from '../../ele-data-table/types';
-import { VirtualColumn, HeaderColumns, SortBy, CellFilterChangeParams, ColSize } from '../types';
+import { HeaderColumns, SortBy, CellFilterChangeParams, ColSize } from '../types';
 
-declare const _default: import('vue').DefineComponent<{
+declare function __VLS_template(): Partial<Record<string, (_: any) => any>>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     /** 表头行配置 */
     headerCols: PropType<HeaderColumns>;
     /** 表头所有行列宽 */
@@ -29,25 +30,12 @@ declare const _default: import('vue').DefineComponent<{
     headerEllipsis: BooleanConstructor;
     /** 表格行高 */
     rowHeight: NumberConstructor;
-}, {
-    getKey: (column: VirtualColumn, columnIndex: number) => string;
-    getFiltered: (column: VirtualColumn) => import('../../ele-data-table/types').FilterValue;
-    handleCellCheckedChange: (checked: boolean) => void;
-    handleCellFilterChange: (params: CellFilterChangeParams) => void;
-    handleCellClick: (col: Column, e: MouseEvent) => void;
-    handleCellContextmenu: (col: Column, e: MouseEvent) => void;
-    handleCellMouseenter: (col: Column, e: MouseEvent) => void;
-}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    /** 多选框选中改变事件 */
-    checkedChange: (_checked: boolean) => true;
-    /** 列筛选改变事件 */
-    filterChange: (_params: CellFilterChangeParams) => true;
-    /** 单元格点击事件 */
-    cellClick: (_col: Column, _e: MouseEvent) => true;
-    /** 单元格右键事件 */
-    cellContextmenu: (_col: Column, _e: MouseEvent) => true;
-    /** 单元格鼠标移入事件 */
-    cellMouseenter: (_col: Column, _e: MouseEvent) => true;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    cellClick: (_col: Column, _e: MouseEvent) => void;
+    cellContextmenu: (_col: Column, _e: MouseEvent) => void;
+    filterChange: (_params: CellFilterChangeParams) => void;
+    checkedChange: (_checked: boolean) => void;
+    cellMouseenter: (_col: Column, _e: MouseEvent) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /** 表头行配置 */
     headerCols: PropType<HeaderColumns>;
@@ -75,16 +63,22 @@ declare const _default: import('vue').DefineComponent<{
     headerEllipsis: BooleanConstructor;
     /** 表格行高 */
     rowHeight: NumberConstructor;
-}>> & {
+}>> & Readonly<{
     onCellClick?: ((_col: Column, _e: MouseEvent) => any) | undefined;
     onCellContextmenu?: ((_col: Column, _e: MouseEvent) => any) | undefined;
     onFilterChange?: ((_params: CellFilterChangeParams) => any) | undefined;
     onCheckedChange?: ((_checked: boolean) => any) | undefined;
     onCellMouseenter?: ((_col: Column, _e: MouseEvent) => any) | undefined;
-}, {
+}>, {
     headerEllipsis: boolean;
     isCheckAll: boolean;
     isIndeterminate: boolean;
     disabledCheckbox: boolean;
-}, {}>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};