Browse Source

[Improvement][UI] Support to drag the column of workflow name to resize its width. (#13006)

3.2.0-release
calvin 2 years ago committed by GitHub
parent
commit
e5f4ee2d64
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
  1. 2
      dolphinscheduler-ui/package.json
  2. 1052
      dolphinscheduler-ui/pnpm-lock.yaml
  3. 8
      dolphinscheduler-ui/src/views/projects/workflow/definition/use-table.ts

2
dolphinscheduler-ui/package.json

@ -19,7 +19,7 @@
"js-cookie": "^3.0.1", "js-cookie": "^3.0.1",
"lodash": "^4.17.21", "lodash": "^4.17.21",
"monaco-editor": "^0.34.0", "monaco-editor": "^0.34.0",
"naive-ui": "2.30.7", "naive-ui": "2.33.5",
"nprogress": "^0.2.0", "nprogress": "^0.2.0",
"pinia": "^2.0.22", "pinia": "^2.0.22",
"pinia-plugin-persistedstate": "^2.2.0", "pinia-plugin-persistedstate": "^2.2.0",

1052
dolphinscheduler-ui/pnpm-lock.yaml

File diff suppressed because it is too large Load Diff

8
dolphinscheduler-ui/src/views/projects/workflow/definition/use-table.ts

@ -85,6 +85,10 @@ export function useTable() {
className: 'workflow-name', className: 'workflow-name',
...COLUMN_WIDTH_CONFIG['name'], ...COLUMN_WIDTH_CONFIG['name'],
titleColSpan: 2, titleColSpan: 2,
resizable: true,
width: 300,
minWidth: 300,
maxWidth: 600,
render: (row) => render: (row) =>
h( h(
NSpace, NSpace,
@ -108,7 +112,9 @@ export function useTable() {
default: () => default: () =>
h( h(
NEllipsis, NEllipsis,
COLUMN_WIDTH_CONFIG['linkEllipsis'], {
style: 'max-width: 580px;line-height: 1.5'
},
() => row.name () => row.name
) )
} }

Loading…
Cancel
Save