lw-cdp-ui 1.2.47 → 1.2.49

package/dist/components/lwTable/index.vue

@@ -1,344 +0,0 @@
-<template>
-  <div class="baseTablePage-wrap">
-    <!-- 表格主体 -->
-    <el-table v-if="!isCard"
-              ref="multipleTable"
-              v-loading="loading"
-              :columns="tableHeaders"
-              :data="tableData"
-              :row-key="rowKey"
-              :max-height="maxHeight"
-              :size="tableSize"
-              :stripe="stripe"
-              :hoverable="hoverable"
-              highlight-current-row
-              scrollbar-always-on
-              :virtual-list-props="virtualListProps"
-              @current-change="handleCurrentChange"
-              @selection-change="handleSelectionChange">
-      <!-- 选择列 -->
-      <el-table-column v-if="rowSelection"
-                       fixed="left"
-                       type="selection"
-                       width="55" />
-
-      <!-- 数据列 -->
-      <el-table-column v-for="col in tableHeaders"
-                       :key="col"
-                       :prop="col.dataIndex"
-                       :label="col.title"
-                       :width="col.width"
-                       :min-width="col.minWidth"
-                       :align="col.align ?? 'center'"
-                       :fixed="col.fixed"
-                       :sortable="col.sortable"
-                       :show-overflow-tooltip="col.tooltip">
-        <!-- 表头插槽 -->
-        <template #header="{ column, $index }">
-          <slot v-if="col?.header"
-                :name="col.header"
-                :scope="{ column, $index, col }">
-            <el-tag type="danger">
-              [{{ col.header }}]没有这个自定义表头
-            </el-tag>
-          </slot>
-          <template v-else>
-            {{ col.title }}
-            <el-tooltip v-if="col.tips">
-              <template #content>
-                <span style="max-width: 300px; display: inline-block;">
-                  {{ col.tips }}
-                </span>
-              </template>
-              <el-icon>
-                <component :is="col.icon || 'el-icon-question-filled'" />
-              </el-icon>
-            </el-tooltip>
-          </template>
-        </template>
-
-        <!-- 单元格内容插槽 -->
-        <template #default="scope">
-          <!-- 操作列 -->
-          <template v-if="col?.operation">
-            <div v-if="filterOperations(col.operation, scope.row).length <= 3">
-              <span v-for="op in filterOperations(col.operation, scope.row)"
-                    :key="op">
-                <!-- 图标按钮 -->
-                <el-tooltip v-if="op.icon"
-                            :content="op.label"
-                            placement="top">
-                  <el-button type="primary"
-                             size="small"
-                             :icon="op.icon"
-                             :disabled="op.disabled?.(scope.row)"
-                             circle
-                             @click="op.clickFun(scope.row, scope.$index, tableData)" />
-                </el-tooltip>
-
-                <!-- 文字按钮 -->
-                <el-button v-else
-                           type="primary"
-                           text
-                           size="small"
-                           :disabled="op.disabled?.(scope.row)"
-                           @click="op.clickFun(scope.row, scope.$index, tableData)">
-                  {{ op.label }}
-                </el-button>
-              </span>
-            </div>
-
-            <!-- 更多操作下拉菜单 -->
-            <div v-else>
-              <!-- 显示前2个按钮 -->
-              <span v-for="op in filterOperations(col.operation, scope.row).slice(0, 2)"
-                    :key="op">
-                <el-tooltip v-if="op.icon"
-                            :content="op.label"
-                            placement="top">
-                  <el-button type="primary"
-                             size="small"
-                             :icon="op.icon"
-                             :disabled="op.disabled?.(scope.row)"
-                             circle
-                             @click="op.clickFun(scope.row, scope.$index, tableData)" />
-                </el-tooltip>
-
-                <el-button v-else
-                           type="primary"
-                           text
-                           size="small"
-                           :disabled="op.disabled?.(scope.row)"
-                           @click="op.clickFun(scope.row, scope.$index, tableData)">
-                  {{ op.label }}
-                </el-button>
-              </span>
-
-              <el-dropdown>
-                <el-button size="small"
-                           type="primary"
-                           link>
-                  <el-icon class="more-btn"
-                           size="16">
-                    <el-icon-more-filled />
-                  </el-icon>
-                </el-button>
-                <template #dropdown>
-                  <el-dropdown-menu>
-                    <el-dropdown-item v-for="op in filterOperations(col.operation, scope.row).slice(2)"
-                                      :key="op"
-                                      @click="op.clickFun(scope.row, scope.$index, tableData)">
-                      {{ op.label }}
-                    </el-dropdown-item>
-                  </el-dropdown-menu>
-                </template>
-              </el-dropdown>
-            </div>
-          </template>
-
-          <!-- 其他渲染类型 -->
-          <template v-else>
-            <!-- 自定义渲染 -->
-            <div v-if="col.eleRender">
-              <span v-html="col.eleRender(scope.row, scope.$index)"
-                    @click="col.clickFun?.(scope.row, scope.$index, tableData)" />
-            </div>
-
-            <!-- 图片列 -->
-            <div v-else-if="col.type === 'img'">
-              <el-image style="height: 28px"
-                        :src="scope.row[col.dataIndex] || '/static/images/empty.jpg'"
-                        :preview-src-list="[scope.row[col.dataIndex]]"
-                        fit="cover"
-                        :z-index="99"
-                        :preview-teleported="true" />
-            </div>
-
-            <!-- 选项列 -->
-            <div v-else-if="!col.switch && col.options?.length">
-              <template v-if="scope.row.isEdit && col.canEdit">
-                <el-select v-model="scope.row[col.editSource]"
-                           :value-key="col.editValue || 'code'"
-                           class="select-select number"
-                           placeholder=""
-                           allow-clear
-                           allow-search
-                           filter-option
-                           @change="val => col.callback(val, scope.row)">
-                  <el-option v-for="item in col.options"
-                             :key="item"
-                             :value="item">
-                    {{ col.editValue ? item[col.editValue] : item.name }}
-                  </el-option>
-                </el-select>
-              </template>
-              <template v-else>
-                <span v-for="(item, index) in col.options"
-                      :key="item + index">
-                  <span
-                        v-if="scope.row[col.dataIndex] == item[col.editValue || 'code']">
-                    <span v-if="item.statusColor"
-                          :style="`background-color: ${item.statusColor}; border-radius: 100%; padding: 4px; display: inline-block; margin-right: 5px;`" />
-                    {{ col.editValue ? item[col.editValue] : item.name }}
-                  </span>
-                </span>
-              </template>
-            </div>
-
-            <!-- 其他简单渲染 -->
-            <template v-else>
-              {{ scope.row[col.dataIndex] ?? (scope.row[col.dataIndex] === 0 ? '0' : '') }}
-            </template>
-          </template>
-        </template>
-      </el-table-column>
-    </el-table>
-
-    <!-- 卡片主题 -->
-    <div v-else
-         class="table-card-list"
-         :style="{ minHeight: maxHeight }">
-      <el-row :gutter="20">
-        <VueSelecto dragContainer=".table-card-list"
-                    boundContainer=".table-card-list"
-                    :selectableTargets="['.table-card-item']"
-                    :selectByClick="true"
-                    :selectFromInside="true"
-                    :continueSelect="false"
-                    :toggleContinueSelect='"shift"'
-                    :keyContainer="window"
-                    :hitRate="50"
-                    @select="onSelect" />
-        <el-col :span="6"
-                v-for="item in tableData">
-          <div class="table-card-item"
-               :data-item="JSON.stringify(item)">
-            <slot name="cardItem"
-                  :item="item"></slot>
-          </div>
-        </el-col>
-        <el-col :span="24"
-                v-if="tableData.length == 0">
-          <el-empty description="暂无数据" />
-        </el-col>
-      </el-row>
-    </div>
-
-    <!-- 分页工具栏 -->
-    <div v-if="isShowPagination"
-         class="pagination-block">
-      <!-- 表格工具栏 -->
-      <div class="tool-block">
-        <template v-if="!hideTool">
-          <!-- 刷新按钮 -->
-          <el-tooltip :content="$t('btn.refresh')">
-            <el-icon size="20"
-                     @click="refresh">
-              <el-icon-refresh />
-            </el-icon>
-          </el-tooltip>
-
-          <!-- 显示方式 -->
-          <el-tooltip v-if="!hideCard"
-                      :content="isCard ? '表格显示': '卡片显示'">
-            <el-icon size="20"
-                     @click="isCard = !isCard">
-              <el-icon-postcard v-if="!isCard" />
-              <el-icon-document v-else />
-            </el-icon>
-          </el-tooltip>
-
-          <!-- 表格大小设置 -->
-          <el-dropdown @command="handleSelect">
-            <span class="dropdown-trigger">
-              <el-tooltip :content="$t('lwTable.tools.lineHeightName')">
-                <el-icon size="20">
-                  <el-icon-set-up />
-                </el-icon>
-              </el-tooltip>
-            </span>
-            <template #dropdown>
-              <el-dropdown-menu>
-                <el-dropdown-item command="small">
-                  {{ $t('lwTable.tools.lineHeight.mini') }}
-                </el-dropdown-item>
-                <el-dropdown-item command="medium">
-                  {{ $t('lwTable.tools.lineHeight.small') }}
-                </el-dropdown-item>
-                <el-dropdown-item command="large">
-                  {{ $t('lwTable.tools.lineHeight.medium') }}
-                </el-dropdown-item>
-              </el-dropdown-menu>
-            </template>
-          </el-dropdown>
-
-          <!-- 列设置 -->
-          <el-popover placement="top-start"
-                      :title="$t('lwTable.tools.columnsSetting')"
-                      :width="400"
-                      trigger="hover">
-            <template #reference>
-              <el-icon size="20">
-                <el-icon-setting />
-              </el-icon>
-            </template>
-
-            <el-checkbox v-model="allCheck"
-                         @change="checkAll">
-              {{ $t('lwTable.tools.allCheck') }},{{ $t('lwTable.tools.hasChecked') }}{{ checkedKeys.length }}/{{ treeData.length }}
-            </el-checkbox>
-
-            <el-checkbox-group v-model="checkedKeys"
-                               @change="treeCheck">
-              <el-checkbox v-for="item in treeData"
-                           :key="item.key"
-                           :label="item.title"
-                           :value="item.key">
-                {{ item.title }}
-              </el-checkbox>
-            </el-checkbox-group>
-
-            <div class="fix-num">
-              {{ $t('lwTable.tools.table_before') }}
-              <el-input-number v-model="fixNum"
-                               :min="0"
-                               :max="10"
-                               size="small" />
-              {{ $t('lwTable.tools.column_fixed') }}
-            </div>
-          </el-popover>
-
-          <!-- 全屏按钮 -->
-          <el-tooltip
-                      :content="isFullscreen ? $t('lwTable.tools.cancel') : $t('lwTable.tools.fullScreen')">
-            <el-icon v-if="!isFullscreen"
-                     class="icon-fullscreen"
-                     @click="tableToggleFullScreen">
-              <el-icon-full-screen />
-            </el-icon>
-            <el-icon v-if="isFullscreen"
-                     class="icon-fullscreen-exit"
-                     @click="tableToggleFullScreen">
-              <el-icon-full-screen />
-            </el-icon>
-          </el-tooltip>
-        </template>
-      </div>
-
-      <!-- 分页器 -->
-      <el-pagination background
-                     size="small"
-                     :current-page.sync="parseFloat(searchParams.page).toString() == 'NaN' ? 1 : searchParams.page"
-                     :page-size="searchParams.size || 10"
-                     :total="totalCount"
-                     :page-sizes="pageSizes"
-                     layout="total, prev, pager, next, sizes, jumper"
-                     @size-change="sizeChange"
-                     @current-change="currentChange" />
-    </div>
-  </div>
-</template>
-<script  src="./index.js"></script>
-<style lang="scss" scoped>
-@import "./index.scss";
-</style>

package/dist/components/lwTable/locale/en-US.js

@@ -1,26 +0,0 @@
-export default {
-	lwTable: {
-		tools: {
-			lineHeightName: 'row height',
-			lineHeight: {
-				mini: 'Compact',
-				small: 'Medium',
-				medium: 'High',
-				large: 'Extra High'
-			},
-			border: 'Border',
-			columnsSetting: 'Column Settings',
-			allCheck: 'Select All',
-			hasChecked: 'Selected',
-			cancel: 'Cancel',
-			fullScreen: 'Full Screen',
-			table_before: 'Before the table',
-			column_fixed: 'Column fixed',
-			last_column_fixed: 'Last column fixed',
-			please_select: 'Please select...',
-			total: 'total',
-			recordsPage: 'records Page',
-			pages: 'pages'
-		}
-	}
-}

package/dist/components/lwTable/locale/zh-CN.js

@@ -1,26 +0,0 @@
-export default {
-	lwTable: {
-		tools: {
-			lineHeightName: '行高',
-			lineHeight: {
-				mini: '紧凑',
-				small: '中等',
-				medium: '高',
-				large: '较高'
-			},
-			border: '边框',
-			columnsSetting: '列设置',
-			allCheck: '全选',
-			hasChecked: '已选',
-			cancel: '取消',
-			fullScreen: '全屏',
-			table_before: '表格前',
-			column_fixed: '列固定',
-			last_column_fixed: '最后一列固定',
-			please_select: '请选择...',
-			total: '共',
-			recordsPage: '条记录 第',
-			pages: '页'
-		}
-	}
-}

package/dist/components/lwTable/useFullscreen.js

@@ -1,73 +0,0 @@
-// useFullscreen.js - 全屏功能实现
-import { ref, onMounted, onUnmounted } from 'vue'
-
-export function useFullscreen() {
-	const isFullscreen = ref(false)
-
-	// 进入全屏
-	const enterFullscreen = (element) => {
-		if (element.requestFullscreen) {
-			element.requestFullscreen()
-		} else if (element.mozRequestFullScreen) {
-			// Firefox
-			element.mozRequestFullScreen()
-		} else if (element.webkitRequestFullscreen) {
-			// Chrome, Safari and Opera
-			element.webkitRequestFullscreen()
-		} else if (element.msRequestFullscreen) {
-			// IE/Edge
-			element.msRequestFullscreen()
-		}
-	}
-
-	// 退出全屏
-	const exitFullscreen = () => {
-		if (document.exitFullscreen) {
-			document.exitFullscreen()
-		} else if (document.mozCancelFullScreen) {
-			// Firefox
-			document.mozCancelFullScreen()
-		} else if (document.webkitExitFullscreen) {
-			// Chrome, Safari and Opera
-			document.webkitExitFullscreen()
-		} else if (document.msExitFullscreen) {
-			// IE/Edge
-			document.msExitFullscreen()
-		}
-	}
-
-	// 全屏切换
-	const toggleFullScreen = () => {
-		if (isFullscreen.value) {
-			exitFullscreen()
-		} else {
-			enterFullscreen(document.documentElement)
-		}
-	}
-
-	// 检查全屏状态
-	const handleFullscreenChange = () => {
-		isFullscreen.value = Boolean(document.fullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement || document.msFullscreenElement)
-	}
-
-	// 监听全屏状态变化
-	onMounted(() => {
-		document.addEventListener('fullscreenchange', handleFullscreenChange)
-		document.addEventListener('webkitfullscreenchange', handleFullscreenChange)
-		document.addEventListener('mozfullscreenchange', handleFullscreenChange)
-		document.addEventListener('MSFullscreenChange', handleFullscreenChange)
-	})
-
-	// 清理监听器
-	onUnmounted(() => {
-		document.removeEventListener('fullscreenchange', handleFullscreenChange)
-		document.removeEventListener('webkitfullscreenchange', handleFullscreenChange)
-		document.removeEventListener('mozfullscreenchange', handleFullscreenChange)
-		document.removeEventListener('MSFullscreenChange', handleFullscreenChange)
-	})
-
-	return {
-		isFullscreen,
-		toggle: toggleFullScreen
-	}
-}