@gx-design-vue/pro-table 0.2.0-alpha.11 → 0.2.0-alpha.13

package/dist/ProTable.js

@@ -19,7 +19,7 @@ import { useTableSize } from "./hooks/useTableSize.js";
 import "./hooks/index.js";
 import style_default from "./style/index.js";
 import { Fragment, Teleport, computed, createVNode, defineComponent, mergeDefaults, mergeProps, ref, toRef, watch } from "vue";
-import { useProAppContext } from "@gx-design-vue/pro-app";
+import { useProConfigContext } from "@gx-design-vue/pro-provider";
 import { classNames, getSlotVNode } from "@gx-design-vue/pro-utils";
 import { useFullscreen } from "@vueuse/core";
 import { Pagination, Spin, Table } from "antdv-next";
@@ -65,7 +65,7 @@ const ForwardProTable = /* @__PURE__ */ defineComponent((props, { attrs, slots,
 	const { prefixCls } = useBaseConfig("pro-table", props);
 	const rootCls = useCSSVarCls(prefixCls);
 	const [hashId, cssVarCls] = style_default(prefixCls, rootCls);
-	const appContext = useProAppContext();
+	const configContext = useProConfigContext();
 	const rootEl = ref();
 	const { toggle: toggleFullscreen, isFullscreen } = useFullscreen(rootEl);
 	watch(isFullscreen, (val) => {
@@ -224,7 +224,7 @@ const ForwardProTable = /* @__PURE__ */ defineComponent((props, { attrs, slots,
 			props,
 			key: "emptyText"
 		});
-		if (emptyTextSlot !== false && appContext?.emptyText?.value !== false) return emptyTextSlot || appContext?.emptyText?.value;
+		if (emptyTextSlot && configContext?.renderEmpty?.value) return emptyTextSlot || configContext?.renderEmpty?.value?.();
 		return null;
 	}
 	function onCustomPaginationChange(currentPage, currentPageSize) {
@@ -283,7 +283,7 @@ const ForwardProTable = /* @__PURE__ */ defineComponent((props, { attrs, slots,
 			props,
 			key: "emptyText"
 		});
-		if (emptyTextRender || appContext?.emptyText?.value) result.emptyText = () => emptyTextRender || appContext?.emptyText?.value;
+		if (emptyTextRender || configContext?.renderEmpty?.value) result.emptyText = () => emptyTextRender || configContext?.renderEmpty?.value?.();
 		return result;
 	});
 	expose({
@@ -567,12 +567,11 @@ const ForwardProTable = /* @__PURE__ */ defineComponent((props, { attrs, slots,
 		emptyText: {
 			type: [
 				Function,
-				Object,
 				String,
 				Number,
-				Boolean,
 				null,
-				Array
+				Object,
+				Boolean
 			],
 			required: false,
 			default: void 0
@@ -580,12 +579,11 @@ const ForwardProTable = /* @__PURE__ */ defineComponent((props, { attrs, slots,
 		headerTitle: {
 			type: [
 				Function,
-				Object,
 				String,
 				Number,
-				Boolean,
 				null,
-				Array
+				Object,
+				Boolean
 			],
 			required: false,
 			default: void 0
@@ -593,12 +591,11 @@ const ForwardProTable = /* @__PURE__ */ defineComponent((props, { attrs, slots,
 		headerTitleTip: {
 			type: [
 				Function,
-				Object,
 				String,
 				Number,
-				Boolean,
 				null,
-				Array
+				Object,
+				Boolean
 			],
 			required: false,
 			default: void 0
@@ -606,12 +603,11 @@ const ForwardProTable = /* @__PURE__ */ defineComponent((props, { attrs, slots,
 		listToolAfter: {
 			type: [
 				Function,
-				Object,
 				String,
 				Number,
-				Boolean,
 				null,
-				Array
+				Object,
+				Boolean
 			],
 			required: false,
 			default: void 0

package/dist/components/ScrollBar/Bar.d.ts

@@ -70,11 +70,11 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   };
 }>> & Readonly<{}>, {
   readonly always: boolean;
+  readonly minSize: number;
   readonly barStyle: {
     x: CSSProperties;
     y: CSSProperties;
   };
-  readonly minSize: number;
   readonly hasScrollY: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 //#endregion

package/dist/components/ScrollBar/Thumb.js

@@ -1,8 +1,8 @@
 import { useInjectScrollBarContext } from "./context.js";
 import { BAR_MAP, renderThumbStyle } from "./util.js";
 import { computed, createVNode, defineComponent, onBeforeUnmount, ref } from "vue";
-import { useEventListener } from "@vueuse/core";
 import { unit } from "@gx-design-vue/pro-provider";
+import { useEventListener } from "@vueuse/core";
 //#region src/components/ScrollBar/Thumb.tsx
 const thumbProps = {
 	vertical: Boolean,

package/dist/components/SearchForm/CollapseToggle.d.ts

@@ -47,9 +47,9 @@ declare const CollapseToggle: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     required: true;
   };
 }>> & Readonly<{}>, {
-  hashId: string;
   collapsed: boolean;
   collapseRender: WithFalse<(collapsed?: boolean) => CustomRender>;
+  hashId: string;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 //#endregion
 export { CollapseToggle };

package/dist/components/SearchForm/CollapseToggle.js

@@ -1,5 +1,5 @@
 import { createVNode, defineComponent } from "vue";
-import { DownOutlined, UpOutlined } from "@antdv-next/icons";
+import { GIcon } from "@gx-design-vue/icon";
 //#region src/components/SearchForm/CollapseToggle.tsx
 const CollapseToggle = /* @__PURE__ */ defineComponent({
 	name: "ProTableCollapseToggle",
@@ -39,7 +39,7 @@ const CollapseToggle = /* @__PURE__ */ defineComponent({
 			return createVNode("span", {
 				"class": `${props.prefixCls}-search-control-text`,
 				"onClick": () => props.onToggle(!props.collapsed)
-			}, [props.collapsed ? "展开" : "收起", props.collapsed ? createVNode(DownOutlined, null, null) : createVNode(UpOutlined, null, null)]);
+			}, [props.collapsed ? "展开" : "收起", props.collapsed ? createVNode(GIcon, { "type": "DownOutlined" }, null) : createVNode(GIcon, { "type": "UpOutlined" }, null)]);
 		};
 	}
 });

package/dist/components/SearchForm/FormItemContainer.d.ts

@@ -67,9 +67,9 @@ declare const FormItemContainer: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     default: any;
   };
 }>> & Readonly<{}>, {
-  onSubmit: () => void;
-  loading: boolean;
   autoRequest: boolean;
+  loading: boolean;
+  onSubmit: () => void;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 //#endregion
 export { FormItemContainer };

package/dist/components/SearchForm/SearchForm.d.ts

@@ -111,9 +111,7 @@ declare const ProTableSearchForm: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     default: any;
   };
 }>> & Readonly<{}>, {
-  onReset: (params: Record<string, any>) => void;
-  proClasses: Record<string, string>;
-  proStyles: Record<string, any>;
+  loading: any;
   formColumns: ProSearchMap<"text", string>[];
   formConfig: FormConfig;
   formAutoRequest: boolean;
@@ -123,8 +121,10 @@ declare const ProTableSearchForm: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     searchText?: string;
     resetText?: string;
   };
-  loading: any;
   cardBordered: boolean;
+  proClasses: Record<string, string>;
+  proStyles: Record<string, any>;
+  onReset: (params: Record<string, any>) => void;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 //#endregion
 export { ProTableSearchForm as default };

package/dist/components/Toolbar/FullscreenIcon.js

@@ -1,6 +1,6 @@
 import { createVNode, defineComponent } from "vue";
 import { Tooltip } from "antdv-next";
-import { FullscreenExitOutlined, FullscreenOutlined } from "@antdv-next/icons";
+import { GIcon } from "@gx-design-vue/icon";
 //#region src/components/Toolbar/FullscreenIcon.tsx
 const FullscreenIcon = /* @__PURE__ */ defineComponent({
 	name: "ProTableFullscreenIcon",
@@ -15,7 +15,7 @@ const FullscreenIcon = /* @__PURE__ */ defineComponent({
 		}
 	},
 	setup(props) {
-		return () => createVNode(Tooltip, { "title": props.isFullscreen ? "退出全屏" : "全屏" }, { default: () => [createVNode("span", { "onClick": props.onToggle }, [props.isFullscreen ? createVNode(FullscreenExitOutlined, null, null) : createVNode(FullscreenOutlined, null, null)])] });
+		return () => createVNode(Tooltip, { "title": props.isFullscreen ? "退出全屏" : "全屏" }, { default: () => [createVNode("span", { "onClick": props.onToggle }, [props.isFullscreen ? createVNode(GIcon, { "type": "FullscreenExitOutlined" }, null) : createVNode(GIcon, { "type": "FullscreenOutlined" }, null)])] });
 	}
 });
 //#endregion

package/dist/components/Toolbar/ListToolBar.d.ts

@@ -93,19 +93,19 @@ declare const ListToolBar: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     default: () => {};
   };
 }>> & Readonly<{}>, {
-  headerTitle: any;
-  headerTitleTip: any;
-  titleTipText: string;
-  settings: VNode<_$vue.RendererNode, _$vue.RendererElement, {
-    [key: string]: any;
-  }>[];
   actions: VNode<_$vue.RendererNode, _$vue.RendererElement, {
     [key: string]: any;
   }>[];
-  actionsPlacement: ToolbarPlacement;
-  listToolAfter: any;
   proClasses: Record<string, any>;
   proStyles: Record<string, any>;
+  titleTipText: string;
+  actionsPlacement: ToolbarPlacement;
+  headerTitle: any;
+  listToolAfter: any;
+  headerTitleTip: any;
+  settings: VNode<_$vue.RendererNode, _$vue.RendererElement, {
+    [key: string]: any;
+  }>[];
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 //#endregion
 export { ListToolBar, ListToolBarSetting };

package/dist/components/Toolbar/ListToolBar.js

@@ -1,6 +1,6 @@
 import { computed, createVNode, defineComponent, isVNode } from "vue";
 import { Tooltip } from "antdv-next";
-import { InfoCircleOutlined } from "@antdv-next/icons";
+import { GIcon } from "@gx-design-vue/icon";
 //#region src/components/Toolbar/ListToolBar.tsx
 function renderSettingItem(setting) {
 	if (isVNode(setting)) return setting;
@@ -76,7 +76,7 @@ const ListToolBar = /* @__PURE__ */ defineComponent({
 			}, [hasTitle.value && createVNode("div", {
 				"class": [`${prefix}-list-toolbar-title`, props.proClasses.toolbarTitle],
 				"style": props.proStyles.toolbarTitle
-			}, [props.headerTitle, props.headerTitleTip && createVNode(Tooltip, { "title": props.titleTipText }, { default: () => [typeof props.headerTitleTip === "boolean" ? createVNode(InfoCircleOutlined, null, null) : props.headerTitleTip] })]), leftActions.value.length > 0 && createVNode("div", { "class": `${prefix}-list-toolbar-actions` }, [leftActions.value])]) : hasRight.value ? createVNode("div", {
+			}, [props.headerTitle, props.headerTitleTip && createVNode(Tooltip, { "title": props.titleTipText }, { default: () => [typeof props.headerTitleTip === "boolean" ? createVNode(GIcon, { "type": "InfoCircleOutlined" }, null) : props.headerTitleTip] })]), leftActions.value.length > 0 && createVNode("div", { "class": `${prefix}-list-toolbar-actions` }, [leftActions.value])]) : hasRight.value ? createVNode("div", {
 				"class": `${prefix}-list-toolbar-left`,
 				"style": props.proStyles.toolbarLeft
 			}, null) : null;

package/dist/components/Toolbar/index.d.ts

@@ -87,17 +87,17 @@ declare const Toolbar: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     default: () => {};
   };
 }>> & Readonly<{}>, {
-  headerTitle: any;
-  headerTitleTip: any;
-  titleTipText: string;
   actions: VNode<_$vue.RendererNode, _$vue.RendererElement, {
     [key: string]: any;
   }>[];
-  actionsPlacement: ToolbarPlacement;
-  listToolAfter: any;
   proClasses: Record<string, any>;
   proStyles: Record<string, any>;
   options: any;
+  titleTipText: string;
+  actionsPlacement: ToolbarPlacement;
+  headerTitle: any;
+  listToolAfter: any;
+  headerTitleTip: any;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 //#endregion
 export { Toolbar, Toolbar as default };

package/dist/components/Toolbar/index.js

@@ -3,7 +3,7 @@ import { FullscreenIcon } from "./FullscreenIcon.js";
 import { ListToolBar } from "./ListToolBar.js";
 import { computed, createVNode, defineComponent, unref } from "vue";
 import { Tooltip } from "antdv-next";
-import { ReloadOutlined } from "@antdv-next/icons";
+import { GIcon } from "@gx-design-vue/icon";
 //#region src/components/Toolbar/index.tsx
 function isObject(val) {
 	return val !== null && typeof val === "object";
@@ -66,7 +66,7 @@ const Toolbar = /* @__PURE__ */ defineComponent({
 				} else result.push(createVNode(Tooltip, {
 					"title": "刷新",
 					"key": "reload"
-				}, { default: () => [createVNode("span", { "onClick": reloadAction }, [createVNode(ReloadOutlined, null, null)])] }));
+				}, { default: () => [createVNode("span", { "onClick": reloadAction }, [createVNode(GIcon, { "type": "ReloadOutlined" }, null)])] }));
 			}
 			if (options.fullScreen !== false) {
 				const toggleAction = () => ctx?.toggleFullscreen?.();