@gct-paas/core-web 0.1.6-dev.17 → 0.1.6-dev.19

package/es/components/shrink-panel/shrink-panel.css

@@ -0,0 +1,130 @@
+@charset "UTF-8";
+/* stylelint-disable scss/no-global-function-names */
+/* bem('block', 'element', 'modifier') => 'ibiz-block__element--modifier' */
+/**
+ * 定义 Block 块
+ * @param {String} $block - Block 块名称
+ * @example
+ *   @include b('button') {
+ *     padding: 10px;
+ *   }
+ */
+/**
+ * 定义 Element 元素
+ * @param {String|List} $element - Element 元素名称，支持单个或多个
+ * @example
+ *   @include b('button') {
+ *     @include e('text') {
+ *       color: #000;
+ *     }
+ *   }
+ *   // 或传入多个元素
+ *   @include b('button') {
+ *     @include e(('text', 'icon')) {
+ *       margin: 5px;
+ *     }
+ *   }
+ */
+/**
+ * 定义 Modifier 修饰符
+ * @param {String|List} $modifier - Modifier 修饰符名称，支持单个或多个
+ * @example
+ *   @include b('button') {
+ *     @include m('primary') {
+ *       background: blue;
+ *     }
+ *   }
+ *   // 或传入多个修饰符
+ *   @include b('button') {
+ *     @include m(('primary', 'large')) {
+ *       background: blue;
+ *       font-size: 16px;
+ *     }
+ *   }
+ */
+/**
+ * 定义状态选择器
+ * @param {String} $state - 状态名称
+ * @example
+ *   @include b('button') {
+ *     @include when('disabled') {
+ *       opacity: 0.5;
+ *     }
+ *   }
+ */
+/**
+ * 深色主题样式
+ * @param {String} $block - Block 块名称
+ * @example
+ *   @include dark('button') {
+ *     background: #333;
+ *     color: #fff;
+ *   }
+ */
+/* stylelint-disable scss/no-global-function-names */
+.gct-shrink-panel {
+  min-width: 100px;
+  height: 100%;
+  background-color: var(--gct-color-white);
+  border-left: 1px solid var(--gct-color-border);
+}
+.gct-shrink-panel .iconfont {
+  font-size: 14px;
+}
+.gct-shrink-panel__column {
+  display: none;
+  flex-direction: column;
+  align-items: center;
+  height: 100%;
+  background-color: var(--gct-color-bg-3);
+}
+
+.gct-shrink-panel__title {
+  font-size: 12px;
+  line-height: 16px;
+}
+
+.gct-shrink-panel__column-icon {
+  padding: var(--gct-padding-6);
+  cursor: pointer;
+  transform: rotate(180deg);
+}
+
+.gct-shrink-panel__column-title {
+  writing-mode: vertical-rl;
+}
+
+.gct-shrink-panel__header {
+  display: block;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 42px;
+  padding: 0 var(--gct-padding-6);
+  background-color: var(--gct-color-bg-3);
+}
+
+.gct-shrink-panel__body {
+  display: block;
+  height: calc(100% - 42px);
+}
+
+.gct-shrink-panel__icon {
+  cursor: pointer;
+}
+
+.gct-shrink-panel.is-not-expand {
+  width: 40px;
+  min-width: 40px;
+}
+.gct-shrink-panel.is-not-expand .gct-shrink-panel__column {
+  display: flex;
+}
+
+.gct-shrink-panel.is-not-expand .gct-shrink-panel__header {
+  display: none;
+}
+
+.gct-shrink-panel.is-not-expand .gct-shrink-panel__body {
+  display: none;
+}

package/es/components/shrink-panel/shrink-panel.d.ts

@@ -0,0 +1,23 @@
+export declare const ShrinkPanel: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    retractedSuffix: {
+        type: StringConstructor;
+    };
+}>, {
+    ns: import('@gct-paas/core').Namespace;
+    isExpand: import('vue').Ref<boolean, boolean>;
+    toggleExpand: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    retractedSuffix: {
+        type: StringConstructor;
+    };
+}>> & Readonly<{}>, {
+    title: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/es/components/shrink-panel/shrink-panel.mjs

@@ -0,0 +1,41 @@
+import './shrink-panel.css';/* empty css                   */
+import { createVNode, defineComponent, ref } from "vue";
+import { useNamespace } from "@gct-paas/core";
+//#region src/components/shrink-panel/shrink-panel.tsx
+var ShrinkPanel = /* @__PURE__ */ defineComponent({
+	name: "ShrinkPanel",
+	props: {
+		title: {
+			type: String,
+			default: ""
+		},
+		retractedSuffix: { type: String }
+	},
+	setup() {
+		const ns = useNamespace("shrink-panel");
+		const isExpand = ref(true);
+		const toggleExpand = () => {
+			isExpand.value = !isExpand.value;
+		};
+		return {
+			ns,
+			isExpand,
+			toggleExpand
+		};
+	},
+	render() {
+		return createVNode("div", { "class": [this.ns.b(), this.ns.is("not-expand", !this.isExpand)] }, [
+			createVNode("div", { "class": this.ns.e("column") }, [createVNode("div", {
+				"class": this.ns.e("column-icon"),
+				"onClick": this.toggleExpand
+			}, [createVNode("i", { "class": "iconfont icon-AlignLeft" }, null)]), createVNode("div", { "class": this.ns.e("column-title") }, [this.title, this.retractedSuffix ? this.retractedSuffix : ""])]),
+			createVNode("div", { "class": this.ns.e("header") }, [createVNode("div", { "class": this.ns.e("title") }, [this.title]), createVNode("div", {
+				"class": this.ns.e("icon"),
+				"onClick": this.toggleExpand
+			}, [createVNode("i", { "class": "iconfont icon-AlignLeft" }, null)])]),
+			createVNode("div", { "class": this.ns.e("body") }, [this.$slots.default?.()])
+		]);
+	}
+});
+//#endregion
+export { ShrinkPanel };

package/es/components/ui/basic-grid/basic-grid.vue.d.ts

@@ -0,0 +1,81 @@
+import { GridColumn, GridRowData } from './types';
+import { GridPaginationValue } from '../grid-pagination';
+type __VLS_Props = {
+    data: GridRowData[];
+    columns?: GridColumn[];
+    /** 是否有行嵌入内容 */
+    hasRowEmbed?: boolean;
+    /** 分页参数 */
+    pagination?: GridPaginationValue;
+    /** 是否展开所有,每次数据变更的时候 */
+    isExpandAll?: boolean;
+    /** 高度是否占满父元素 */
+    isFitParent?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Partial<Record<NonNullable<string | symbol>, (_: {
+        [key: string]: any;
+        $table: import('vxe-table').VxeTableConstructor<any>;
+        $grid: import('vxe-table').VxeGridConstructor<any> | null | undefined;
+        row: any;
+        rowIndex: number;
+        $rowIndex: number;
+        _rowIndex: number;
+        column: import("vxe-table").VxeTableDefines.ColumnInfo<any>;
+        columnIndex: number;
+        $columnIndex: number;
+        _columnIndex: number;
+        checked?: boolean;
+        indeterminate?: boolean;
+        items: any[];
+    }) => any>>;
+    refs: {
+        gridRef: {
+            $props: import('vxe-table').VxeTableProps<any> & {
+                layouts?: import("vxe-table").VxeGridPropTypes.Layouts;
+                columns?: import("vxe-table").VxeGridPropTypes.Columns<any> | undefined;
+                pagerConfig?: import("vxe-table").VxeGridPropTypes.PagerConfig;
+                proxyConfig?: import("vxe-table").VxeGridPropTypes.ProxyConfig<any> | undefined;
+                toolbarConfig?: import("vxe-table").VxeGridPropTypes.ToolbarConfig;
+                formConfig?: import("vxe-table").VxeGridPropTypes.FormConfig;
+                zoomConfig?: import("vxe-table").VxeGridPropTypes.ZoomConfig;
+            } & import('vxe-table').VxeGridEventProps<any>;
+            $slots: import('vxe-table').VxeGridSlots<any>;
+        } | null;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:pagination": (value: GridPaginationValue) => any;
+    "update:value": (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:pagination"?: ((value: GridPaginationValue) => any) | undefined;
+    "onUpdate:value"?: ((value: string) => any) | undefined;
+}>, {
+    columns: GridColumn[];
+    hasRowEmbed: boolean;
+    isExpandAll: boolean;
+    isFitParent: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    gridRef: {
+        $props: import('vxe-table').VxeTableProps<any> & {
+            layouts?: import("vxe-table").VxeGridPropTypes.Layouts;
+            columns?: import("vxe-table").VxeGridPropTypes.Columns<any> | undefined;
+            pagerConfig?: import("vxe-table").VxeGridPropTypes.PagerConfig;
+            proxyConfig?: import("vxe-table").VxeGridPropTypes.ProxyConfig<any> | undefined;
+            toolbarConfig?: import("vxe-table").VxeGridPropTypes.ToolbarConfig;
+            formConfig?: import("vxe-table").VxeGridPropTypes.FormConfig;
+            zoomConfig?: import("vxe-table").VxeGridPropTypes.ZoomConfig;
+        } & import('vxe-table').VxeGridEventProps<any>;
+        $slots: import('vxe-table').VxeGridSlots<any>;
+    } | null;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/components/ui/basic-grid/basic-grid.vue.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import basic_grid_vue_vue_type_script_setup_true_name_basic_grid_lang_default from "./basic-grid.vue_vue_type_script_setup_true_name_basic-grid_lang.mjs";
+import './basic-grid.vue_vue_type_style_index_0_scoped_e9d09c1d_lang.css';/* empty css                                                                 */
+//#region src/components/ui/basic-grid/basic-grid.vue
+var basic_grid_default = /* @__PURE__ */ _plugin_vue_export_helper_default(basic_grid_vue_vue_type_script_setup_true_name_basic_grid_lang_default, [["__scopeId", "data-v-e9d09c1d"]]);
+//#endregion
+export { basic_grid_default as default };

package/es/components/ui/basic-grid/basic-grid.vue_vue_type_script_setup_true_name_basic-grid_lang.mjs

@@ -0,0 +1,134 @@
+import grid_pagination_default from "../grid-pagination/grid-pagination.vue.mjs";
+import "../grid-pagination/index.mjs";
+import { computed, createBlock, createSlots, createVNode, defineComponent, guardReactiveProps, mergeProps, nextTick, normalizeProps, openBlock, ref, renderList, renderSlot, resolveComponent, unref, useSlots, watch, withCtx } from "vue";
+import { useNamespace } from "@gct-paas/core";
+import { Empty } from "ant-design-vue";
+//#region src/components/ui/basic-grid/basic-grid.vue?vue&type=script&setup=true&name=basic-grid&lang.ts
+var basic_grid_vue_vue_type_script_setup_true_name_basic_grid_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "basic-grid",
+	props: {
+		data: {},
+		columns: { default: () => [] },
+		hasRowEmbed: {
+			type: Boolean,
+			default: false
+		},
+		pagination: {},
+		isExpandAll: {
+			type: Boolean,
+			default: false
+		},
+		isFitParent: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: ["update:value", "update:pagination"],
+	setup(__props, { emit: __emit }) {
+		const emptyImage = Empty.PRESENTED_IMAGE_SIMPLE;
+		const gridRef = ref();
+		const slots = useSlots();
+		const ns = useNamespace("basic-grid");
+		const props = __props;
+		const emit = __emit;
+		/** 当前展开的节点集合 */
+		const expandedRowKeys = ref([]);
+		const onToggleRowExpand = (params) => {
+			const { expanded, row } = params;
+			if (expanded && row.id) expandedRowKeys.value.push(row.id);
+			else if (row.id) expandedRowKeys.value = expandedRowKeys.value.filter((id) => id !== row.id);
+		};
+		/** 恢复展开的行 */
+		const restoreRowExpand = () => {
+			if (gridRef.value && expandedRowKeys.value.length) {
+				const rows = props.data.filter((item) => item.id && expandedRowKeys.value.includes(item.id));
+				gridRef.value.setRowExpand(rows, true);
+			}
+		};
+		const _columns = computed(() => {
+			const arr = [...props.columns];
+			if (props.hasRowEmbed) {
+				if (typeof arr[0]?.width === "number" && arr[0].width > 40) arr[0].width = arr[0].width - 40;
+				arr.unshift({
+					type: "expand",
+					width: 40,
+					slots: { content: "row_embed" }
+				});
+			}
+			return arr;
+		});
+		const showPagination = computed(() => {
+			return !!props.pagination;
+		});
+		const _pagination = computed({
+			get() {
+				return props.pagination;
+			},
+			set(v) {
+				emit("update:pagination", v);
+			}
+		});
+		const vxeGridConfig = computed(() => {
+			const result = {};
+			if (props.isExpandAll) Object.assign(result, { expandConfig: { expandAll: true } });
+			if (props.isFitParent) Object.assign(result, { height: "auto" });
+			else Object.assign(result, { maxHeight: "100%" });
+			return result;
+		});
+		const expandAll = () => {
+			if (gridRef.value) {
+				if (props.hasRowEmbed) gridRef.value.setAllRowExpand(true);
+				else gridRef.value.setAllTreeExpand(true);
+				setTimeout(() => {
+					gridRef.value.clearScroll();
+				}, 100);
+			}
+		};
+		watch(() => props.data, () => {
+			nextTick(() => {
+				if (props.isExpandAll) expandAll();
+				else restoreRowExpand();
+			});
+		});
+		return (_ctx, _cache) => {
+			const _component_a_empty = resolveComponent("a-empty");
+			const _component_vxe_grid = resolveComponent("vxe-grid");
+			return openBlock(), createBlock(_component_vxe_grid, mergeProps({
+				ref_key: "gridRef",
+				ref: gridRef,
+				class: [
+					unref(ns).b(),
+					showPagination.value && unref(ns).m("has-pagination"),
+					__props.isFitParent ? unref(ns).m("fit-parent") : unref(ns).m("fit-content")
+				],
+				columns: _columns.value,
+				data: __props.data
+			}, {
+				...vxeGridConfig.value,
+				..._ctx.$attrs
+			}, { onToggleRowExpand }), createSlots({
+				empty: withCtx(() => [createVNode(_component_a_empty, { image: unref(emptyImage) }, null, 8, ["image"])]),
+				_: 2
+			}, [renderList(unref(slots), (_, name) => {
+				return {
+					name,
+					fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps)), void 0, true)])
+				};
+			}), showPagination.value ? {
+				name: "pager",
+				fn: withCtx(() => [createVNode(unref(grid_pagination_default), {
+					value: _pagination.value,
+					"onUpdate:value": _cache[0] || (_cache[0] = ($event) => _pagination.value = $event),
+					class: "pagination-total-left"
+				}, null, 8, ["value"])]),
+				key: "0"
+			} : void 0]), 1040, [
+				"class",
+				"columns",
+				"data"
+			]);
+		};
+	}
+});
+//#endregion
+export { basic_grid_vue_vue_type_script_setup_true_name_basic_grid_lang_default as default };

package/es/components/ui/basic-grid/basic-grid.vue_vue_type_style_index_0_scoped_e9d09c1d_lang.css

@@ -0,0 +1,90 @@
+@charset "UTF-8";
+/* stylelint-disable scss/no-global-function-names */
+/* bem('block', 'element', 'modifier') => 'ibiz-block__element--modifier' */
+/**
+ * 定义 Block 块
+ * @param {String} $block - Block 块名称
+ * @example
+ *   @include b('button') {
+ *     padding: 10px;
+ *   }
+ */
+/**
+ * 定义 Element 元素
+ * @param {String|List} $element - Element 元素名称，支持单个或多个
+ * @example
+ *   @include b('button') {
+ *     @include e('text') {
+ *       color: #000;
+ *     }
+ *   }
+ *   // 或传入多个元素
+ *   @include b('button') {
+ *     @include e(('text', 'icon')) {
+ *       margin: 5px;
+ *     }
+ *   }
+ */
+/**
+ * 定义 Modifier 修饰符
+ * @param {String|List} $modifier - Modifier 修饰符名称，支持单个或多个
+ * @example
+ *   @include b('button') {
+ *     @include m('primary') {
+ *       background: blue;
+ *     }
+ *   }
+ *   // 或传入多个修饰符
+ *   @include b('button') {
+ *     @include m(('primary', 'large')) {
+ *       background: blue;
+ *       font-size: 16px;
+ *     }
+ *   }
+ */
+/**
+ * 定义状态选择器
+ * @param {String} $state - 状态名称
+ * @example
+ *   @include b('button') {
+ *     @include when('disabled') {
+ *       opacity: 0.5;
+ *     }
+ *   }
+ */
+/**
+ * 深色主题样式
+ * @param {String} $block - Block 块名称
+ * @example
+ *   @include dark('button') {
+ *     background: #333;
+ *     color: #fff;
+ *   }
+ */
+/* stylelint-disable scss/no-global-function-names */
+.gct-basic-grid[data-v-e9d09c1d] {
+  --gct-basic-grid-expand-col-width: 40px;
+  --gct-basic-grid-pagination-height: 56px;
+}
+.gct-basic-grid--fit-parent[data-v-e9d09c1d] {
+  height: 100%;
+}
+.gct-basic-grid--fit-content[data-v-e9d09c1d] .vxe-grid--pager-wrapper {
+  height: calc(var(--gct-basic-grid-pagination-height) / 2);
+}
+.gct-basic-grid[data-v-e9d09c1d] .col--expand + .vxe-header--column > .vxe-cell {
+  position: relative;
+  left: calc(-1 * var(--gct-basic-grid-expand-col-width));
+}
+.gct-basic-grid[data-v-e9d09c1d] .vxe-table--render-default {
+  --vxe-font-color: #212528;
+}
+[data-v-e9d09c1d] .vxe-body--expanded-row .gct-basic-grid .vxe-table--border-line {
+  border-width: 0;
+}
+[data-v-e9d09c1d] .vxe-body--expanded-row .gct-basic-grid table.vxe-table--header {
+  background-color: transparent;
+}
+[data-v-e9d09c1d] .vxe-body--expanded-row .gct-basic-grid .vxe-header--column:first-child > .vxe-cell,[data-v-e9d09c1d] .vxe-body--expanded-row .gct-basic-grid .vxe-body--column:first-child > .vxe-cell {
+  padding-left: 40px;
+}

package/es/components/ui/basic-grid/index.d.ts

@@ -0,0 +1,3 @@
+import { default as BasicGrid } from './basic-grid.vue';
+export * from './types';
+export { BasicGrid };

package/es/components/ui/basic-grid/index.mjs

@@ -0,0 +1 @@
+import "./basic-grid.vue.mjs";

package/es/components/ui/basic-grid/types.d.ts

@@ -0,0 +1,6 @@
+import { VxeTableDefines } from 'vxe-table';
+export type GridColumn = VxeTableDefines.ColumnOptions;
+export interface GridRowData {
+    id?: string;
+    [key: string]: unknown;
+}

package/es/components/ui/embed-grid/embed-grid.vue.d.ts

@@ -0,0 +1,62 @@
+import { GridColumn } from '../basic-grid';
+import { EmbedGridRowData } from './types';
+import { GridPaginationValue } from '../grid-pagination';
+type __VLS_Props = {
+    columns: GridColumn[];
+    embedColumns: GridColumn[];
+    data: EmbedGridRowData[];
+    pagination?: GridPaginationValue;
+    /** 是否展开所有,每次数据变更的时候 */
+    isExpandAll?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Partial<Record<NonNullable<string | symbol>, (_: {
+        [key: string]: any;
+        $table: import('vxe-table').VxeTableConstructor<any>;
+        $grid: import('vxe-table').VxeGridConstructor<any> | null | undefined;
+        row: any;
+        rowIndex: number;
+        $rowIndex: number;
+        _rowIndex: number;
+        column: import("vxe-table").VxeTableDefines.ColumnInfo<any>;
+        columnIndex: number;
+        $columnIndex: number;
+        _columnIndex: number;
+        checked?: boolean;
+        indeterminate?: boolean;
+        items: any[];
+    }) => any>> & Partial<Record<NonNullable<string | symbol>, (_: {
+        [key: string]: any;
+        $table: import('vxe-table').VxeTableConstructor<any>;
+        $grid: import('vxe-table').VxeGridConstructor<any> | null | undefined;
+        row: any;
+        rowIndex: number;
+        $rowIndex: number;
+        _rowIndex: number;
+        column: import("vxe-table").VxeTableDefines.ColumnInfo<any>;
+        columnIndex: number;
+        $columnIndex: number;
+        _columnIndex: number;
+        checked?: boolean;
+        indeterminate?: boolean;
+        items: any[];
+    }) => any>>;
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:pagination": (value: GridPaginationValue) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:pagination"?: ((value: GridPaginationValue) => any) | undefined;
+}>, {
+    isExpandAll: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/components/ui/embed-grid/embed-grid.vue.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import embed_grid_vue_vue_type_script_setup_true_name_embed_grid_lang_default from "./embed-grid.vue_vue_type_script_setup_true_name_embed-grid_lang.mjs";
+import '../form-alert/form-alert.vue_vue_type_style_index_0_scoped_a6bdad9c_lang.css';/* empty css                                                                 */
+//#region src/components/ui/embed-grid/embed-grid.vue
+var embed_grid_default = /* @__PURE__ */ _plugin_vue_export_helper_default(embed_grid_vue_vue_type_script_setup_true_name_embed_grid_lang_default, [["__scopeId", "data-v-5ad2d28b"]]);
+//#endregion
+export { embed_grid_default as default };

package/es/components/ui/embed-grid/embed-grid.vue_vue_type_script_setup_true_name_embed-grid_lang.mjs

@@ -0,0 +1,73 @@
+import basic_grid_default from "../basic-grid/basic-grid.vue.mjs";
+import { computed, createBlock, createSlots, createVNode, defineComponent, guardReactiveProps, normalizeClass, normalizeProps, openBlock, renderList, renderSlot, unref, useSlots, withCtx } from "vue";
+import { useNamespace } from "@gct-paas/core";
+//#region src/components/ui/embed-grid/embed-grid.vue?vue&type=script&setup=true&name=embed-grid&lang.ts
+var embed_grid_vue_vue_type_script_setup_true_name_embed_grid_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "embed-grid",
+	props: {
+		columns: {},
+		embedColumns: {},
+		data: {},
+		pagination: {},
+		isExpandAll: {
+			type: Boolean,
+			default: true
+		}
+	},
+	emits: ["update:pagination"],
+	setup(__props, { emit: __emit }) {
+		const slots = useSlots();
+		const ns = useNamespace("embed-grid");
+		const props = __props;
+		const emit = __emit;
+		const _pagination = computed({
+			get() {
+				return props.pagination;
+			},
+			set(v) {
+				emit("update:pagination", v);
+			}
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(basic_grid_default, {
+				pagination: _pagination.value,
+				"onUpdate:pagination": _cache[0] || (_cache[0] = ($event) => _pagination.value = $event),
+				class: normalizeClass([unref(ns).b()]),
+				columns: __props.columns,
+				data: __props.data,
+				"has-row-embed": true,
+				height: "auto",
+				"is-expand-all": __props.isExpandAll
+			}, createSlots({
+				row_embed: withCtx(({ row }) => [createVNode(basic_grid_default, {
+					class: normalizeClass([unref(ns).e("row-grid")]),
+					columns: __props.embedColumns,
+					data: row.children
+				}, createSlots({ _: 2 }, [renderList(unref(slots), (_, name) => {
+					return {
+						name,
+						fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps)), void 0, true)])
+					};
+				})]), 1032, [
+					"class",
+					"columns",
+					"data"
+				])]),
+				_: 2
+			}, [renderList(unref(slots), (_, name) => {
+				return {
+					name,
+					fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps)), void 0, true)])
+				};
+			})]), 1032, [
+				"pagination",
+				"class",
+				"columns",
+				"data",
+				"is-expand-all"
+			]);
+		};
+	}
+});
+//#endregion
+export { embed_grid_vue_vue_type_script_setup_true_name_embed_grid_lang_default as default };

package/es/components/ui/embed-grid/index.d.ts

@@ -0,0 +1,3 @@
+import { default as EmbedGrid } from './embed-grid.vue';
+export * from './types';
+export { EmbedGrid };

package/es/components/ui/embed-grid/index.mjs

@@ -0,0 +1 @@
+import "./embed-grid.vue.mjs";

package/es/components/ui/embed-grid/types.d.ts

@@ -0,0 +1,5 @@
+import { GridColumn, GridRowData } from '../basic-grid';
+export interface EmbedGridRowData extends GridRowData {
+    children?: EmbedGridRowData[];
+}
+export type EmbedGridColumn = GridColumn;