@gct-paas/v-ben 0.1.4-dev.10 → 0.1.4-dev.12

package/es/components/v-ben-table/src/components/HeaderCell.vue.mjs

@@ -0,0 +1,10 @@
+import HeaderCell_vue_vue_type_script_lang_default from "./HeaderCell.vue_vue_type_script_lang.mjs";
+import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+import { createElementBlock, openBlock, toDisplayString } from "vue";
+//#region src/components/v-ben-table/src/components/HeaderCell.vue
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock("span", null, toDisplayString(_ctx.getTitle), 1);
+}
+var HeaderCell_default = /* @__PURE__ */ _plugin_vue_export_helper_default(HeaderCell_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+//#endregion
+export { HeaderCell_default as default };

package/es/components/v-ben-table/src/components/HeaderCell.vue_vue_type_script_lang.mjs

@@ -0,0 +1,15 @@
+import { computed, defineComponent } from "vue";
+//#region src/components/v-ben-table/src/components/HeaderCell.vue?vue&type=script&lang.ts
+var HeaderCell_vue_vue_type_script_lang_default = defineComponent({
+	name: "TableHeaderCell",
+	components: {},
+	props: { column: {
+		type: Object,
+		default: () => ({})
+	} },
+	setup(props) {
+		return { getTitle: computed(() => props.column?.customTitle || props.column?.title) };
+	}
+});
+//#endregion
+export { HeaderCell_vue_vue_type_script_lang_default as default };

package/es/components/v-ben-table/src/components/TableAction.vue.d.ts

@@ -0,0 +1,61 @@
+import { PropType } from 'vue';
+import { ActionItem } from '../types/tableAction';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        more?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    actions: {
+        type: PropType<ActionItem[]>;
+        default: null;
+    };
+    dropDownActions: {
+        type: PropType<ActionItem[]>;
+        default: null;
+    };
+    divider: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    outside: BooleanConstructor;
+    stopButtonPropagation: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    actions: {
+        type: PropType<ActionItem[]>;
+        default: null;
+    };
+    dropDownActions: {
+        type: PropType<ActionItem[]>;
+        default: null;
+    };
+    divider: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    outside: BooleanConstructor;
+    stopButtonPropagation: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    actions: ActionItem[];
+    dropDownActions: ActionItem[];
+    divider: boolean;
+    outside: boolean;
+    stopButtonPropagation: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+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/v-ben-table/src/components/TableAction.vue.mjs

@@ -0,0 +1,6 @@
+import TableAction_vue_vue_type_script_setup_true_lang_default from "./TableAction.vue_vue_type_script_setup_true_lang.mjs";
+import './TableAction.vue_vue_type_style_index_0_lang.css';/* empty css                                                  */
+//#region src/components/v-ben-table/src/components/TableAction.vue
+var TableAction_default = TableAction_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { TableAction_default as default };

package/es/components/v-ben-table/src/components/TableAction.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,145 @@
+import { isBoolean, isFunction, isString } from "../../../../utils/is.mjs";
+import { useDesign } from "../../../../hooks/useDesign.mjs";
+import { PopConfirmButton } from "../../../v-ben-button/index.mjs";
+import { Dropdown as Dropdown$1 } from "../../../v-ben-dropdown/index.mjs";
+import "../../../index.mjs";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderList, renderSlot, resolveComponent, toDisplayString, toRaw, unref, withCtx } from "vue";
+import { MoreOutlined } from "@ant-design/icons-vue";
+import { Divider, Tooltip } from "ant-design-vue";
+import { permission } from "@gct-paas/core";
+//#region src/components/v-ben-table/src/components/TableAction.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "text-14px"
+};
+var _hoisted_2 = {
+	key: 0,
+	class: "text-14px"
+};
+var TableAction_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "TableAction",
+	props: {
+		actions: {
+			type: Array,
+			default: null
+		},
+		dropDownActions: {
+			type: Array,
+			default: null
+		},
+		divider: {
+			type: Boolean,
+			default: true
+		},
+		outside: Boolean,
+		stopButtonPropagation: {
+			type: Boolean,
+			default: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const { prefixCls } = useDesign("basic-table-action");
+		const hasPermission = permission.has;
+		function isIfShow(action) {
+			const ifShow = action.ifShow;
+			let isIfShow = true;
+			if (isBoolean(ifShow)) isIfShow = ifShow;
+			if (isFunction(ifShow)) isIfShow = ifShow(action);
+			return isIfShow;
+		}
+		const getActions = computed(() => {
+			return (toRaw(props.actions) || []).filter((action) => {
+				return hasPermission(action.auth) && isIfShow(action);
+			}).map((action) => {
+				const { popConfirm } = action;
+				return {
+					getPopupContainer: () => document.body,
+					type: "link",
+					size: "small",
+					...action,
+					...popConfirm || {},
+					onConfirm: popConfirm?.confirm,
+					onCancel: popConfirm?.cancel,
+					enable: !!popConfirm
+				};
+			});
+		});
+		const getDropdownList = computed(() => {
+			const list = (toRaw(props.dropDownActions) || []).filter((action) => {
+				return hasPermission(action.auth) && isIfShow(action);
+			});
+			return list.map((action, index) => {
+				const { label, popConfirm } = action;
+				return {
+					...action,
+					...popConfirm,
+					onConfirm: popConfirm?.confirm,
+					onCancel: popConfirm?.cancel,
+					text: label,
+					divider: index < list.length - 1 ? props.divider : false
+				};
+			});
+		});
+		const getAlign = computed(() => {
+			return "left";
+		});
+		function getTooltip(data) {
+			return {
+				getPopupContainer: () => document.body,
+				...isString(data) ? { title: data } : data
+			};
+		}
+		function onCellClick(e) {
+			if (!props.stopButtonPropagation) return;
+			e.composedPath().find((ele) => {
+				return ele.tagName?.toUpperCase() === "BUTTON";
+			}) && e.stopPropagation();
+		}
+		return (_ctx, _cache) => {
+			const _component_a_button = resolveComponent("a-button");
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass([unref(prefixCls), getAlign.value]),
+				onClick: onCellClick
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(getActions.value, (action, index) => {
+				return openBlock(), createElementBlock(Fragment, { key: `${index}-${action.label}` }, [action.tooltip ? (openBlock(), createBlock(unref(Tooltip), mergeProps({
+					key: 0,
+					placement: "bottom"
+				}, { ref_for: true }, getTooltip(action.tooltip)), {
+					default: withCtx(() => [createVNode(unref(PopConfirmButton), mergeProps({ ref_for: true }, action), {
+						default: withCtx(() => [action.label ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(action.label), 1)) : createCommentVNode("", true)]),
+						_: 2
+					}, 1040)]),
+					_: 2
+				}, 1040)) : (openBlock(), createBlock(unref(PopConfirmButton), mergeProps({
+					key: 1,
+					ref_for: true
+				}, action), {
+					default: withCtx(() => [action.label ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(action.label), 1)) : createCommentVNode("", true)]),
+					_: 2
+				}, 1040)), __props.divider && index < getActions.value.length - 1 ? (openBlock(), createBlock(unref(Divider), {
+					key: 2,
+					type: "vertical",
+					class: "action-divider"
+				})) : createCommentVNode("", true)], 64);
+			}), 128)), __props.dropDownActions && getDropdownList.value.length > 0 ? (openBlock(), createBlock(unref(Dropdown$1), {
+				key: 0,
+				trigger: ["hover"],
+				"drop-menu-list": getDropdownList.value,
+				popconfirm: ""
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "more"), !_ctx.$slots.more ? (openBlock(), createBlock(_component_a_button, {
+					key: 0,
+					type: "link",
+					size: "small"
+				}, {
+					default: withCtx(() => [createVNode(unref(MoreOutlined), { class: "icon-more" })]),
+					_: 1
+				})) : createCommentVNode("", true)]),
+				_: 3
+			}, 8, ["drop-menu-list"])) : createCommentVNode("", true)], 2);
+		};
+	}
+});
+//#endregion
+export { TableAction_vue_vue_type_script_setup_true_lang_default as default };

package/es/components/v-ben-table/src/components/TableAction.vue_vue_type_style_index_0_lang.css

@@ -0,0 +1,37 @@
+.vben-basic-table-action {
+  display: flex;
+  align-items: center;
+}
+.vben-basic-table-action .action-divider {
+  display: table;
+}
+.vben-basic-table-action.left {
+  justify-content: flex-start;
+}
+.vben-basic-table-action.center {
+  justify-content: center;
+}
+.vben-basic-table-action.right {
+  justify-content: flex-end;
+}
+.vben-basic-table-action button {
+  display: flex;
+  align-items: center;
+}
+.vben-basic-table-action button span {
+  margin-left: 0 !important;
+}
+.vben-basic-table-action button.ant-btn-circle span {
+  margin: auto !important;
+}
+.vben-basic-table-action .ant-divider,
+.vben-basic-table-action .ant-divider-vertical {
+  margin: 0 2px;
+}
+.vben-basic-table-action .icon-more {
+  transform: rotate(90deg);
+}
+.vben-basic-table-action .icon-more svg {
+  font-size: 1.1em;
+  font-weight: 700;
+}

package/es/components/v-ben-table/src/components/TableActionAuto.vue.d.ts

@@ -0,0 +1,61 @@
+import { PropType } from 'vue';
+import { ActionItem } from '../types/tableAction';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        more?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    actions: {
+        type: PropType<ActionItem[]>;
+        default: null;
+    };
+    divider: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    outside: BooleanConstructor;
+    stopButtonPropagation: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxDispalyCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    actions: {
+        type: PropType<ActionItem[]>;
+        default: null;
+    };
+    divider: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    outside: BooleanConstructor;
+    stopButtonPropagation: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxDispalyCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>> & Readonly<{}>, {
+    actions: ActionItem[];
+    divider: boolean;
+    outside: boolean;
+    stopButtonPropagation: boolean;
+    maxDispalyCount: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+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/v-ben-table/src/components/TableActionAuto.vue.mjs

@@ -0,0 +1,6 @@
+import TableActionAuto_vue_vue_type_script_setup_true_lang_default from "./TableActionAuto.vue_vue_type_script_setup_true_lang.mjs";
+import './TableActionAuto.vue_vue_type_style_index_0_lang.css';/* empty css                                                      */
+//#region src/components/v-ben-table/src/components/TableActionAuto.vue
+var TableActionAuto_default = TableActionAuto_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { TableActionAuto_default as default };

package/es/components/v-ben-table/src/components/TableActionAuto.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,159 @@
+import { isFunction, isString } from "../../../../utils/is.mjs";
+import { useDesign } from "../../../../hooks/useDesign.mjs";
+import { PopConfirmButton } from "../../../v-ben-button/index.mjs";
+import { Dropdown as Dropdown$1 } from "../../../v-ben-dropdown/index.mjs";
+import "../../../index.mjs";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderList, renderSlot, resolveComponent, toDisplayString, toRaw, unref, withCtx, withModifiers } from "vue";
+import { MoreOutlined } from "@ant-design/icons-vue";
+import { Divider, Tooltip } from "ant-design-vue";
+import { permission } from "@gct-paas/core";
+//#region src/components/v-ben-table/src/components/TableActionAuto.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "text-14px"
+};
+var _hoisted_2 = {
+	key: 0,
+	class: "text-14px"
+};
+var TableActionAuto_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "TableActionAuto",
+	props: {
+		actions: {
+			type: Array,
+			default: null
+		},
+		divider: {
+			type: Boolean,
+			default: true
+		},
+		outside: Boolean,
+		stopButtonPropagation: {
+			type: Boolean,
+			default: false
+		},
+		maxDispalyCount: {
+			type: Number,
+			default: 4
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const { prefixCls } = useDesign("basic-table-action");
+		const hasPermission = permission.has;
+		function isIfShow(action) {
+			const ifShow = action.ifShow ?? true;
+			if (isFunction(ifShow)) return ifShow(action);
+			return !!ifShow;
+		}
+		/**
+		* 所有可用按钮
+		*/
+		const validActions = computed(() => {
+			return [...toRaw(props.actions) || []].filter((action) => {
+				return hasPermission(action.auth) && isIfShow(action);
+			});
+		});
+		/**
+		* 展示的按钮
+		*/
+		const getActions = computed(() => {
+			let list = [];
+			if (props.maxDispalyCount >= validActions.value.length) list = [...validActions.value];
+			else list = validActions.value.slice(0, props.maxDispalyCount);
+			return list.map((action) => {
+				const { popConfirm } = action;
+				return {
+					getPopupContainer: () => document.body,
+					type: "link",
+					size: "small",
+					...action,
+					...popConfirm || {},
+					onConfirm: popConfirm?.confirm,
+					onCancel: popConfirm?.cancel,
+					enable: !!popConfirm
+				};
+			});
+		});
+		/**
+		* 隐藏的按钮
+		*/
+		const getDropdownList = computed(() => {
+			let list = [];
+			if (props.maxDispalyCount >= validActions.value.length) return [];
+			else list = validActions.value.slice(props.maxDispalyCount);
+			return list.map((action, index) => {
+				const { label, popConfirm } = action;
+				return {
+					...action,
+					...popConfirm,
+					onConfirm: popConfirm?.confirm,
+					onCancel: popConfirm?.cancel,
+					text: label,
+					divider: index < list.length - 1 ? props.divider : false
+				};
+			});
+		});
+		const getAlign = computed(() => {
+			return "left";
+		});
+		function getTooltip(data) {
+			return {
+				getPopupContainer: () => document.body,
+				placement: "bottom",
+				...isString(data) ? { title: data } : data
+			};
+		}
+		function onCellClick(e) {
+			if (!props.stopButtonPropagation) return;
+			e.composedPath().find((ele) => {
+				return ele.tagName?.toUpperCase() === "BUTTON";
+			}) && e.stopPropagation();
+		}
+		return (_ctx, _cache) => {
+			const _component_a_button = resolveComponent("a-button");
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass([unref(prefixCls), getAlign.value]),
+				onClick: withModifiers(onCellClick, ["stop"])
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(getActions.value, (action, index) => {
+				return openBlock(), createElementBlock(Fragment, { key: `${index}-${action.label}` }, [action.tooltip ? (openBlock(), createBlock(unref(Tooltip), mergeProps({
+					key: 0,
+					ref_for: true
+				}, getTooltip(action.tooltip)), {
+					default: withCtx(() => [createVNode(unref(PopConfirmButton), mergeProps({ ref_for: true }, action), {
+						default: withCtx(() => [action.label ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(action.label), 1)) : createCommentVNode("", true)]),
+						_: 2
+					}, 1040)]),
+					_: 2
+				}, 1040)) : (openBlock(), createBlock(unref(PopConfirmButton), mergeProps({
+					key: 1,
+					ref_for: true
+				}, action), {
+					default: withCtx(() => [action.label ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(action.label), 1)) : createCommentVNode("", true)]),
+					_: 2
+				}, 1040)), __props.divider && index < getActions.value.length - 1 ? (openBlock(), createBlock(unref(Divider), {
+					key: 2,
+					type: "vertical",
+					class: "action-divider"
+				})) : createCommentVNode("", true)], 64);
+			}), 128)), getDropdownList.value.length > 0 ? (openBlock(), createBlock(unref(Dropdown$1), {
+				key: 0,
+				trigger: ["hover"],
+				"drop-menu-list": getDropdownList.value,
+				popconfirm: ""
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "more"), !_ctx.$slots.more ? (openBlock(), createBlock(_component_a_button, {
+					key: 0,
+					type: "link",
+					size: "small"
+				}, {
+					default: withCtx(() => [createVNode(unref(MoreOutlined), { class: "icon-more" })]),
+					_: 1
+				})) : createCommentVNode("", true)]),
+				_: 3
+			}, 8, ["drop-menu-list"])) : createCommentVNode("", true)], 2);
+		};
+	}
+});
+//#endregion
+export { TableActionAuto_vue_vue_type_script_setup_true_lang_default as default };

package/es/components/v-ben-table/src/components/TableActionAuto.vue_vue_type_style_index_0_lang.css

@@ -0,0 +1,37 @@
+.vben-basic-table-action {
+  display: flex;
+  align-items: center;
+}
+.vben-basic-table-action .action-divider {
+  display: table;
+}
+.vben-basic-table-action.left {
+  justify-content: flex-start;
+}
+.vben-basic-table-action.center {
+  justify-content: center;
+}
+.vben-basic-table-action.right {
+  justify-content: flex-end;
+}
+.vben-basic-table-action button {
+  display: flex;
+  align-items: center;
+}
+.vben-basic-table-action button span {
+  margin-left: 0 !important;
+}
+.vben-basic-table-action button.ant-btn-circle span {
+  margin: auto !important;
+}
+.vben-basic-table-action .ant-divider,
+.vben-basic-table-action .ant-divider-vertical {
+  margin: 0 10px;
+}
+.vben-basic-table-action .icon-more {
+  transform: rotate(90deg);
+}
+.vben-basic-table-action .icon-more svg {
+  font-size: 1.1em;
+  font-weight: 700;
+}