@gct-paas/core-web 0.1.6-dev.8 → 6.0.0-dev.1

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";
+import { VxeGrid } from "vxe-table";
+//#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");
+			return openBlock(), createBlock(unref(VxeGrid), 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_99a4ea49_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-99a4ea49] {
+  --gct-basic-grid-expand-col-width: 40px;
+  --gct-basic-grid-pagination-height: 56px;
+}
+.gct-basic-grid--fit-parent[data-v-99a4ea49] {
+  height: 100%;
+}
+.gct-basic-grid--fit-content[data-v-99a4ea49] .vxe-grid--pager-wrapper {
+  height: calc(var(--gct-basic-grid-pagination-height) / 2);
+}
+.gct-basic-grid[data-v-99a4ea49] .col--expand + .vxe-header--column > .vxe-cell {
+  position: relative;
+  left: calc(-1 * var(--gct-basic-grid-expand-col-width));
+}
+.gct-basic-grid[data-v-99a4ea49] .vxe-table--render-default {
+  --vxe-font-color: #212528;
+}
+[data-v-99a4ea49] .vxe-body--expanded-row .gct-basic-grid .vxe-table--border-line {
+  border-width: 0;
+}
+[data-v-99a4ea49] .vxe-body--expanded-row .gct-basic-grid table.vxe-table--header {
+  background-color: transparent;
+}
+[data-v-99a4ea49] .vxe-body--expanded-row .gct-basic-grid .vxe-header--column:first-child > .vxe-cell,[data-v-99a4ea49] .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;

package/es/components/ui/form-alert/form-alert.vue.d.ts

@@ -0,0 +1,10 @@
+type __VLS_Props = {
+    message: string;
+    span?: string | number;
+    offset?: string | number;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    span: string | number;
+    offset: string | number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/es/components/ui/form-alert/form-alert.vue.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import form_alert_vue_vue_type_script_setup_true_name_form_alert_lang_default from "./form-alert.vue_vue_type_script_setup_true_name_form-alert_lang.mjs";
+import './form-alert.vue_vue_type_style_index_0_scoped_a6bdad9c_lang.css';/* empty css                                                                 */
+//#region src/components/ui/form-alert/form-alert.vue
+var form_alert_default = /* @__PURE__ */ _plugin_vue_export_helper_default(form_alert_vue_vue_type_script_setup_true_name_form_alert_lang_default, [["__scopeId", "data-v-a6bdad9c"]]);
+//#endregion
+export { form_alert_default as default };

package/es/components/ui/form-alert/form-alert.vue_vue_type_script_setup_true_name_form-alert_lang.mjs

@@ -0,0 +1,31 @@
+import { createBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, resolveComponent, toDisplayString, unref, withCtx } from "vue";
+import { useNamespace } from "@gct-paas/core";
+//#region src/components/ui/form-alert/form-alert.vue?vue&type=script&setup=true&name=form-alert&lang.ts
+var _hoisted_1 = { class: "flex items-center color-[#F77E4A] bg-[#F77E4A1A] h-28px w-full mb-20px" };
+var form_alert_vue_vue_type_script_setup_true_name_form_alert_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "form-alert",
+	props: {
+		message: {},
+		span: { default: 16 },
+		offset: { default: 6 }
+	},
+	setup(__props) {
+		const ns = useNamespace("form-alert");
+		return (_ctx, _cache) => {
+			const _component_a_col = resolveComponent("a-col");
+			const _component_a_row = resolveComponent("a-row");
+			return openBlock(), createBlock(_component_a_row, { class: normalizeClass([unref(ns).b()]) }, {
+				default: withCtx(() => [createVNode(_component_a_col, {
+					span: __props.span,
+					offset: __props.offset
+				}, {
+					default: withCtx(() => [createElementVNode("div", _hoisted_1, [_cache[0] || (_cache[0] = createElementVNode("i", { class: "iconfont icon-a-zhuyi_attention2 color-[#F77E4A] mr-8px ml-8px" }, null, -1)), createTextVNode(" " + toDisplayString(__props.message), 1)])]),
+					_: 1
+				}, 8, ["span", "offset"])]),
+				_: 1
+			}, 8, ["class"]);
+		};
+	}
+});
+//#endregion
+export { form_alert_vue_vue_type_script_setup_true_name_form_alert_lang_default as default };

package/es/components/ui/form-alert/form-alert.vue_vue_type_style_index_0_scoped_a6bdad9c_lang.css

@@ -0,0 +1,64 @@
+@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 */

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

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

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

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import grid_btns_vue_vue_type_script_setup_true_name_grid_btns_lang_default from "./grid-btns.vue_vue_type_script_setup_true_name_grid-btns_lang.mjs";
+import './grid-btns.vue_vue_type_style_index_0_scoped_e3385a9e_lang.css';/* empty css                                                                */
+//#region src/components/ui/grid-btns/grid-btns.vue
+var grid_btns_default = /* @__PURE__ */ _plugin_vue_export_helper_default(grid_btns_vue_vue_type_script_setup_true_name_grid_btns_lang_default, [["__scopeId", "data-v-e3385a9e"]]);
+//#endregion
+export { grid_btns_default as default };

package/es/components/ui/grid-btns/grid-btns.vue_vue_type_script_setup_true_name_grid-btns_lang.mjs

@@ -0,0 +1,15 @@
+import { createBlock, defineComponent, normalizeClass, openBlock, unref } from "vue";
+import { useNamespace } from "@gct-paas/core";
+import { TableActionAuto } from "@gct-paas/v-ben";
+//#region src/components/ui/grid-btns/grid-btns.vue?vue&type=script&setup=true&name=grid-btns&lang.ts
+var grid_btns_vue_vue_type_script_setup_true_name_grid_btns_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "grid-btns",
+	setup(__props) {
+		const ns = useNamespace("grid-btns");
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(TableActionAuto), { class: normalizeClass([unref(ns).b()]) }, null, 8, ["class"]);
+		};
+	}
+});
+//#endregion
+export { grid_btns_vue_vue_type_script_setup_true_name_grid_btns_lang_default as default };

package/es/components/ui/grid-btns/grid-btns.vue_vue_type_style_index_0_scoped_e3385a9e_lang.css

@@ -0,0 +1,70 @@
+@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-grid-btns[data-v-e3385a9e] .ant-btn.ant-btn-sm {
+  padding: 0;
+}
+.gct-grid-btns[data-v-e3385a9e] .ant-dropdown-trigger {
+  transform: rotate(90deg);
+}

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

@@ -0,0 +1,12 @@
+import { GridPaginationValue } from './types';
+type __VLS_Props = {
+    value?: GridPaginationValue;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:value": (value: GridPaginationValue) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:value"?: ((value: GridPaginationValue) => any) | undefined;
+}>, {
+    value: GridPaginationValue;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import grid_pagination_vue_vue_type_script_setup_true_name_grid_pagination_lang_default from "./grid-pagination.vue_vue_type_script_setup_true_name_grid-pagination_lang.mjs";
+import './grid-pagination.vue_vue_type_style_index_0_scoped_4905eabf_lang.css';/* empty css                                                                      */
+//#region src/components/ui/grid-pagination/grid-pagination.vue
+var grid_pagination_default = /* @__PURE__ */ _plugin_vue_export_helper_default(grid_pagination_vue_vue_type_script_setup_true_name_grid_pagination_lang_default, [["__scopeId", "data-v-4905eabf"]]);
+//#endregion
+export { grid_pagination_default as default };