lw-cdp-ui 1.2.47 → 1.2.49

package/dist/components/lwSearch/select/select.vue

@@ -1,58 +0,0 @@
-<template>
-  <div>
-    <el-select :disabled="item.disabled" :placeholder="item.label || '请选择'" :popper-append-to-body="item.appendToBody" v-model="value" clearable filterable :multiple="item.multiple" collapse-tags allow-search size="" style="width: 100%;" :allow-create="item.allowCreate"
-    :remote="item.isRemote" :reserve-keyword="item.isReserveKeyword" :remote-method="item.remoteMethod" :loading="item.loading">
-      <el-option v-for="(items, index) in item.options" :disabled="items.disabled" :key="item.key ? item.key : item.valueKey ? items[item.valueKey] + items[item.labelKey] + index : items.code + items.name + index" :label="item.isCodeAndName ? ((item.valueKey ? items[item.valueKey] : items.code) + ' - ' + (item.labelKey ? items[item.labelKey] : items.name)) : (item.labelKey ? items[item.labelKey] : items.name)" :value="item.valueKey ? items[item.valueKey] : items.code">
-        <el-tooltip :content="item.isCodeAndName ? ((item.valueKey ? items[item.valueKey] : items.code) + ' - ' + (item.labelKey ? items[item.labelKey] : items.name)) : (item.labelKey ? items[item.labelKey] : items.name)">
-          <span>{{ item.isCodeAndName ? ((item.valueKey ? items[item.valueKey] : items.code) + ' - ' + (item.labelKey ? items[item.labelKey] : items.name)) : (item.labelKey ? items[item.labelKey] : items.name) }}</span>
-        </el-tooltip>
-      </el-option>
-    </el-select>
-  </div>
-</template>
-
-<script>
-export default {
-  name: "Select",
-  props: {
-    disabled: {
-      // 是否禁止操作
-      type: Boolean,
-      default: false,
-    },
-    modelValue: {
-      // 绑定的结果
-      type: [String, Number, Boolean, Object],
-      default: "",
-    },
-    item: {
-      // 配置项
-      type: Object,
-      default: () => ({}),
-    },
-  },
-  data() {
-    return {
-      value: this.modelValue,
-    };
-  },
-  watch: {
-    modelValue(newVal) {
-      this.value = newVal;
-    },
-    value(newVal) {
-      this.$emit("update:modelValue", newVal);
-      this.$emit("change", newVal);
-      this.callback(newVal, this.item);
-    },
-  },
-  methods: {
-    // 条件变更回调
-    callback(val, item) {
-      if (!item.callback) return;
-      item.callback(val);
-    },
-  },
-};
-</script>
-

package/dist/components/lwSvgIcon/index.vue

@@ -1,29 +0,0 @@
-<template>
-  <svg class="svg-icon">
-    <use :xlink:href="symbolId" />
-  </svg>
-</template>
-
-<!-- lwSvgIcon组件，可将svg图标直接当组件使用 -->
-<script setup>
-import { defineProps, computed } from 'vue'
-const props = defineProps({
-  name: {
-    type: String,
-    required: true
-  }
-})
-
-// 获取svg图标名称，需要和vite.config.js中的配置保持一致
-const symbolId = computed(() => `#${props.name}`)
-</script>
-
-<style scoped>
-.svg-icon {
-  width: 1em;
-  height: 1em;
-  vertical-align: -0.15em;
-  fill: currentColor;
-  overflow: hidden;
-}
-</style>

package/dist/components/lwTable/index.js

@@ -1,286 +0,0 @@
-import { VueSelecto } from 'vue3-selecto'
-export default {
-	name: 'lwTable',
-	components: { VueSelecto },
-	props: {
-		// 表格基础配置
-		refName: { type: String, default: 'multipleTableRef' }, // 表格的 ref 名称
-		tableName: { type: String, default: '' }, // 表格名称
-		tableData: { type: Array, default: () => [] }, // 表格数据
-		tableColumns: { type: Array, default: () => [] }, // 表格列配置
-		loading: { type: Boolean, default: false }, // 加载状态
-		tableSize: { type: String, default: 'large' }, // 表格尺寸
-
-		// 表格样式配置
-		bordered: { type: Boolean, default: true }, // 是否显示边框
-		stripe: { type: Boolean, default: false }, // 是否显示斑马纹
-		hoverable: { type: Boolean, default: true }, // 是否启用鼠标悬停效果
-		maxHeight: { type: String, default: 'calc(100vh - 270px)' }, // 表格最大高度
-
-		// 选择功能配置
-		rowSelection: { type: Boolean, default: false }, // 是否可选择行
-		isRadio: { type: Boolean, default: false }, // 是否为单选模式
-		rowKey: { type: String, default: 'id' }, // 行数据的唯一标识字段
-		defaultSelectData: { type: Array, default: () => [] }, // 默认选中的数据
-		selectedKeys: { type: Array }, // 选中的行 key 值
-		selectDatas: { type: Array }, // 选中的行数据
-		selectStatus: { type: Function, default: () => true }, // 选择状态回调
-
-		// 分页配置
-		isShowPagination: { type: Boolean, default: true }, // 是否显示分页
-		searchParams: { type: Object, default: () => ({ page: 1, size: 20 }) }, // 查询参数
-		totalCount: { type: Number, default: 0 }, // 总数据条数
-		pageSizes: { type: Array, default: () => [10, 20, 30, 40, 50] }, // 分页可选条数
-
-		// 高级功能配置
-		defaultExpandAll: { type: Boolean, default: false }, // 是否默认展开所有行
-		virtualListProps: { type: Object, default: undefined }, // 虚拟滚动配置
-		summaryMethod: { type: Function, default: () => [] }, // 自定义合计方法
-		hideTool: { type: Boolean, default: true }, // 是否隐藏工具栏
-		hideCard: { type: Boolean, default: true }, // 是否显示卡片
-		isSetting: { type: Boolean, default: false }, // 是否显示列设置
-		saveKey: { type: String, default: '' }, // 本地存储 key，用于保存表格配置
-		draggable: { type: Object } // 是否可拖拽列配置
-	},
-
-	data() {
-		return {
-			// 表格基础状态
-			tableHeaders: [], // 表格列配置
-			localTableSize: this.tableSize, // 表格大小
-
-			// 列设置相关
-			checkedKeys: [], // 选中的列
-			treeData: [], // 所有列数据
-			allCheck: true, // 是否全选
-			fixNum: 0, // 固定列数量
-
-			// 选择相关
-			selectedKeysForm: [], // 选中的键
-			selectGoodsDatas: [], // 选中的数据
-			selectAllGoods: [], // 所有可选数据
-
-			// 全屏相关
-			isFullscreen: false,
-			isCard: !this.hideCard // 是否显示卡片
-		}
-	},
-
-	watch: {
-		tableColumns: {
-			handler() {
-				this.filterData()
-			},
-			deep: true,
-			immediate: true
-		},
-
-		tableData: {
-			handler(newVal) {
-				// 合并去重数据
-				const mergedData = [...newVal, ...this.selectAllGoods]
-				const uniqueData = Array.from(new Set(mergedData.map((item) => item[this.rowKey]))).map((id) => mergedData.find((item) => item[this.rowKey] === id))
-				this.selectAllGoods = uniqueData
-			},
-			deep: true,
-			immediate: true
-		},
-
-		selectedKeys: {
-			handler(newVal) {
-				if (!newVal) return
-
-				this.selectedKeysForm = newVal
-				this.selectGoodsDatas = []
-
-				if (this.selectAllGoods.length) {
-					const selectedData = this.selectAllGoods.filter((item) => newVal.includes(item[this.rowKey]))
-					const mergedData = [...selectedData, ...this.selectGoodsDatas]
-					const uniqueData = Array.from(new Set(mergedData.map((item) => item[this.rowKey]))).map((id) => mergedData.find((item) => item[this.rowKey] === id))
-
-					this.selectGoodsDatas = uniqueData
-					this.$emit('update:selectDatas', uniqueData)
-				}
-			},
-			deep: true,
-			immediate: true
-		}
-	},
-
-	created() {
-		// 监听窗口大小变化
-		window.addEventListener('resize', this.handleResize)
-	},
-
-	beforeDestroy() {
-		// 移除事件监听
-		window.removeEventListener('resize', this.handleResize)
-	},
-
-	methods: {
-		/**
-		 * 过滤和处理表格列配置
-		 */
-		filterData() {
-			const columns = this.tableColumns
-			this.checkedKeys = []
-			const visibleColumns = []
-
-			columns.forEach((column) => {
-				if (!column.key) {
-					column.key = this.$tool.getUUID()
-				}
-
-				if (column.checked === undefined || column.checked) {
-					this.checkedKeys.push(column.key)
-					visibleColumns.push(column)
-				}
-			})
-
-			this.treeData = columns
-			this.tableHeaders = visibleColumns
-		},
-
-		/**
-		 * 全选/取消全选所有列
-		 */
-		checkAll(selected) {
-			if (selected) {
-				this.tableHeaders = JSON.parse(JSON.stringify(this.tableColumns))
-				this.checkedKeys = this.tableHeaders.map((col) => {
-					if (!col.key) {
-						col.key = this.$tool.getUUID()
-					}
-					return col.key
-				})
-			} else {
-				this.tableHeaders = []
-				this.checkedKeys = []
-			}
-
-			this.treeData.forEach((col) => {
-				col.checked = selected
-			})
-		},
-
-		/**
-		 * 更新列的选中状态
-		 */
-		treeCheck() {
-			this.tableHeaders = this.treeData.filter((col) => this.checkedKeys.includes(col.key))
-		},
-
-		/**
-		 * 处理行变化
-		 */
-		handleChange(currentData) {
-			this.$emit('draggable', currentData)
-		},
-
-		/**
-		 * 处理选择变化
-		 */
-		handleSelectionChange(val) {
-			this.$emit('multipleSelection', val)
-		},
-
-		/**
-		 * 处理当前行变化
-		 */
-		handleCurrentChange(val) {
-			this.$emit('currentChange', val)
-		},
-
-		/**
-		 * 处理每页条数变化
-		 */
-		sizeChange(val) {
-			this.searchParams.size = val
-			this.$emit('getTableData')
-		},
-
-		/**
-		 * 处理页码变化
-		 */
-		currentChange(page) {
-			this.searchParams.page = page - 1
-			this.$emit('getTableData', this.searchParams.page)
-		},
-
-		/**
-		 * 刷新表格数据
-		 */
-		refresh() {
-			this.currentChange(1)
-		},
-
-		/**
-		 * 处理表格大小变化
-		 */
-		handleSelect(v) {
-			this.localTableSize = v
-		},
-
-		/**
-		 * 切换全屏显示
-		 */
-		tableToggleFullScreen() {
-			this.$bus.$emit('tableFullScreen', !this.isFullscreen)
-			this.isFullscreen = !this.isFullscreen
-			// 这里需要实现具体的全屏切换逻辑
-		},
-
-		/**
-		 * 处理窗口大小变化
-		 */
-		handleResize() {
-			const isFull = document.fullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement || document.msFullscreenElement
-
-			if (!isFull) {
-				this.$bus.$emit('tableFullScreen', false)
-				this.isFullscreen = false
-			}
-		},
-
-		/**
-		 * 过滤列表操作按钮
-		 */
-		filterOperations(operations, row) {
-			return (
-				operations?.filter((o) => {
-					const hasAuth = !o.auth || this.checkAuth(o.auth)
-					const isVisible = !o.isShow || o.isShow(row)
-					return hasAuth && isVisible
-				}) || []
-			)
-		},
-
-		/**
-		 * 检查权限
-		 */
-		checkAuth(auth) {
-			const { menus = [], authorities = [] } = JSON.parse(localStorage.getItem('userAuthInfo') || '{}')
-			const allPermissions = [...menus, ...authorities]
-
-			if (!auth) return true
-			if (Array.isArray(auth)) {
-				return auth.some((permission) => allPermissions.includes(permission))
-			}
-			return allPermissions.includes(auth)
-		},
-		// 拖动选中
-		onSelect({ selected }) {
-			let list = []
-			selected.forEach((node) => {
-				// 获取 data-item 属性的值
-				const item = node.getAttribute('data-item')
-
-				if (item) {
-					const itemData = JSON.parse(item)
-					list.push(itemData)
-				}
-			})
-			this.$emit('multipleSelection', list)
-		}
-	}
-}

package/dist/components/lwTable/index.scss

@@ -1,238 +0,0 @@
-.baseTablePage-wrap {
-	position: relative;
-	user-select: none;
-	.icon-more {
-		margin-top: 3px;
-		cursor: pointer;
-		width: 20px;
-	}
-
-	.tool-block {
-		display: flex;
-		gap: 10px;
-		margin-top: 10px;
-		.icon-sync {
-			font-size: 20px;
-			vertical-align: middle;
-			cursor: pointer;
-			color: var(--color-neutral-10);
-			margin-right: 10px;
-		}
-
-		.icon-line-height,
-		.icon-fullscreen,
-		.icon-fullscreen-exit {
-			font-size: 20px;
-			vertical-align: middle;
-			cursor: pointer;
-			color: var(--color-neutral-10);
-		}
-
-		.icon-interaction {
-			font-size: 20px;
-			margin: 0 10px;
-			vertical-align: middle;
-			cursor: pointer;
-			color: var(--color-neutral-10);
-		}
-
-		.icon-settings {
-			font-size: 20px;
-			vertical-align: middle;
-			cursor: pointer;
-			color: var(--color-neutral-10);
-			margin-right: 10px;
-		}
-	}
-	.table-page-info {
-		display: flex;
-		justify-content: space-between;
-		padding-top: 15px;
-
-		.page-info-text {
-			font-weight: 600;
-			// color: $navBarOptionsColor;
-		}
-	}
-
-	.not-icon {
-		border: 1px solid #dcdfe6;
-		padding: 5px 12px;
-		min-height: 24px;
-		&:hover {
-			background: none;
-		}
-	}
-	.el-checkbox.el-checkbox--small {
-		height: 26px;
-	}
-	.mycell .cell .el-checkbox__input {
-		display: none;
-	}
-	.cell {
-		// height: 100%;
-	}
-	.download-pic {
-		font-size: 18px;
-		color: #1890ff;
-		cursor: pointer;
-	}
-	.table-operation {
-		display: flex;
-		justify-content: center;
-	}
-
-	a {
-		font-size: 14px;
-		color: #4189d1;
-	}
-	.select-block {
-		.el-checkbox {
-			// width: 150px;
-			display: block;
-			margin-left: 10px;
-		}
-	}
-	.el-table__header-wrapper .cell {
-		& > div {
-			display: inline-block;
-		}
-	}
-
-	.el-table__fixed,
-	.el-table__fixed-right {
-		bottom: 20px !important;
-		&::before {
-			display: none;
-		}
-	}
-
-	/*滚动条整体部分*/
-	::-webkit-scrollbar {
-		width: 8px;
-		height: 8px;
-	}
-	/*滚动条的轨道*/
-	::-webkit-scrollbar-track {
-		background-color: #ffffff;
-	}
-	/*滚动条里面的小方块，能向上向下移动*/
-	::-webkit-scrollbar-thumb {
-		background-color: #bfbfbf;
-		border-radius: 5px;
-		border: 1px solid #f1f1f1;
-		box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
-	}
-	::-webkit-scrollbar-thumb:hover {
-		background-color: #a8a8a8;
-	}
-	::-webkit-scrollbar-thumb:active {
-		background-color: #787878;
-	}
-	/*边角，即两个滚动条的交汇处*/
-	::-webkit-scrollbar-corner {
-		background-color: #ffffff;
-	}
-}
-
-.headers-content {
-	padding: 10px 10px 10px 0;
-	width: 400px;
-	.arco-row {
-		margin: 10px 0;
-	}
-}
-
-.start-span,
-.end-span {
-	display: inline-block;
-	padding: 1px 5px;
-	color: #fff;
-	margin-right: 5px;
-	border-radius: 5px;
-	font-size: 12px;
-	font-weight: bold;
-}
-.start-span {
-	background: #03a715;
-}
-.end-span {
-	background: #f40c0c;
-}
-
-:deep(.el-table th.el-table__cell) {
-	background-color: #f9f9f9 !important;
-}
-
-.table-button {
-	color: var(--el-color-primary);
-	margin: 0 4px;
-}
-:deep(.table-button [class*='el-icon']) {
-	font-size: 18px;
-}
-
-.table-button:hover {
-	background-color: #fff;
-	border-color: #f480c9;
-	color: var(--el-color-primary) !important;
-}
-
-.table-button-2.is-text {
-	color: var(--el-color-primary);
-	font-size: 14px;
-	// margin: 0px;
-	// border:none;
-	background: none !important;
-	padding: 2px 8px;
-	font-weight: 400;
-	height: 24px;
-	border-radius: 0;
-}
-.table-button-2.is-text:not(.is-disabled):hover {
-	background-color: #eeeefc;
-}
-
-.pagination-block {
-	clear: both;
-	width: 100%;
-	height: 35px;
-	margin-top: 10px;
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	.total {
-		color: #6a6d73;
-		font-size: 14px;
-		line-height: 16px;
-		margin-left: 20px;
-	}
-
-	.el-pagination {
-		padding: 0;
-
-		.el-input {
-			line-height: 28px;
-		}
-
-		.el-input__inner {
-			vertical-align: inherit !important;
-		}
-	}
-}
-
-.more-btn {
-	padding: 0 5px;
-	width: 40px;
-}
-
-.fix-num {
-	display: flex;
-	align-items: center;
-	margin-top: 10px;
-	gap: 5px;
-}
-
-.table-card-list{
-	
-}