@aspire-ui/element-component-pro 1.0.22 → 1.0.23
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.ecp-pro-table[data-v-
|
|
1
|
+
.ecp-pro-table[data-v-3d780f58]{padding:16px;background:#fff;width:100%;box-sizing:border-box}.ecp-pro-table[data-v-3d780f58] .el-table{width:100%!important}.ecp-pro-table__header[data-v-3d780f58]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.ecp-pro-table__title-wrapper[data-v-3d780f58]{display:flex;align-items:center;gap:4px}.ecp-pro-table__title[data-v-3d780f58]{font-size:16px;font-weight:600}.ecp-pro-table__help[data-v-3d780f58]{color:#909399;cursor:help}.ecp-pro-table__toolbar[data-v-3d780f58]{display:flex;align-items:center;gap:8px}.ecp-pro-table__body[data-v-3d780f58]{width:100%}.ecp-pro-table__pagination[data-v-3d780f58]{margin-top:16px;display:flex;justify-content:flex-end}.ecp-pro-table__col-help[data-v-3d780f58]{margin-left:4px;color:#909399;cursor:help}.ecp-table-action[data-v-45a58e7c],.ecp-table-action__item[data-v-45a58e7c]{display:inline-flex;align-items:center;gap:4px}.ecp-table-action__icon[data-v-45a58e7c]{margin-right:4px}.ecp-table-action__more[data-v-45a58e7c]{display:inline-flex;align-items:center}.ecp-table-action__dropdown-item[data-v-45a58e7c]{display:inline-flex;align-items:center;gap:4px}.ecp-tree-select[data-v-f30bba11]{position:relative;width:100%}.ecp-tree-select__filter-inner[data-v-f30bba11]{margin-bottom:8px}.ecp-tree-select__dropdown[data-v-f30bba11]{position:absolute;top:100%;left:0;right:0;max-height:280px;overflow:auto;background:#fff;border:1px solid #dcdfe6;border-radius:4px;margin-top:4px;z-index:1000;padding:8px}.ecp-tree-select__loading[data-v-f30bba11]{padding:24px;text-align:center;color:#909399;font-size:14px}.ecp-pro-form-item__colon[data-v-48d7960b]{margin-right:2px}.ecp-pro-form-item__help-icon[data-v-48d7960b]{margin-left:4px;color:#909399;cursor:help;font-size:14px}.ecp-pro-form-item__help-icon[data-v-48d7960b]:hover{color:#409eff}.ecp-pro-form-item__help-item[data-v-48d7960b]{margin-bottom:4px}.ecp-pro-form-item__help-item[data-v-48d7960b]:last-child{margin-bottom:0}.ecp-form-actions[data-v-489c88d2]{text-align:right}.ecp-form-actions__advance[data-v-489c88d2]{margin-right:8px}.el-icon-d-arrow-left.up[data-v-489c88d2]{transform:rotate(90deg)}.el-icon-d-arrow-left.down[data-v-489c88d2]{transform:rotate(-90deg)}.ecp-pro-form[data-v-cf7b3b35]{padding:16px;position:relative}.ecp-pro-form__advance[data-v-cf7b3b35]{margin-bottom:16px}.ecp-pro-form .ecp-pro-form_col[data-v-cf7b3b35]{position:relative;float:right}.el-icon-d-arrow-left.up[data-v-cf7b3b35]{transform:rotate(90deg)}.el-icon-d-arrow-left.down[data-v-cf7b3b35]{transform:rotate(-90deg)}.ecp-form-actions__advance[data-v-cf7b3b35]{position:absolute;bottom:0;left:50%;transform:translate(-50%,-50%)}.ecp-pro-descriptions[data-v-656036f6]{width:100%;box-sizing:border-box}.ecp-pro-descriptions__header[data-v-656036f6]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:12px}.ecp-pro-descriptions__title-wrap[data-v-656036f6]{display:flex;align-items:center;gap:6px}.ecp-pro-descriptions__title[data-v-656036f6]{font-size:16px;font-weight:600;color:#303133}.ecp-pro-descriptions__help[data-v-656036f6],.ecp-pro-descriptions__toggle[data-v-656036f6]{color:#909399}.ecp-pro-descriptions__toggle .el-icon-arrow-down[data-v-656036f6]{margin-left:4px;transition:transform .2s ease}.ecp-pro-descriptions__toggle .el-icon-arrow-down.is-expanded[data-v-656036f6]{transform:rotate(180deg)}.ecp-pro-descriptions__body[data-v-656036f6]{display:grid;border-top:1px solid #ebeef5;border-left:1px solid #ebeef5;overflow:hidden}.ecp-pro-descriptions__body.is-collapsed[data-v-656036f6]{overflow:hidden}.ecp-pro-descriptions__body[data-v-656036f6]:not(.is-bordered){border-top:0;border-left:0;gap:12px 16px}.ecp-pro-descriptions__item[data-v-656036f6]{display:flex;min-width:0;border-right:1px solid #ebeef5;border-bottom:1px solid #ebeef5}.ecp-pro-descriptions__body:not(.is-bordered) .ecp-pro-descriptions__item[data-v-656036f6]{border-right:0;border-bottom:0}.ecp-pro-descriptions__label[data-v-656036f6],.ecp-pro-descriptions__content[data-v-656036f6]{min-width:0;box-sizing:border-box;word-break:break-word}.ecp-pro-descriptions__label[data-v-656036f6]{flex:0 0 120px;padding:12px 16px;color:#606266;background:#fafafa}.ecp-pro-descriptions__content[data-v-656036f6]{flex:1;padding:12px 16px;color:#303133;background:#fff}.ecp-pro-descriptions__body:not(.is-bordered) .ecp-pro-descriptions__label[data-v-656036f6]{flex-basis:auto;padding:0;margin-right:8px;background:transparent;font-weight:500}.ecp-pro-descriptions__body:not(.is-bordered) .ecp-pro-descriptions__content[data-v-656036f6]{padding:0;background:transparent}.ecp-pro-descriptions__body.is-small .ecp-pro-descriptions__label[data-v-656036f6],.ecp-pro-descriptions__body.is-small .ecp-pro-descriptions__content[data-v-656036f6]{padding-top:8px;padding-bottom:8px;font-size:13px}@media (max-width: 767px){.ecp-pro-descriptions__item[data-v-656036f6]{flex-direction:column}.ecp-pro-descriptions__label[data-v-656036f6]{flex-basis:auto}}.ecp-collapse-container[data-v-087dba3a]{background:#fff;border-radius:14px;border:1px solid #e8eef8;box-shadow:0 10px 24px #0f2d5e0f;overflow:hidden}.ecp-collapse-container.is-ghost[data-v-087dba3a]{border-color:transparent;box-shadow:none;background:transparent}.ecp-collapse-container__header[data-v-087dba3a]{min-height:56px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #eef3fb}.ecp-collapse-container.is-ghost .ecp-collapse-container__header[data-v-087dba3a]{padding-left:0;padding-right:0}.ecp-collapse-container__header-main[data-v-087dba3a]{min-width:0;flex:1;display:flex;align-items:center}.ecp-collapse-container__title-wrap[data-v-087dba3a]{min-width:0;display:inline-flex;align-items:center;gap:8px}.ecp-collapse-container__title[data-v-087dba3a]{color:#1f2d3d;font-size:16px;font-weight:600;line-height:1.4}.ecp-collapse-container__help[data-v-087dba3a]{color:#91a3b7;font-size:14px}.ecp-collapse-container__header-extra[data-v-087dba3a]{display:inline-flex;align-items:center;justify-content:flex-end;gap:12px;flex-shrink:0}.ecp-collapse-container__toggle[data-v-087dba3a]{padding:0;color:#2f6fd3}.ecp-collapse-container__toggle i[data-v-087dba3a]{margin-left:6px;transition:transform .2s ease}.ecp-collapse-container__toggle i.is-expanded[data-v-087dba3a]{transform:rotate(180deg)}.ecp-collapse-container__body[data-v-087dba3a]{padding:20px;box-sizing:border-box}.ecp-collapse-container.is-ghost .ecp-collapse-container__body[data-v-087dba3a]{padding-left:0;padding-right:0}.ecp-collapse-container.is-header-clickable .ecp-collapse-container__header-main[data-v-087dba3a]{cursor:pointer}@media (max-width: 768px){.ecp-collapse-container__header[data-v-087dba3a]{padding:14px 16px;align-items:flex-start;flex-direction:column}.ecp-collapse-container__header-extra[data-v-087dba3a]{width:100%;justify-content:space-between}.ecp-collapse-container__body[data-v-087dba3a]{padding:16px}}.ecp-pro-table-form__form[data-v-44aa7592] .el-form-item{margin-bottom:0}.ecp-pro-table-form__cell-item[data-v-44aa7592]{width:100%}.ecp-pro-table-form__cell-item[data-v-44aa7592] .el-form-item__content{margin-left:0!important;line-height:normal}.ecp-pro-table-form__fixed-label[data-v-44aa7592]{color:#303133;font-size:14px}.ecp-pro-table-form__req[data-v-44aa7592]{color:#f56c6c;margin-right:2px}.ecp-pro-table-form__th-text[data-v-44aa7592]{font-weight:500;color:#606266}.ecp-pro-table-form__action-title[data-v-44aa7592]{margin-right:8px;font-size:13px;color:#606266}.ecp-pro-table-form__add-btn[data-v-44aa7592]{padding:0;font-size:14px}.ecp-pro-table-form__del-btn[data-v-44aa7592]{padding:0;color:#909399}.ecp-pro-table-form__del-btn[data-v-44aa7592]:not(:disabled){color:#409eff}.ecp-pro-table-form .ecp-pro-table-form__header-cell{background:#f5f7fa!important}
|
package/package.json
CHANGED
|
@@ -247,9 +247,11 @@ const tableWrapRef = ref()
|
|
|
247
247
|
const containerWidth = ref(0)
|
|
248
248
|
const loading = ref(props.loading ?? false)
|
|
249
249
|
const localFullData = ref<Record<string, unknown>[]>([])
|
|
250
|
-
/**
|
|
250
|
+
/** 本地模式数据；API 模式下存服务端返回的当前页数据 */
|
|
251
251
|
const innerData = computed(() => {
|
|
252
252
|
const data = localFullData.value
|
|
253
|
+
// 不分页时展示全量数据
|
|
254
|
+
if (!showPagination.value) return data
|
|
253
255
|
if (!data.length) return data
|
|
254
256
|
const { page, pageSize } = pagination.value
|
|
255
257
|
const start = (page - 1) * pageSize
|
|
@@ -311,9 +313,10 @@ const rowKeyField = computed(() => effectiveProps.value.rowKey || 'id')
|
|
|
311
313
|
const selectedKeysSet = computed(() => new Set(selectedRows.value.map((r) => r[rowKeyField.value] as string | number)))
|
|
312
314
|
|
|
313
315
|
/** 显示列 */
|
|
314
|
-
const displayColumns = computed(() =>
|
|
315
|
-
innerColumns.value
|
|
316
|
-
)
|
|
316
|
+
const displayColumns = computed(() =>{
|
|
317
|
+
console.log(innerColumns.value)
|
|
318
|
+
return innerColumns.value.filter((c) => !c.hideInTable && !c.defaultHidden)
|
|
319
|
+
})
|
|
317
320
|
|
|
318
321
|
/** 扁平列映射：columnId -> 原始 ProColumn（供 spanMethod 使用） */
|
|
319
322
|
const flatColumnsMap = computed(() => {
|
|
@@ -323,7 +326,7 @@ const flatColumnsMap = computed(() => {
|
|
|
323
326
|
if (col.children && col.children.length > 0) {
|
|
324
327
|
flatten(col.children)
|
|
325
328
|
} else {
|
|
326
|
-
if (col.
|
|
329
|
+
if (col.dataIndex) map.set(col.dataIndex, col)
|
|
327
330
|
}
|
|
328
331
|
}
|
|
329
332
|
}
|
|
@@ -362,10 +365,10 @@ const spanMethodAdapter: TableProps<any>['spanMethod'] = (
|
|
|
362
365
|
param: { row: any; column: any; rowIndex: number; columnIndex: number }
|
|
363
366
|
) => {
|
|
364
367
|
if (!effectiveProps.value.spanMethod) return [1, 1]
|
|
365
|
-
const original = flatColumnsMap.value.get(param.column.
|
|
368
|
+
const original = flatColumnsMap.value.get(param.column.property)
|
|
366
369
|
return effectiveProps.value.spanMethod({
|
|
367
370
|
...param,
|
|
368
|
-
column: {...original
|
|
371
|
+
column: original ? {...original,...param.column } : { ...param.column, dataIndex: param.column.property, title: param.column.label },
|
|
369
372
|
})
|
|
370
373
|
}
|
|
371
374
|
|
|
@@ -641,10 +644,10 @@ defineExpose(tableAction)
|
|
|
641
644
|
const syncColumns = () => {
|
|
642
645
|
const assignIds = (cols: ProColumn[], parentKey = ''): ProColumn[] =>
|
|
643
646
|
cols.map((c, i) => {
|
|
644
|
-
const key = `${
|
|
647
|
+
const key = `${c.dataIndex}`
|
|
645
648
|
return {
|
|
646
649
|
...c,
|
|
647
|
-
|
|
650
|
+
dataIndex: key,
|
|
648
651
|
children: c.children ? assignIds(c.children, key) : undefined,
|
|
649
652
|
}
|
|
650
653
|
})
|