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

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;
+}

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

@@ -135,8 +135,8 @@ export declare const basicProps: {
     };
     scroll: {
         type: PropType<{
-            x: number | string | true;
-            y: number | string;
+            x?: number | string | true;
+            y?: number | string;
         }>;
         default: null;
     };

package/es/components/v-ben-table/src/props.mjs

@@ -1,136 +1,157 @@
-const basicProps = {
-  clickToRowSelect: { type: Boolean, default: true },
-  isTreeTable: Boolean,
-  tableSetting: {
-    type: Object,
-    default: {}
-  },
-  inset: Boolean,
-  showTableSetting: Boolean,
-  autoCreateKey: { type: Boolean, default: true },
-  striped: { type: Boolean, default: true },
-  showSummary: Boolean,
-  summaryFunc: {
-    type: [Function, Array],
-    default: null
-  },
-  summaryData: {
-    type: Array,
-    default: null
-  },
-  indentSize: {
-    type: Number,
-    default: 24
-  },
-  canColDrag: { type: Boolean, default: true },
-  api: {
-    type: Function,
-    default: null
-  },
-  beforeFetch: {
-    type: Function,
-    default: null
-  },
-  afterFetch: {
-    type: Function,
-    default: null
-  },
-  handleSearchInfoFn: {
-    type: Function,
-    default: null
-  },
-  // 立即请求接口
-  immediate: { type: Boolean, default: true },
-  emptyDataIsShowTable: { type: Boolean, default: true },
-  // 额外的请求参数
-  searchInfo: {
-    type: Object,
-    default: null
-  },
-  // 默认的排序参数
-  defSort: {
-    type: Object,
-    default: null
-  },
-  // 使用搜索表单
-  useSearchForm: Boolean,
-  columns: {
-    type: Array,
-    default: () => []
-  },
-  showIndexColumn: { type: Boolean, default: true },
-  indexColumnProps: {
-    type: Object,
-    default: null
-  },
-  actionColumn: {
-    type: Object,
-    default: null
-  },
-  ellipsis: { type: Boolean, default: true },
-  isCanResizeParent: { type: Boolean, default: false },
-  canResize: { type: Boolean, default: true },
-  clearSelectOnPageChange: Boolean,
-  resizeHeightOffset: {
-    type: Number,
-    default: 0
-  },
-  rowSelection: {
-    type: Object,
-    default: null
-  },
-  title: {
-    type: [String, Function],
-    default: null
-  },
-  titleHelpMessage: {
-    type: [String, Array]
-  },
-  maxHeight: Number,
-  dataSource: {
-    type: Array,
-    default: null
-  },
-  rowKey: {
-    type: [String, Function],
-    default: ""
-  },
-  bordered: Boolean,
-  pagination: {
-    type: [Object, Boolean],
-    default: null
-  },
-  loading: Boolean,
-  rowClassName: {
-    type: Function
-  },
-  scroll: {
-    type: Object,
-    default: null
-  },
-  beforeEditSubmit: {
-    type: Function
-  },
-  /**
-   * 行拖拽
-   */
-  rowDraggable: { type: Boolean, default: false },
-  /**
-   * 仅支持同层级拖拽
-   */
-  supportSameLevel: { type: Boolean, default: false },
-  /**
-   * 拖拽完成自动请求的api
-   */
-  rowDragApi: { type: Function, default: null },
-  /**
-   * tree表格展开行
-   */
-  expandedRowKeys: { type: Array, default: () => [] },
-  /**
-   * 空数据时全屏显示
-   */
-  emptyFull: { type: Boolean, default: false }
+//#region src/components/v-ben-table/src/props.ts
+var basicProps = {
+	clickToRowSelect: {
+		type: Boolean,
+		default: true
+	},
+	isTreeTable: Boolean,
+	tableSetting: {
+		type: Object,
+		default: {}
+	},
+	inset: Boolean,
+	showTableSetting: Boolean,
+	autoCreateKey: {
+		type: Boolean,
+		default: true
+	},
+	striped: {
+		type: Boolean,
+		default: true
+	},
+	showSummary: Boolean,
+	summaryFunc: {
+		type: [Function, Array],
+		default: null
+	},
+	summaryData: {
+		type: Array,
+		default: null
+	},
+	indentSize: {
+		type: Number,
+		default: 24
+	},
+	canColDrag: {
+		type: Boolean,
+		default: true
+	},
+	api: {
+		type: Function,
+		default: null
+	},
+	beforeFetch: {
+		type: Function,
+		default: null
+	},
+	afterFetch: {
+		type: Function,
+		default: null
+	},
+	handleSearchInfoFn: {
+		type: Function,
+		default: null
+	},
+	immediate: {
+		type: Boolean,
+		default: true
+	},
+	emptyDataIsShowTable: {
+		type: Boolean,
+		default: true
+	},
+	searchInfo: {
+		type: Object,
+		default: null
+	},
+	defSort: {
+		type: Object,
+		default: null
+	},
+	useSearchForm: Boolean,
+	columns: {
+		type: Array,
+		default: () => []
+	},
+	showIndexColumn: {
+		type: Boolean,
+		default: true
+	},
+	indexColumnProps: {
+		type: Object,
+		default: null
+	},
+	actionColumn: {
+		type: Object,
+		default: null
+	},
+	ellipsis: {
+		type: Boolean,
+		default: true
+	},
+	isCanResizeParent: {
+		type: Boolean,
+		default: false
+	},
+	canResize: {
+		type: Boolean,
+		default: true
+	},
+	clearSelectOnPageChange: Boolean,
+	resizeHeightOffset: {
+		type: Number,
+		default: 0
+	},
+	rowSelection: {
+		type: Object,
+		default: null
+	},
+	title: {
+		type: [String, Function],
+		default: null
+	},
+	titleHelpMessage: { type: [String, Array] },
+	maxHeight: Number,
+	dataSource: {
+		type: Array,
+		default: null
+	},
+	rowKey: {
+		type: [String, Function],
+		default: ""
+	},
+	bordered: Boolean,
+	pagination: {
+		type: [Object, Boolean],
+		default: null
+	},
+	loading: Boolean,
+	rowClassName: { type: Function },
+	scroll: {
+		type: Object,
+		default: null
+	},
+	beforeEditSubmit: { type: Function },
+	rowDraggable: {
+		type: Boolean,
+		default: false
+	},
+	supportSameLevel: {
+		type: Boolean,
+		default: false
+	},
+	rowDragApi: {
+		type: Function,
+		default: null
+	},
+	expandedRowKeys: {
+		type: Array,
+		default: () => []
+	},
+	emptyFull: {
+		type: Boolean,
+		default: false
+	}
 };
-
+//#endregion
 export { basicProps };

package/es/hooks/useDesign.mjs

@@ -1,9 +1,10 @@
-const prefixCls = "vben";
+//#region src/hooks/useDesign.ts
+var prefixCls = "vben";
 function useDesign(scope) {
-  return {
-    prefixCls: `${prefixCls}-${scope}`,
-    prefixVar: prefixCls
-  };
+	return {
+		prefixCls: `${prefixCls}-${scope}`,
+		prefixVar: prefixCls
+	};
 }
-
-export { prefixCls, useDesign };
+//#endregion
+export { useDesign };

package/es/index.mjs

@@ -1,14 +1,12 @@
-import './components/v-ben-table/src/components/TableActionAuto.css';import './components/v-ben-table/src/components/TableAction.css';export { is, isArray, isBoolean, isClient, isDate, isDef, isElement, isEmpty, isEmptyStr, isFunction, isMap, isNull, isNullAndUnDef, isNullOrUnDef, isNumber, isObject, isPromise, isRegExp, isServer, isString, isUnDef, isUrl, isWindow } from './utils/is.mjs';
-export { default as BasicTable } from './components/v-ben-table/src/BasicTable.vue.mjs';
-export { default as TableAction } from './components/v-ben-table/src/components/TableAction.vue.mjs';
-/* empty css                                                        */
-export { default as TableActionAuto } from './components/v-ben-table/src/components/TableActionAuto.vue.mjs';
-/* empty css                                                            */
-export { Button, PopConfirmButton } from './components/v-ben-button/index.mjs';
-export { Dropdown } from './components/v-ben-dropdown/index.mjs';
-export { default as CustomButton } from './components/v-ben-button/src/custom-button.vue.mjs';
-
-function run() {
-}
-
-export { run };
+import { is, isArray, isBoolean, isClient, isDate, isDef, isElement, isEmpty, isEmptyStr, isFunction, isMap, isNull, isNullAndUnDef, isNullOrUnDef, isNumber, isObject, isPromise, isRegExp, isServer, isString, isUnDef, isUrl, isWindow } from "./utils/is.mjs";
+import BasicTable_default from "./components/v-ben-table/src/BasicTable.vue.mjs";
+import TableAction_default from "./components/v-ben-table/src/components/TableAction.vue.mjs";
+import TableActionAuto_default from "./components/v-ben-table/src/components/TableActionAuto.vue.mjs";
+import custom_button_default from "./components/v-ben-button/src/custom-button.vue.mjs";
+import { Button, PopConfirmButton } from "./components/v-ben-button/index.mjs";
+import { Dropdown } from "./components/v-ben-dropdown/index.mjs";
+import "./components/index.mjs";
+//#region src/index.ts
+function run() {}
+//#endregion
+export { BasicTable_default as BasicTable, Button, custom_button_default as CustomButton, Dropdown, PopConfirmButton, TableAction_default as TableAction, TableActionAuto_default as TableActionAuto, is, isArray, isBoolean, isClient, isDate, isDef, isElement, isEmpty, isEmptyStr, isFunction, isMap, isNull, isNullAndUnDef, isNullOrUnDef, isNumber, isObject, isPromise, isRegExp, isServer, isString, isUnDef, isUrl, isWindow, run };

package/es/utils/is.mjs

@@ -1,78 +1,72 @@
-const toString = Object.prototype.toString;
+//#region src/utils/is.ts
+var toString = Object.prototype.toString;
 function is(val, type) {
-  return toString.call(val) === `[object ${type}]`;
+	return toString.call(val) === `[object ${type}]`;
 }
 function isDef(val) {
-  return typeof val !== "undefined";
+	return typeof val !== "undefined";
 }
 function isUnDef(val) {
-  return !isDef(val);
+	return !isDef(val);
 }
 function isObject(val) {
-  return val !== null && is(val, "Object");
+	return val !== null && is(val, "Object");
 }
 function isEmpty(val) {
-  if (isArray(val) || isString(val)) {
-    return val.length === 0;
-  }
-  if (val instanceof Map || val instanceof Set) {
-    return val.size === 0;
-  }
-  if (isObject(val)) {
-    return Object.keys(val).length === 0;
-  }
-  return false;
+	if (isArray(val) || isString(val)) return val.length === 0;
+	if (val instanceof Map || val instanceof Set) return val.size === 0;
+	if (isObject(val)) return Object.keys(val).length === 0;
+	return false;
 }
 function isDate(val) {
-  return is(val, "Date");
+	return is(val, "Date");
 }
 function isNull(val) {
-  return val === null;
+	return val === null;
 }
 function isNullAndUnDef(val) {
-  return isUnDef(val) && isNull(val);
+	return isUnDef(val) && isNull(val);
 }
 function isNullOrUnDef(val) {
-  return isUnDef(val) || isNull(val);
+	return isUnDef(val) || isNull(val);
 }
 function isNumber(val) {
-  return is(val, "Number");
+	return is(val, "Number");
 }
 function isPromise(val) {
-  return is(val, "Promise") && isObject(val) && isFunction(val.then) && isFunction(val.then);
+	return is(val, "Promise") && isObject(val) && isFunction(val.then) && isFunction(val.then);
 }
 function isString(val) {
-  return is(val, "String");
+	return is(val, "String");
 }
 function isFunction(val) {
-  return typeof val === "function";
+	return typeof val === "function";
 }
 function isBoolean(val) {
-  return is(val, "Boolean");
+	return is(val, "Boolean");
 }
 function isRegExp(val) {
-  return is(val, "RegExp");
+	return is(val, "RegExp");
 }
 function isArray(val) {
-  return !!val && Array.isArray(val);
+	return !!val && Array.isArray(val);
 }
 function isWindow(val) {
-  return typeof window !== "undefined" && is(val, "Window");
+	return typeof window !== "undefined" && is(val, "Window");
 }
 function isElement(val) {
-  return isObject(val) && !!val.tagName;
+	return isObject(val) && !!val.tagName;
 }
 function isMap(val) {
-  return is(val, "Map");
+	return is(val, "Map");
 }
-const isServer = typeof window === "undefined";
-const isClient = !isServer;
+var isServer = typeof window === "undefined";
+var isClient = !isServer;
 function isUrl(path) {
-  const reg = /^http(s)?:\/\/([\w-]+\.)+[\w-]+(\/[\w- ./?%&=]*)?/;
-  return reg.test(path);
+	return /^http(s)?:\/\/([\w-]+\.)+[\w-]+(\/[\w- ./?%&=]*)?/.test(path);
 }
 function isEmptyStr(str) {
-  return str === void 0 || !str && str !== 0 && str !== "0" || !/[^\s]/.test(str + "");
+	return str === void 0 || !str && str !== 0 && str !== "0" || !/[^\s]/.test(str + "");
 }
-
+//#endregion
 export { is, isArray, isBoolean, isClient, isDate, isDef, isElement, isEmpty, isEmptyStr, isFunction, isMap, isNull, isNullAndUnDef, isNullOrUnDef, isNumber, isObject, isPromise, isRegExp, isServer, isString, isUnDef, isUrl, isWindow };