@will-ui/vue 1.0.0

package/dist/components/sheet/_thead.d.ts

@@ -0,0 +1,529 @@
+import { PropType } from 'vue';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    totalTbodyColumns: {
+        type: NumberConstructor;
+        default: number;
+    };
+    columns: ArrayConstructor;
+    indexContent: PropType<any>;
+    checkKey: StringConstructor;
+    radioKey: StringConstructor;
+    hasAction: BooleanConstructor;
+    resize: BooleanConstructor;
+}>, () => import("vue/jsx-runtime").JSX.Element[], {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    totalTbodyColumns: {
+        type: NumberConstructor;
+        default: number;
+    };
+    columns: ArrayConstructor;
+    indexContent: PropType<any>;
+    checkKey: StringConstructor;
+    radioKey: StringConstructor;
+    hasAction: BooleanConstructor;
+    resize: BooleanConstructor;
+}>> & Readonly<{}>, {
+    resize: boolean;
+    hasAction: boolean;
+    totalTbodyColumns: number;
+}, {}, {
+    Cell: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        isInThead: BooleanConstructor;
+        sorter: {
+            type: (NumberConstructor | BooleanConstructor)[];
+            default: any;
+        };
+        tag: {
+            type: StringConstructor;
+            default: string;
+        };
+        align: {
+            type: StringConstructor;
+        };
+        isNarrow: BooleanConstructor;
+        notBold: BooleanConstructor;
+        resizeWidth: BooleanConstructor;
+        colIndex: NumberConstructor;
+        colSpan: {
+            type: NumberConstructor;
+            default: number;
+        };
+        rowSpan: {
+            type: NumberConstructor;
+            default: number;
+        };
+        col: {
+            type: ObjectConstructor;
+        };
+        cellClass: {
+            type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+        };
+    }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        isInThead: BooleanConstructor;
+        sorter: {
+            type: (NumberConstructor | BooleanConstructor)[];
+            default: any;
+        };
+        tag: {
+            type: StringConstructor;
+            default: string;
+        };
+        align: {
+            type: StringConstructor;
+        };
+        isNarrow: BooleanConstructor;
+        notBold: BooleanConstructor;
+        resizeWidth: BooleanConstructor;
+        colIndex: NumberConstructor;
+        colSpan: {
+            type: NumberConstructor;
+            default: number;
+        };
+        rowSpan: {
+            type: NumberConstructor;
+            default: number;
+        };
+        col: {
+            type: ObjectConstructor;
+        };
+        cellClass: {
+            type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+        };
+    }>> & Readonly<{}>, {
+        tag: string;
+        isInThead: boolean;
+        isNarrow: boolean;
+        notBold: boolean;
+        resizeWidth: boolean;
+        sorter: number | boolean;
+        colSpan: number;
+        rowSpan: number;
+    }, {}, {
+        Icon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            name: {
+                type: PropType<string>;
+                default: any;
+            };
+            fontClassName: {
+                type: StringConstructor;
+                default: any;
+            };
+            color: {
+                type: StringConstructor;
+                default: any;
+            };
+            hoverColor: {
+                type: StringConstructor;
+                default: any;
+            };
+            size: {
+                type: PropType<string | number>;
+                default: any;
+            };
+            spin: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            rotate: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            deg: {
+                type: NumberConstructor;
+                default: any;
+            };
+            direction: {
+                type: PropType<import('..').IconRotateDirection>;
+                default: any;
+            };
+            title: {
+                type: StringConstructor;
+                default: any;
+            };
+            ariaLabel: {
+                type: StringConstructor;
+                default: any;
+            };
+        }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            click: (e: MouseEvent) => boolean;
+        }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            name: {
+                type: PropType<string>;
+                default: any;
+            };
+            fontClassName: {
+                type: StringConstructor;
+                default: any;
+            };
+            color: {
+                type: StringConstructor;
+                default: any;
+            };
+            hoverColor: {
+                type: StringConstructor;
+                default: any;
+            };
+            size: {
+                type: PropType<string | number>;
+                default: any;
+            };
+            spin: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            rotate: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            deg: {
+                type: NumberConstructor;
+                default: any;
+            };
+            direction: {
+                type: PropType<import('..').IconRotateDirection>;
+                default: any;
+            };
+            title: {
+                type: StringConstructor;
+                default: any;
+            };
+            ariaLabel: {
+                type: StringConstructor;
+                default: any;
+            };
+        }>> & Readonly<{
+            onClick?: (e: MouseEvent) => any;
+        }>, {
+            title: string;
+            deg: number;
+            size: string | number;
+            name: string;
+            fontClassName: string;
+            color: string;
+            hoverColor: string;
+            spin: boolean;
+            rotate: boolean;
+            direction: import('..').IconRotateDirection;
+            ariaLabel: string;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    Checkbox: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        modelValue: {
+            type: PropType<boolean | number | string | any[] | Set<any>>;
+            default: number;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        value: {
+            type: PropType<number | string | boolean | any[]>;
+            default: () => number[];
+        };
+        text: {
+            type: StringConstructor;
+            default: any;
+        };
+        size: {
+            type: NumberConstructor;
+            default: any;
+        };
+        color: {
+            type: StringConstructor;
+            default: any;
+        };
+        cssVars: {
+            type: PropType<import('../../util').CssVars>;
+            default: any;
+        };
+        iconName: {
+            type: StringConstructor;
+            default: any;
+        };
+        trueValue: {
+            type: PropType<boolean | number | string>;
+            default: any;
+        };
+        falseValue: {
+            type: PropType<boolean | number | string>;
+            default: any;
+        };
+        gap: {
+            type: BooleanConstructor;
+            default: any;
+        };
+    }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        'update:modelValue': (_v: boolean | number | string | any[] | Set<any>) => true;
+        change: (_v: any) => true;
+    }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        modelValue: {
+            type: PropType<boolean | number | string | any[] | Set<any>>;
+            default: number;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        value: {
+            type: PropType<number | string | boolean | any[]>;
+            default: () => number[];
+        };
+        text: {
+            type: StringConstructor;
+            default: any;
+        };
+        size: {
+            type: NumberConstructor;
+            default: any;
+        };
+        color: {
+            type: StringConstructor;
+            default: any;
+        };
+        cssVars: {
+            type: PropType<import('../../util').CssVars>;
+            default: any;
+        };
+        iconName: {
+            type: StringConstructor;
+            default: any;
+        };
+        trueValue: {
+            type: PropType<boolean | number | string>;
+            default: any;
+        };
+        falseValue: {
+            type: PropType<boolean | number | string>;
+            default: any;
+        };
+        gap: {
+            type: BooleanConstructor;
+            default: any;
+        };
+    }>> & Readonly<{
+        onChange?: (_v: any) => any;
+        "onUpdate:modelValue"?: (_v: string | number | boolean | any[] | Set<any>) => any;
+    }>, {
+        text: string;
+        value: string | number | boolean | any[];
+        size: number;
+        gap: boolean;
+        color: string;
+        cssVars: import('../../util').CssVars;
+        modelValue: string | number | boolean | any[] | Set<any>;
+        disabled: boolean;
+        iconName: string;
+        trueValue: string | number | boolean;
+        falseValue: string | number | boolean;
+    }, import('vue').SlotsType<{
+        default?: () => any;
+    }>, {
+        Icon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            name: {
+                type: PropType<string>;
+                default: any;
+            };
+            fontClassName: {
+                type: StringConstructor;
+                default: any;
+            };
+            color: {
+                type: StringConstructor;
+                default: any;
+            };
+            hoverColor: {
+                type: StringConstructor;
+                default: any;
+            };
+            size: {
+                type: PropType<string | number>;
+                default: any;
+            };
+            spin: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            rotate: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            deg: {
+                type: NumberConstructor;
+                default: any;
+            };
+            direction: {
+                type: PropType<import('..').IconRotateDirection>;
+                default: any;
+            };
+            title: {
+                type: StringConstructor;
+                default: any;
+            };
+            ariaLabel: {
+                type: StringConstructor;
+                default: any;
+            };
+        }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            click: (e: MouseEvent) => boolean;
+        }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            name: {
+                type: PropType<string>;
+                default: any;
+            };
+            fontClassName: {
+                type: StringConstructor;
+                default: any;
+            };
+            color: {
+                type: StringConstructor;
+                default: any;
+            };
+            hoverColor: {
+                type: StringConstructor;
+                default: any;
+            };
+            size: {
+                type: PropType<string | number>;
+                default: any;
+            };
+            spin: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            rotate: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            deg: {
+                type: NumberConstructor;
+                default: any;
+            };
+            direction: {
+                type: PropType<import('..').IconRotateDirection>;
+                default: any;
+            };
+            title: {
+                type: StringConstructor;
+                default: any;
+            };
+            ariaLabel: {
+                type: StringConstructor;
+                default: any;
+            };
+        }>> & Readonly<{
+            onClick?: (e: MouseEvent) => any;
+        }>, {
+            title: string;
+            deg: number;
+            size: string | number;
+            name: string;
+            fontClassName: string;
+            color: string;
+            hoverColor: string;
+            spin: boolean;
+            rotate: boolean;
+            direction: import('..').IconRotateDirection;
+            ariaLabel: string;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    Radio: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        modelValue: {
+            type: PropType<number | string | boolean>;
+            default: any;
+        };
+        value: {
+            type: PropType<number | string | boolean>;
+            default: any;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        text: {
+            type: PropType<number | string>;
+            default: any;
+        };
+        icons: {
+            type: PropType<import('../radio/config').RadioIcons>;
+            default: any;
+        };
+        gap: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        type: {
+            type: PropType<import('../radio/config').RadioType>;
+            default: any;
+        };
+        size: {
+            type: NumberConstructor;
+            default: any;
+        };
+        color: {
+            type: StringConstructor;
+            default: any;
+        };
+        cssVars: {
+            type: PropType<import('../../util').CssVars>;
+            default: any;
+        };
+    }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        'update:modelValue': (_v: number | string | boolean | undefined) => true;
+        change: (_checked: boolean) => true;
+    }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        modelValue: {
+            type: PropType<number | string | boolean>;
+            default: any;
+        };
+        value: {
+            type: PropType<number | string | boolean>;
+            default: any;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        text: {
+            type: PropType<number | string>;
+            default: any;
+        };
+        icons: {
+            type: PropType<import('../radio/config').RadioIcons>;
+            default: any;
+        };
+        gap: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        type: {
+            type: PropType<import('../radio/config').RadioType>;
+            default: any;
+        };
+        size: {
+            type: NumberConstructor;
+            default: any;
+        };
+        color: {
+            type: StringConstructor;
+            default: any;
+        };
+        cssVars: {
+            type: PropType<import('../../util').CssVars>;
+            default: any;
+        };
+    }>> & Readonly<{
+        onChange?: (_checked: boolean) => any;
+        "onUpdate:modelValue"?: (_v: string | number | boolean) => any;
+    }>, {
+        type: import('../radio/config').RadioType;
+        text: string | number;
+        value: string | number | boolean;
+        size: number;
+        gap: boolean;
+        color: string;
+        cssVars: import('../../util').CssVars;
+        modelValue: string | number | boolean;
+        disabled: boolean;
+        icons: import('../radio/config').RadioIcons;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/sheet/_thead.js

@@ -0,0 +1,148 @@
+import Checkbox_default from "../checkbox/Checkbox.js";
+import Radio_default from "../radio/Radio.js";
+import _cell_default from "./_cell.js";
+import { IS_CHECKBOX, IS_INDEX, IS_PRESET, IS_RADIO } from "./_use.js";
+import { computed, createVNode, defineComponent, inject, isVNode } from "vue";
+//#region components/sheet/_thead.tsx
+function _isSlot(s) {
+	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+var _thead_default = /* @__PURE__ */ defineComponent({
+	name: "SheetThead",
+	components: {
+		Cell: _cell_default,
+		Checkbox: Checkbox_default,
+		Radio: Radio_default
+	},
+	props: {
+		totalTbodyColumns: {
+			type: Number,
+			default: 0
+		},
+		columns: Array,
+		indexContent: [
+			String,
+			Object,
+			Function
+		],
+		checkKey: String,
+		radioKey: String,
+		hasAction: Boolean,
+		resize: Boolean
+	},
+	setup(props, { attrs, emit, slots }) {
+		const isCheckedAll = inject("isCheckedAll");
+		const setCheckAll = inject("setCheckAll");
+		const l = inject("leftFixed");
+		const r = inject("rightFixed");
+		const _leftFixed = computed(() => {
+			if (l.value) return Number(l.value);
+			return 0;
+		});
+		const _rightFixed = computed(() => {
+			if (r.value) return Number(r.value);
+			return 0;
+		});
+		function getRowspan(obj, max) {
+			if (obj.children && obj.children.length !== 0) return 1;
+			return max - obj.__level;
+		}
+		function getColspan(obj) {
+			let arr = [], fn = (obj) => {
+				if (obj.children && obj.children.length) obj.children.forEach((c) => {
+					fn(c);
+				});
+				else arr.push(obj);
+			};
+			fn(obj);
+			return arr.length || 1;
+		}
+		function renderTableHead() {
+			let colIndex = 0;
+			let columns = props.columns ?? [];
+			let maxRowLength = 0;
+			let __index = 0;
+			/**
+			* addIndex，给每列添加一个index，对应col的序列
+			*
+			*/
+			let addIndex = (col, colChildren) => {
+				if (colChildren.children && colChildren.children.length) {
+					col.__index = col.__index + colChildren.children.length - 1;
+					colChildren.children.forEach((c) => {
+						addIndex(col, c);
+					});
+				}
+			};
+			let addLevel = (cols, i) => {
+				cols.forEach((col) => {
+					col.__index = __index++;
+					col.__level = i;
+					if (maxRowLength < i) maxRowLength = i;
+					if (col.children && col.children.length) {
+						addIndex(col, col);
+						__index--;
+						addLevel(col.children, col.__level + 1);
+					}
+				});
+			};
+			addLevel(columns, 0);
+			maxRowLength += 1;
+			let trs = Array.apply(null, { length: maxRowLength }).map(() => []);
+			let renderTd = (columns) => {
+				columns.forEach((col, i, arr) => {
+					const isPreset = IS_PRESET(col.field);
+					let content = null;
+					if (typeof col.name === "function") content = col.name();
+					else content = col.name;
+					if (isPreset) {
+						if (IS_INDEX(col.field)) content = props.indexContent;
+						if (IS_CHECKBOX(col.field)) {
+							const checkboxProps = {
+								gap: false,
+								iconSize: "16px",
+								modelValue: isCheckedAll.value,
+								"onUpdate:modelValue": (v) => {
+									setCheckAll(v);
+								}
+							};
+							content = createVNode(Checkbox_default, checkboxProps, null);
+						} else if (IS_RADIO(col.field)) content = "";
+					}
+					const colspan = getColspan(col);
+					const cellProps = {
+						isInThead: true,
+						colspan,
+						rowspan: getRowspan(col, maxRowLength),
+						notBold: isPreset,
+						isNarrow: isPreset,
+						align: isPreset || colspan > 1 ? "center" : "",
+						resizeWidth: props.resize && colspan == 1,
+						colIndex: colspan == 1 ? colIndex : void 0,
+						tag: "th",
+						sorter: (() => {
+							let b = void 0;
+							if ("field" in col && "sorter" in col) b = col.sorter;
+							return b;
+						})(),
+						col,
+						class: [{ "w-cell--sticky": _leftFixed.value > colIndex || _rightFixed.value > props.totalTbodyColumns - colIndex - 1 || !!col.pin && colspan === 1 }]
+					};
+					const _con = createVNode(_cell_default, cellProps, _isSlot(content) ? content : { default: () => [content] });
+					trs[col.__level].push(_con);
+					if (colspan == 1) colIndex += 1;
+					if (col.children && col.children.length) renderTd(col.children);
+				});
+			};
+			renderTd(columns);
+			return trs.map((tr) => createVNode("tr", null, [tr]));
+		}
+		return () => {
+			return renderTableHead();
+		};
+	}
+});
+//#endregion
+export { _thead_default as default };
+
+//# sourceMappingURL=_thead.js.map

package/dist/components/sheet/_thead.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_thead.js","names":["defineComponent","inject","computed","createVNode","_createVNode","isVNode","_isVNode","Cell","Checkbox","Radio","IS_PRESET","IS_CHECKBOX","IS_INDEX","IS_RADIO","_isSlot","s","Object","prototype","toString","call","name","components","props","totalTbodyColumns","type","Number","default","columns","Array","indexContent","String","Function","checkKey","radioKey","hasAction","Boolean","resize","setup","attrs","emit","slots","isCheckedAll","setCheckAll","l","r","_leftFixed","value","_rightFixed","getRowspan","obj","max","children","length","__level","getColspan","arr","fn","forEach","c","push","renderTableHead","colIndex","presets","maxRowLength","__index","addIndex","col","colChildren","addLevel","cols","i","trs","apply","map","renderTd","isPreset","field","content","checkboxProps","gap","iconSize","modelValue","v","colspan","rowspan","cellProps","isInThead","notBold","isNarrow","align","resizeWidth","undefined","tag","sorter","b","class","pin","_con","tr"],"sources":["../../../components/sheet/_thead.tsx"],"sourcesContent":["import { defineComponent, inject, computed } from \"vue\"\r\nimport type { PropType } from \"vue\"\r\nimport type { Ref, ComputedRef } from \"vue\"\r\nimport Cell from \"./_cell\"\r\nimport Checkbox from \"../checkbox/index\"\r\nimport Radio from \"../radio/index\"\r\nimport { IS_PRESET, IS_CHECKBOX, IS_INDEX, IS_RADIO } from \"./_use\"\r\n\r\nexport default defineComponent({\r\n  name: \"SheetThead\",\r\n  components: { Cell, Checkbox, Radio },\r\n  props: {\r\n    totalTbodyColumns: { type: Number, default: 0 },\r\n    //columns是加工处理过的\r\n    columns: Array,\r\n    indexContent: [String, Object, Function] as PropType<any>,\r\n    checkKey: String,\r\n    radioKey: String,\r\n    hasAction: Boolean,\r\n    resize: Boolean,\r\n  },\r\n  setup(props, { attrs, emit, slots }) {\r\n    const isCheckedAll = inject(\"isCheckedAll\") as Ref<number>\r\n    const setCheckAll = inject(\"setCheckAll\") as Function\r\n\r\n    const l = inject(\"leftFixed\") as ComputedRef<string | number>\r\n    const r = inject(\"rightFixed\") as ComputedRef<string | number>\r\n    const _leftFixed = computed(() => {\r\n      if (l.value) {\r\n        return Number(l.value)\r\n      }\r\n      return 0\r\n    })\r\n    const _rightFixed = computed(() => {\r\n      if (r.value) {\r\n        return Number(r.value)\r\n      }\r\n      return 0\r\n    })\r\n\r\n    function getRowspan(obj: any, max: number) {\r\n      if (obj.children && obj.children.length !== 0) {\r\n        return 1\r\n      }\r\n      return max - obj.__level\r\n    }\r\n    function getColspan(obj: any) {\r\n      let arr: any[] = [],\r\n        fn = (obj: any) => {\r\n          if (obj.children && obj.children.length) {\r\n            obj.children.forEach((c: any) => {\r\n              fn(c)\r\n            })\r\n          } else {\r\n            arr.push(obj)\r\n          }\r\n        }\r\n      fn(obj)\r\n      return arr.length || 1\r\n    }\r\n\r\n    function renderTableHead() {\r\n      let colIndex = 0\r\n      //预置列数\r\n      let presets = 0\r\n      let columns = props.columns ?? []\r\n      //记录总共行数\r\n      let maxRowLength = 0\r\n      //记录单元格序列号\r\n      let __index = 0\r\n      //标记每一行数据\r\n      /**\r\n       * addIndex，给每列添加一个index，对应col的序列\r\n       *\r\n       */\r\n      let addIndex = (col: any, colChildren: any) => {\r\n        if (colChildren.children && colChildren.children.length) {\r\n          col.__index = col.__index + colChildren.children.length - 1\r\n          colChildren.children.forEach((c: any) => {\r\n            addIndex(col, c)\r\n          })\r\n        }\r\n      }\r\n      //addLevel标记层级，方便合并行和列\r\n      let addLevel = (cols: any, i: number) => {\r\n        cols.forEach((col: any) => {\r\n          // if (this.$_is_built_in_column(col.field)) {\r\n          //   presets += 1\r\n          // }\r\n          //__level代表了第几行tr\r\n          col.__index = __index++\r\n          col.__level = i\r\n          if (maxRowLength < i) {\r\n            maxRowLength = i\r\n          }\r\n          if (col.children && col.children.length) {\r\n            // col.__index = col.__index + col.children.length - 1\r\n            addIndex(col, col)\r\n            __index--\r\n            addLevel(col.children, col.__level + 1)\r\n          }\r\n        })\r\n      }\r\n      //给数据添加行编号，方便后续循环时将单元格插入对应的行\r\n      addLevel(columns, 0)\r\n      //由于行号时从0开始的，所以要加1\r\n      maxRowLength += 1\r\n      //预先创建好所有的行\r\n      let trs: any[][] = Array.apply(null, {\r\n        length: maxRowLength,\r\n      } as any).map(() => [])\r\n\r\n      let renderTd = (columns: any[]) => {\r\n        columns.forEach((col, i, arr) => {\r\n          const isPreset = IS_PRESET(col.field) //this.$_is_built_in_column(col.field)\r\n          let content: any = null\r\n          // console.log(col.name , typeof col.name)\r\n          if (typeof col.name === \"function\") {\r\n            content = col.name()\r\n          } else {\r\n            content = col.name\r\n          }\r\n\r\n          if (isPreset) {\r\n            if (IS_INDEX(col.field)) {\r\n              content = props.indexContent\r\n            }\r\n            // if (this.hasAction && col.field === this.__action) {\r\n            //   content = \"操作\"\r\n            // }\r\n            if (IS_CHECKBOX(col.field)) {\r\n              const checkboxProps = {\r\n                gap: false,\r\n                iconSize: \"16px\",\r\n                // iconColor: 'var(--w-color-font-3)',\r\n                modelValue: isCheckedAll.value,\r\n                \"onUpdate:modelValue\": (v: number) => {\r\n                  setCheckAll(v)\r\n                },\r\n              }\r\n              content = <Checkbox {...checkboxProps} />\r\n            } else if (\r\n              IS_RADIO(col.field) /*  && col.field === this.__radio */\r\n            ) {\r\n              content = \"\"\r\n            }\r\n          }\r\n\r\n          const colspan = getColspan(col)\r\n          const rowspan = getRowspan(col, maxRowLength)\r\n\r\n          const cellProps = {\r\n            isInThead: true,\r\n            colspan,\r\n            rowspan,\r\n            notBold: isPreset,\r\n            isNarrow: isPreset,\r\n            align: isPreset || colspan > 1 ? \"center\" : \"\",\r\n            resizeWidth: props.resize && colspan == 1,\r\n            colIndex: colspan == 1 ? colIndex : undefined,\r\n            tag: \"th\",\r\n            sorter: (() => {\r\n              let b = undefined\r\n              if (\"field\" in col && \"sorter\" in col) {\r\n                b = col.sorter\r\n              }\r\n              return b\r\n            })(),\r\n            col,\r\n            // sorter: (() => {\r\n            //   let b = true;\r\n            //   if (col.field && this.currentSorterField == col.field) {\r\n            //     b = this.currentSort\r\n            //   } else {\r\n            //     b = \"sorter\" in col\r\n            //   }\r\n            //   return b\r\n            // })()\r\n\r\n            class: [\r\n              {\r\n                \"w-cell--sticky\":\r\n                  _leftFixed.value > colIndex ||\r\n                  _rightFixed.value > props.totalTbodyColumns - colIndex - 1 ||\r\n                  (!!col.pin && colspan === 1),\r\n              },\r\n              /* [\r\n                      col.cellClass\r\n                        ? this.$_get_td_class(null, null, col, { thead: true })\r\n                        : \"\"\r\n                    ] */\r\n            ],\r\n            //   style: this.$_get_td_style(null, null, col, { thead: true }),\r\n          }\r\n\r\n          //如果有children，说明有列合并\r\n          // trs[col.__level].push(<Cell {...cellProps}>{content}</Cell>);\r\n          const _con = <Cell {...cellProps}>{content}</Cell>\r\n          trs[col.__level].push(_con)\r\n          if (colspan == 1) {\r\n            colIndex += 1\r\n          }\r\n          if (col.children && col.children.length) {\r\n            renderTd(col.children)\r\n          }\r\n        })\r\n      }\r\n      renderTd(columns)\r\n      return trs.map((tr) => <tr>{tr}</tr>)\r\n    }\r\n\r\n    return () => {\r\n      return renderTableHead()\r\n    }\r\n  },\r\n})\r\n"],"mappings":";;;;;;AAMmE,SAAAc,QAAAC,GAAA;CAAA,OAAA,OAAAA,MAAA,cAAAC,OAAAC,UAAAC,SAAAC,KAAAJ,CAAA,MAAA,qBAAA,CAAAT,QAAAS,CAAA;AAAA;AAEnE,IAAA,iBAAef,gCAAgB;CAC7BoB,MAAM;CACNC,YAAY;EAAEd,MAAAA;EAAMC,UAAAA;EAAUC,OAAAA;CAAM;CACpCa,OAAO;EACLC,mBAAmB;GAAEC,MAAMC;GAAQC,SAAS;EAAE;EAE9CC,SAASC;EACTC,cAAc;GAACC;GAAQd;GAAQe;EAAQ;EACvCC,UAAUF;EACVG,UAAUH;EACVI,WAAWC;EACXC,QAAQD;CACV;CACAE,MAAMf,OAAO,EAAEgB,OAAOC,MAAMC,SAAS;EACnC,MAAMC,eAAexC,OAAO,cAAc;EAC1C,MAAMyC,cAAczC,OAAO,aAAa;EAExC,MAAM0C,IAAI1C,OAAO,WAAW;EAC5B,MAAM2C,IAAI3C,OAAO,YAAY;EAC7B,MAAM4C,aAAa3C,eAAe;GAChC,IAAIyC,EAAEG,OACJ,OAAOrB,OAAOkB,EAAEG,KAAK;GAEvB,OAAO;EACT,CAAC;EACD,MAAMC,cAAc7C,eAAe;GACjC,IAAI0C,EAAEE,OACJ,OAAOrB,OAAOmB,EAAEE,KAAK;GAEvB,OAAO;EACT,CAAC;EAED,SAASE,WAAWC,KAAUC,KAAa;GACzC,IAAID,IAAIE,YAAYF,IAAIE,SAASC,WAAW,GAC1C,OAAO;GAET,OAAOF,MAAMD,IAAII;EACnB;EACA,SAASC,WAAWL,KAAU;GAC5B,IAAIM,MAAa,CAAA,GACfC,MAAMP,QAAa;IACjB,IAAIA,IAAIE,YAAYF,IAAIE,SAASC,QAC/BH,IAAIE,SAASM,SAASC,MAAW;KAC/BF,GAAGE,CAAC;IACN,CAAC;SAEDH,IAAII,KAAKV,GAAG;GAEhB;GACFO,GAAGP,GAAG;GACN,OAAOM,IAAIH,UAAU;EACvB;EAEA,SAASQ,kBAAkB;GACzB,IAAIC,WAAW;GAGf,IAAIlC,UAAUL,MAAMK,WAAW,CAAA;GAE/B,IAAIoC,eAAe;GAEnB,IAAIC,UAAU;;;;;GAMd,IAAIC,YAAYC,KAAUC,gBAAqB;IAC7C,IAAIA,YAAYhB,YAAYgB,YAAYhB,SAASC,QAAQ;KACvDc,IAAIF,UAAUE,IAAIF,UAAUG,YAAYhB,SAASC,SAAS;KAC1De,YAAYhB,SAASM,SAASC,MAAW;MACvCO,SAASC,KAAKR,CAAC;KACjB,CAAC;IACH;GACF;GAEA,IAAIU,YAAYC,MAAWC,MAAc;IACvCD,KAAKZ,SAASS,QAAa;KAKzBA,IAAIF,UAAUA;KACdE,IAAIb,UAAUiB;KACd,IAAIP,eAAeO,GACjBP,eAAeO;KAEjB,IAAIJ,IAAIf,YAAYe,IAAIf,SAASC,QAAQ;MAEvCa,SAASC,KAAKA,GAAG;MACjBF;MACAI,SAASF,IAAIf,UAAUe,IAAIb,UAAU,CAAC;KACxC;IACF,CAAC;GACH;GAEAe,SAASzC,SAAS,CAAC;GAEnBoC,gBAAgB;GAEhB,IAAIQ,MAAe3C,MAAM4C,MAAM,MAAM,EACnCpB,QAAQW,aACV,CAAQ,CAAC,CAACU,UAAU,CAAA,CAAE;GAEtB,IAAIC,YAAY/C,YAAmB;IACjCA,QAAQ8B,SAASS,KAAKI,GAAGf,QAAQ;KAC/B,MAAMoB,WAAWjE,UAAUwD,IAAIU,KAAK;KACpC,IAAIC,UAAe;KAEnB,IAAI,OAAOX,IAAI9C,SAAS,YACtByD,UAAUX,IAAI9C,KAAK;UAEnByD,UAAUX,IAAI9C;KAGhB,IAAIuD,UAAU;MACZ,IAAI/D,SAASsD,IAAIU,KAAK,GACpBC,UAAUvD,MAAMO;MAKlB,IAAIlB,YAAYuD,IAAIU,KAAK,GAAG;OAC1B,MAAME,gBAAgB;QACpBC,KAAK;QACLC,UAAU;QAEVC,YAAYxC,aAAaK;QACzB,wBAAwBoC,MAAc;SACpCxC,YAAYwC,CAAC;QACf;OACF;OACAL,UAAOzE,YAAAI,kBAAiBsE,eAAa,IAAA;MACvC,OAAO,IACLjE,SAASqD,IAAIU,KAAK,GAElBC,UAAU;KAEd;KAEA,MAAMM,UAAU7B,WAAWY,GAAG;KAG9B,MAAMmB,YAAY;MAChBC,WAAW;MACXH;MACAC,SALcpC,WAAWkB,KAAKH,YAK9BqB;MACAG,SAASZ;MACTa,UAAUb;MACVc,OAAOd,YAAYQ,UAAU,IAAI,WAAW;MAC5CO,aAAapE,MAAMc,UAAU+C,WAAW;MACxCtB,UAAUsB,WAAW,IAAItB,WAAW8B,KAAAA;MACpCC,KAAK;MACLC,eAAe;OACb,IAAIC,IAAIH,KAAAA;OACR,IAAI,WAAWzB,OAAO,YAAYA,KAChC4B,IAAI5B,IAAI2B;OAEV,OAAOC;MACT,EAAA,CAAG;MACH5B;MAWA6B,OAAO,CACL,EACE,kBACElD,WAAWC,QAAQe,YACnBd,YAAYD,QAAQxB,MAAMC,oBAAoBsC,WAAW,KACxD,CAAC,CAACK,IAAI8B,OAAOb,YAAY,EAC9B,CACA;KAOJ;KAIA,MAAMc,OAAI7F,YAAAG,eAAa8E,WAASvE,QAAG+D,OAAO,IAAPA,UAAO,EAAAnD,eAAA,CAAPmD,OAAO,EAAA,CAAA;KAC1CN,IAAIL,IAAIb,QAAQ,CAACM,KAAKsC,IAAI;KAC1B,IAAId,WAAW,GACbtB,YAAY;KAEd,IAAIK,IAAIf,YAAYe,IAAIf,SAASC,QAC/BsB,SAASR,IAAIf,QAAQ;IAEzB,CAAC;GACH;GACAuB,SAAS/C,OAAO;GAChB,OAAO4C,IAAIE,KAAKyB,OAAE9F,YAAA,MAAA,MAAA,CAAU8F,EAAE,CAAA,CAAM;EACtC;EAEA,aAAa;GACX,OAAOtC,gBAAgB;EACzB;CACF;AACF,CAAC"}