cnhis-design-vue 3.0.5 → 3.0.8
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/CHANGELOG.md +34 -0
- package/es/big-table/index.js +220 -142
- package/es/button-print/index.css +32 -32
- package/es/button-print/index.js +3 -2
- package/es/drag-layout/index.css +32 -32
- package/es/field-set/index.css +74 -74
- package/es/grid/index.css +89 -89
- package/es/index.css +275 -0
- package/es/index.js +1480 -256
- package/es/select-person/index.css +1319 -0
- package/es/select-person/index.js +13191 -0
- package/package.json +3 -3
- package/packages/big-table/src/BigTable.vue +39 -30
- package/packages/big-table/src/bigTableEmits.ts +2 -2
- package/packages/big-table/src/bigTableProps.ts +1 -1
- package/packages/big-table/src/components/edit-form/edit-date.vue +41 -0
- package/packages/big-table/src/components/edit-form/edit-input.vue +2 -2
- package/packages/big-table/src/components/edit-form/edit-select.vue +12 -3
- package/packages/big-table/src/hooks/useEdit.ts +17 -5
- package/packages/button-print/src/ButtonPrint.vue +2 -1
- package/packages/index.ts +5 -2
- package/packages/select-person/index.ts +11 -0
- package/packages/select-person/src/SelectPerson.vue +1104 -0
- package/packages/select-person/src/search-tree.vue +326 -0
- package/packages/select-person/src/utils/index.js +66 -0
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,40 @@
|
|
|
2
2
|
|
|
3
3
|
All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
|
|
4
4
|
|
|
5
|
+
### [3.0.8](http://120.25.59.85:3000/cnhis-frontend/cnhis-design-vue/compare/v3.0.7...v3.0.8) (2022-05-27)
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
### Features
|
|
9
|
+
|
|
10
|
+
* 表格按键配置、滚动事件派发、编辑formType事件index、选择行支持默认选中 ([1401d21](http://120.25.59.85:3000/cnhis-frontend/cnhis-design-vue/commit/1401d21dada02da4a6aa82de33f23f206ef97662))
|
|
11
|
+
* 选人组件 ([a21d86e](http://120.25.59.85:3000/cnhis-frontend/cnhis-design-vue/commit/a21d86e638afdd580cc5d0a90094b520a59f1b44))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
### Bug Fixes
|
|
15
|
+
|
|
16
|
+
* 表格MAX_CHECK_SIZE字段代码格式化导致传参失败 ([a22a3b4](http://120.25.59.85:3000/cnhis-frontend/cnhis-design-vue/commit/a22a3b45c2c87be7f575a572549cfcdc407a7a52))
|
|
17
|
+
* 异步加载allow-checking-not-loaded报错 ([d086dc2](http://120.25.59.85:3000/cnhis-frontend/cnhis-design-vue/commit/d086dc2e77cbe4c53e7a796b0cf29a4dad7b4d52))
|
|
18
|
+
|
|
19
|
+
### [3.0.7](http://120.25.59.85:3000/cnhis-frontend/cnhis-design-vue/compare/v3.0.6...v3.0.7) (2022-05-25)
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
### Features
|
|
23
|
+
|
|
24
|
+
* big-table 编辑增加date类型 ([fce033b](http://120.25.59.85:3000/cnhis-frontend/cnhis-design-vue/commit/fce033b338b0ea2ccd4b4496e21a27e44ef8e68b))
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
### Bug Fixes
|
|
28
|
+
|
|
29
|
+
* 表格编辑初始化不应展示操作项 ([165217d](http://120.25.59.85:3000/cnhis-frontend/cnhis-design-vue/commit/165217d96e076b67f449483cf957b4b211545af8))
|
|
30
|
+
|
|
31
|
+
### [3.0.6](http://120.25.59.85:3000/cnhis-frontend/cnhis-design-vue/compare/v3.0.5...v3.0.6) (2022-05-24)
|
|
32
|
+
|
|
33
|
+
|
|
34
|
+
### Features
|
|
35
|
+
|
|
36
|
+
* 打印增加默认参数配置 ([b7abea5](http://120.25.59.85:3000/cnhis-frontend/cnhis-design-vue/commit/b7abea576bb8dd39d42324f8cdefb604903e131e))
|
|
37
|
+
* big-table 日期编辑 ([b4fc52e](http://120.25.59.85:3000/cnhis-frontend/cnhis-design-vue/commit/b4fc52e4998bbaa7f63d475bae2028406ca78c1f))
|
|
38
|
+
|
|
5
39
|
### [3.0.5](http://120.25.59.85:3000/cnhis-frontend/cnhis-design-vue/compare/v3.0.4...v3.0.5) (2022-05-23)
|
|
6
40
|
|
|
7
41
|
### [3.0.4](http://120.25.59.85:3000/cnhis-frontend/cnhis-design-vue/compare/v3.0.3...v3.0.4) (2022-05-23)
|
package/es/big-table/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { computed, watch, defineComponent, openBlock, createElementBlock, unref, createCommentVNode, createElementVNode, toDisplayString, ref,
|
|
1
|
+
import { computed, watch, defineComponent, createVNode, mergeProps, reactive, openBlock, createElementBlock, unref, createCommentVNode, createElementVNode, toDisplayString, ref, withCtx, normalizeClass, renderSlot, createTextVNode, h, resolveComponent, inject, nextTick, createApp, Teleport, provide, onMounted, onUnmounted, getCurrentInstance, onBeforeUnmount, onActivated, onDeactivated, isVNode, useAttrs, normalizeStyle, withDirectives, vShow, Fragment, createBlock } from 'vue';
|
|
2
|
+
import { NInput, NInputNumber, NSelect, NDatePicker, NTooltip, useMessage, NIcon, NPopconfirm, NButton, NInputGroup, NCheckbox, NCheckboxGroup, NSpace, NProgress, NDropdown, NSwitch, NPopover } from 'naive-ui';
|
|
2
3
|
import { SettingsSharp, CaretDown, CaretForward, CopyOutline, SyncOutline } from '@vicons/ionicons5';
|
|
3
|
-
import { NTooltip, NInput, NInputNumber, NSelect, useMessage, NIcon, NPopconfirm, NButton, NInputGroup, NCheckbox, NCheckboxGroup, NSpace, NProgress, NDropdown, NSwitch, NPopover } from 'naive-ui';
|
|
4
4
|
|
|
5
5
|
const bigTableState = {
|
|
6
6
|
curAbleCheckedLen: 0,
|
|
@@ -54,7 +54,7 @@ const bigTableState = {
|
|
|
54
54
|
|
|
55
55
|
const bigTableProps = {
|
|
56
56
|
data: { type: Array, default: () => [] },
|
|
57
|
-
|
|
57
|
+
maxCheckSize: { type: Number, default: 0 },
|
|
58
58
|
showFooter: Boolean,
|
|
59
59
|
sumData: { type: Object, default: () => ({}) },
|
|
60
60
|
avgData: { type: Object, default: () => ({}) },
|
|
@@ -210,7 +210,8 @@ const bigTableEmits = [
|
|
|
210
210
|
"selectionChangeLocal",
|
|
211
211
|
"switchBtnOnChange",
|
|
212
212
|
"asyncTableChange",
|
|
213
|
-
"
|
|
213
|
+
"formChange",
|
|
214
|
+
"scroll"
|
|
214
215
|
];
|
|
215
216
|
|
|
216
217
|
var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
|
|
@@ -13254,6 +13255,162 @@ const useNestTable = (props, state, emit) => {
|
|
|
13254
13255
|
};
|
|
13255
13256
|
};
|
|
13256
13257
|
|
|
13258
|
+
var script$6 = defineComponent({
|
|
13259
|
+
name: "EditInput",
|
|
13260
|
+
inheritAttrs: false,
|
|
13261
|
+
components: {
|
|
13262
|
+
NInput,
|
|
13263
|
+
NInputNumber
|
|
13264
|
+
},
|
|
13265
|
+
props: {
|
|
13266
|
+
type: {
|
|
13267
|
+
type: String,
|
|
13268
|
+
default: "input"
|
|
13269
|
+
},
|
|
13270
|
+
col: {
|
|
13271
|
+
type: Object,
|
|
13272
|
+
default: () => ({})
|
|
13273
|
+
},
|
|
13274
|
+
row: {
|
|
13275
|
+
type: Object,
|
|
13276
|
+
default: () => ({})
|
|
13277
|
+
},
|
|
13278
|
+
index: {
|
|
13279
|
+
type: [Number, Object],
|
|
13280
|
+
default: 0
|
|
13281
|
+
}
|
|
13282
|
+
},
|
|
13283
|
+
emits: ["formChange"],
|
|
13284
|
+
setup(props, { attrs, slots, emit }) {
|
|
13285
|
+
const onUpdateValue = (value) => {
|
|
13286
|
+
emit("formChange", {
|
|
13287
|
+
value,
|
|
13288
|
+
row: props.row,
|
|
13289
|
+
column: props.col,
|
|
13290
|
+
index: props.index
|
|
13291
|
+
});
|
|
13292
|
+
};
|
|
13293
|
+
return () => props.type === "input" ? createVNode(NInput, mergeProps(attrs, {
|
|
13294
|
+
"onUpdateValue": onUpdateValue
|
|
13295
|
+
}), null) : createVNode(NInputNumber, mergeProps(attrs, {
|
|
13296
|
+
"onUpdateValue": onUpdateValue
|
|
13297
|
+
}), null);
|
|
13298
|
+
}
|
|
13299
|
+
});
|
|
13300
|
+
|
|
13301
|
+
script$6.__file = "packages/big-table/src/components/edit-form/edit-input.vue";
|
|
13302
|
+
|
|
13303
|
+
var script$5 = defineComponent({
|
|
13304
|
+
name: "EditSelect",
|
|
13305
|
+
inheritAttrs: false,
|
|
13306
|
+
components: {
|
|
13307
|
+
NSelect
|
|
13308
|
+
},
|
|
13309
|
+
props: {
|
|
13310
|
+
col: {
|
|
13311
|
+
type: Object,
|
|
13312
|
+
default: () => ({})
|
|
13313
|
+
},
|
|
13314
|
+
row: {
|
|
13315
|
+
type: Object,
|
|
13316
|
+
default: () => ({})
|
|
13317
|
+
},
|
|
13318
|
+
index: {
|
|
13319
|
+
type: [Number, Object],
|
|
13320
|
+
default: 0
|
|
13321
|
+
}
|
|
13322
|
+
},
|
|
13323
|
+
emits: ["setOptions", "formChange"],
|
|
13324
|
+
setup(props, { attrs, slots, emit }) {
|
|
13325
|
+
const state = reactive({
|
|
13326
|
+
options: []
|
|
13327
|
+
});
|
|
13328
|
+
const setOptions = async () => {
|
|
13329
|
+
if (props.col.options) {
|
|
13330
|
+
state.options = JSON.parse(JSON.stringify(props.col.options));
|
|
13331
|
+
}
|
|
13332
|
+
else {
|
|
13333
|
+
const optionsName = `${props.col.columnName}_options`;
|
|
13334
|
+
state.options = props.row[optionsName] || await props.col.queryOptions();
|
|
13335
|
+
if (!props.row[optionsName]) {
|
|
13336
|
+
emit("setOptions", state.options);
|
|
13337
|
+
}
|
|
13338
|
+
}
|
|
13339
|
+
};
|
|
13340
|
+
setOptions();
|
|
13341
|
+
const onUpdateValue = (value) => {
|
|
13342
|
+
emit("formChange", {
|
|
13343
|
+
value,
|
|
13344
|
+
row: props.row,
|
|
13345
|
+
column: props.col,
|
|
13346
|
+
index: props.index
|
|
13347
|
+
});
|
|
13348
|
+
};
|
|
13349
|
+
return () => [createVNode(NSelect, mergeProps(attrs, {
|
|
13350
|
+
"options": state.options,
|
|
13351
|
+
"consistentMenuWidth": false,
|
|
13352
|
+
"clearable": true,
|
|
13353
|
+
"filterable": true,
|
|
13354
|
+
"to": false,
|
|
13355
|
+
"placeholder": "\u8BF7\u9009\u62E9",
|
|
13356
|
+
"onUpdateValue": onUpdateValue
|
|
13357
|
+
}), null)];
|
|
13358
|
+
}
|
|
13359
|
+
});
|
|
13360
|
+
|
|
13361
|
+
script$5.__file = "packages/big-table/src/components/edit-form/edit-select.vue";
|
|
13362
|
+
|
|
13363
|
+
var script$4 = defineComponent({
|
|
13364
|
+
name: "EditDate",
|
|
13365
|
+
inheritAttrs: false,
|
|
13366
|
+
components: {
|
|
13367
|
+
NDatePicker
|
|
13368
|
+
},
|
|
13369
|
+
props: {
|
|
13370
|
+
col: {
|
|
13371
|
+
type: Object,
|
|
13372
|
+
default: () => ({})
|
|
13373
|
+
},
|
|
13374
|
+
row: {
|
|
13375
|
+
type: Object,
|
|
13376
|
+
default: () => ({})
|
|
13377
|
+
},
|
|
13378
|
+
index: {
|
|
13379
|
+
type: [Number, Object],
|
|
13380
|
+
default: 0
|
|
13381
|
+
}
|
|
13382
|
+
},
|
|
13383
|
+
emits: ["formChange"],
|
|
13384
|
+
setup(props, { attrs, slots, emit }) {
|
|
13385
|
+
const onConfirm = (value) => {
|
|
13386
|
+
emit("formChange", {
|
|
13387
|
+
value,
|
|
13388
|
+
row: props.row,
|
|
13389
|
+
column: props.col,
|
|
13390
|
+
index: props.index
|
|
13391
|
+
});
|
|
13392
|
+
};
|
|
13393
|
+
const config = {
|
|
13394
|
+
type: props.col.type || "datetime",
|
|
13395
|
+
clearable: props.col.clearable || true,
|
|
13396
|
+
disabled: props.col.disabled || false,
|
|
13397
|
+
valueFormat: props.col.valueFormat || "yyyy-MM-dd HH:mm:ss",
|
|
13398
|
+
to: false
|
|
13399
|
+
};
|
|
13400
|
+
return () => createVNode(NDatePicker, mergeProps(attrs, config, {
|
|
13401
|
+
"onUpdateFormattedValue": onConfirm
|
|
13402
|
+
}), null);
|
|
13403
|
+
}
|
|
13404
|
+
});
|
|
13405
|
+
|
|
13406
|
+
script$4.__file = "packages/big-table/src/components/edit-form/edit-date.vue";
|
|
13407
|
+
|
|
13408
|
+
const comps = {
|
|
13409
|
+
"input": script$6,
|
|
13410
|
+
"number": script$6,
|
|
13411
|
+
"select": script$5,
|
|
13412
|
+
"date": script$4
|
|
13413
|
+
};
|
|
13257
13414
|
const useEdit = (props, state, emit, xGrid) => {
|
|
13258
13415
|
const initEditTable = async () => {
|
|
13259
13416
|
const { isEdit, fieldList = [] } = props.columnConfig;
|
|
@@ -13309,14 +13466,15 @@ const useEdit = (props, state, emit, xGrid) => {
|
|
|
13309
13466
|
await xGrid.value.insertAt(record, getInsertRecords.at(-1));
|
|
13310
13467
|
xGrid.value.clearActived();
|
|
13311
13468
|
};
|
|
13312
|
-
const
|
|
13313
|
-
|
|
13469
|
+
const onFormChange = ({ value, row, column, index }) => {
|
|
13470
|
+
row[column.columnName] = value;
|
|
13471
|
+
emit("formChange", { value, row, column, index });
|
|
13314
13472
|
};
|
|
13315
13473
|
const getDefaultValue = (params, item) => {
|
|
13316
13474
|
const value = params.row[item.columnName];
|
|
13317
13475
|
if (item.formType === "select") {
|
|
13318
13476
|
if (item.options) {
|
|
13319
|
-
return item.options.find((v) => v.value
|
|
13477
|
+
return item.options.find((v) => v.value == value)?.label || "";
|
|
13320
13478
|
}
|
|
13321
13479
|
if (item.queryOptions) {
|
|
13322
13480
|
return params.row[`${item.columnName}_options`]?.find((v) => v.value === value)?.label || "";
|
|
@@ -13330,7 +13488,7 @@ const useEdit = (props, state, emit, xGrid) => {
|
|
|
13330
13488
|
activeMethod,
|
|
13331
13489
|
deleteRow,
|
|
13332
13490
|
onClickSelectTable,
|
|
13333
|
-
|
|
13491
|
+
onFormChange,
|
|
13334
13492
|
getDefaultValue
|
|
13335
13493
|
};
|
|
13336
13494
|
};
|
|
@@ -13346,7 +13504,7 @@ var img$3 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQQAAADKCAYAAABDnT56A
|
|
|
13346
13504
|
const _hoisted_1$3 = { class: "no-data-tip NoData-page" };
|
|
13347
13505
|
const _hoisted_2$2 = ["src"];
|
|
13348
13506
|
const _hoisted_3$1 = { key: 1 };
|
|
13349
|
-
var script$
|
|
13507
|
+
var script$3 = /* @__PURE__ */ defineComponent({
|
|
13350
13508
|
props: {
|
|
13351
13509
|
noDataTip: {
|
|
13352
13510
|
type: String,
|
|
@@ -13407,14 +13565,14 @@ var script$5 = /* @__PURE__ */ defineComponent({
|
|
|
13407
13565
|
}
|
|
13408
13566
|
});
|
|
13409
13567
|
|
|
13410
|
-
script$
|
|
13411
|
-
script$
|
|
13568
|
+
script$3.__scopeId = "data-v-4a4b0812";
|
|
13569
|
+
script$3.__file = "packages/big-table/src/components/NoData.vue";
|
|
13412
13570
|
|
|
13413
13571
|
const _hoisted_1$2 = { class: "text-over-tooltip-components" };
|
|
13414
13572
|
const __default__$2 = {
|
|
13415
13573
|
name: "TextOverTooltip"
|
|
13416
13574
|
};
|
|
13417
|
-
var script$
|
|
13575
|
+
var script$2 = /* @__PURE__ */ defineComponent({
|
|
13418
13576
|
...__default__$2,
|
|
13419
13577
|
props: {
|
|
13420
13578
|
content: { type: [String, Number], required: false },
|
|
@@ -13482,15 +13640,15 @@ var script$4 = /* @__PURE__ */ defineComponent({
|
|
|
13482
13640
|
}
|
|
13483
13641
|
});
|
|
13484
13642
|
|
|
13485
|
-
script$
|
|
13486
|
-
script$
|
|
13643
|
+
script$2.__scopeId = "data-v-6633a934";
|
|
13644
|
+
script$2.__file = "packages/big-table/src/components/TextOverTooltip.vue";
|
|
13487
13645
|
|
|
13488
13646
|
const _hoisted_1$1 = { key: 0 };
|
|
13489
13647
|
const _hoisted_2$1 = ["xlink:href"];
|
|
13490
13648
|
const __default__$1 = {
|
|
13491
13649
|
name: "SvgIcon"
|
|
13492
13650
|
};
|
|
13493
|
-
var script$
|
|
13651
|
+
var script$1 = /* @__PURE__ */ defineComponent({
|
|
13494
13652
|
...__default__$1,
|
|
13495
13653
|
props: {
|
|
13496
13654
|
iconClass: { type: String, required: true, default: "" },
|
|
@@ -13520,102 +13678,8 @@ var script$3 = /* @__PURE__ */ defineComponent({
|
|
|
13520
13678
|
}
|
|
13521
13679
|
});
|
|
13522
13680
|
|
|
13523
|
-
script$
|
|
13524
|
-
script$
|
|
13525
|
-
|
|
13526
|
-
var script$2 = defineComponent({
|
|
13527
|
-
name: "EditInput",
|
|
13528
|
-
inheritAttrs: false,
|
|
13529
|
-
components: {
|
|
13530
|
-
NInput,
|
|
13531
|
-
NInputNumber
|
|
13532
|
-
},
|
|
13533
|
-
props: {
|
|
13534
|
-
type: {
|
|
13535
|
-
type: String,
|
|
13536
|
-
default: "input"
|
|
13537
|
-
},
|
|
13538
|
-
col: {
|
|
13539
|
-
type: Object,
|
|
13540
|
-
default: () => ({})
|
|
13541
|
-
},
|
|
13542
|
-
row: {
|
|
13543
|
-
type: Object,
|
|
13544
|
-
default: () => ({})
|
|
13545
|
-
},
|
|
13546
|
-
index: {
|
|
13547
|
-
type: [Number, Object],
|
|
13548
|
-
default: 0
|
|
13549
|
-
}
|
|
13550
|
-
},
|
|
13551
|
-
emits: ["updateInput"],
|
|
13552
|
-
setup(props, { attrs, slots, emit }) {
|
|
13553
|
-
const onUpdateValue = (value) => {
|
|
13554
|
-
emit("updateInput", {
|
|
13555
|
-
value,
|
|
13556
|
-
row: props.row,
|
|
13557
|
-
column: props.col,
|
|
13558
|
-
index: props.index
|
|
13559
|
-
});
|
|
13560
|
-
};
|
|
13561
|
-
return () => props.type === "input" ? createVNode(NInput, mergeProps(attrs, {
|
|
13562
|
-
"onUpdateValue": onUpdateValue
|
|
13563
|
-
}), null) : createVNode(NInputNumber, mergeProps(attrs, {
|
|
13564
|
-
"onUpdateValue": onUpdateValue
|
|
13565
|
-
}), null);
|
|
13566
|
-
}
|
|
13567
|
-
});
|
|
13568
|
-
|
|
13569
|
-
script$2.__file = "packages/big-table/src/components/edit-form/edit-input.vue";
|
|
13570
|
-
|
|
13571
|
-
var script$1 = defineComponent({
|
|
13572
|
-
name: "EditSelect",
|
|
13573
|
-
inheritAttrs: false,
|
|
13574
|
-
components: {
|
|
13575
|
-
NSelect
|
|
13576
|
-
},
|
|
13577
|
-
props: {
|
|
13578
|
-
col: {
|
|
13579
|
-
type: Object,
|
|
13580
|
-
default: () => {
|
|
13581
|
-
}
|
|
13582
|
-
},
|
|
13583
|
-
row: {
|
|
13584
|
-
type: Object,
|
|
13585
|
-
default: () => {
|
|
13586
|
-
}
|
|
13587
|
-
}
|
|
13588
|
-
},
|
|
13589
|
-
emits: ["setOptions"],
|
|
13590
|
-
setup(props, { attrs, slots, emit }) {
|
|
13591
|
-
const state = reactive({
|
|
13592
|
-
options: []
|
|
13593
|
-
});
|
|
13594
|
-
const setOptions = async () => {
|
|
13595
|
-
if (props.col.options) {
|
|
13596
|
-
state.options = JSON.parse(JSON.stringify(props.col.options));
|
|
13597
|
-
}
|
|
13598
|
-
else {
|
|
13599
|
-
const optionsName = `${props.col.columnName}_options`;
|
|
13600
|
-
state.options = props.row[optionsName] || await props.col.queryOptions();
|
|
13601
|
-
if (!props.row[optionsName]) {
|
|
13602
|
-
emit("setOptions", state.options);
|
|
13603
|
-
}
|
|
13604
|
-
}
|
|
13605
|
-
};
|
|
13606
|
-
setOptions();
|
|
13607
|
-
return () => [createVNode(NSelect, mergeProps(attrs, {
|
|
13608
|
-
"options": state.options,
|
|
13609
|
-
"consistentMenuWidth": false,
|
|
13610
|
-
"clearable": true,
|
|
13611
|
-
"filterable": true,
|
|
13612
|
-
"to": false,
|
|
13613
|
-
"placeholder": "\u8BF7\u9009\u62E9"
|
|
13614
|
-
}), null)];
|
|
13615
|
-
}
|
|
13616
|
-
});
|
|
13617
|
-
|
|
13618
|
-
script$1.__file = "packages/big-table/src/components/edit-form/edit-select.vue";
|
|
13681
|
+
script$1.__scopeId = "data-v-d1ad5be8";
|
|
13682
|
+
script$1.__file = "src/component/svg/index.vue";
|
|
13619
13683
|
|
|
13620
13684
|
var iconPrefix = 'vxe-icon--';
|
|
13621
13685
|
var GlobalConfig = {
|
|
@@ -39450,7 +39514,7 @@ var script = /* @__PURE__ */ defineComponent({
|
|
|
39450
39514
|
const { formatData, htmlToText, getBtnStyle } = useFormat(state);
|
|
39451
39515
|
const { imgs2imgArr, parseDurationValue, parseCombinationValue, formatFieldText } = useTableParse(formatData);
|
|
39452
39516
|
const { allSelectedLength, checkOperateCurrentTable, setRowStatus, resetBatchOperationRowStatus, checkListFormUnionSettingParamsList, handleClickCancelBtnByInline, setAllRowInlineStatus, hideSelectCloumns, handleEditFormLength, resetOperationRowStatus, recordClickBtnInfo, getInlineOpreateRow } = useBatchEditing(props, state, emit, xGrid);
|
|
39453
|
-
const { initEditTable, activeMethod, deleteRow, onClickSelectTable,
|
|
39517
|
+
const { initEditTable, activeMethod, deleteRow, onClickSelectTable, onFormChange, getDefaultValue } = useEdit(props, state, emit, xGrid);
|
|
39454
39518
|
const { isAboutNestTable, isExpandTable, handleRowId, toggleExpandMethod, loadExpandMethod, nestHandleClickRow } = useNestTable(props, state, emit);
|
|
39455
39519
|
const attr = useAttrs();
|
|
39456
39520
|
const currentCheckedKeys = computed(() => {
|
|
@@ -39458,7 +39522,7 @@ var script = /* @__PURE__ */ defineComponent({
|
|
|
39458
39522
|
});
|
|
39459
39523
|
const visibleCancelCheckAllBtn = computed(() => {
|
|
39460
39524
|
let isCurrentPageAllCheck = state.currentPageSelectedLength === state.curAbleCheckedLen;
|
|
39461
|
-
let isMaxChecked = currentCheckedKeys.value.length === props.
|
|
39525
|
+
let isMaxChecked = currentCheckedKeys.value.length === props.maxCheckSize;
|
|
39462
39526
|
let isCheckedTotal = currentCheckedKeys.value.length === props.pageVO.total;
|
|
39463
39527
|
return isMaxChecked || !isCurrentPageAllCheck || isCheckedTotal;
|
|
39464
39528
|
});
|
|
@@ -39542,7 +39606,7 @@ var script = /* @__PURE__ */ defineComponent({
|
|
|
39542
39606
|
};
|
|
39543
39607
|
onMounted(() => {
|
|
39544
39608
|
bindDocumentClick();
|
|
39545
|
-
state.tableHeight = handleTableHeight(state, props);
|
|
39609
|
+
state.tableHeight = handleTableHeight(state, props) || "auto";
|
|
39546
39610
|
if (!props.isNestTable)
|
|
39547
39611
|
return;
|
|
39548
39612
|
loadColumn(props.columnConfig);
|
|
@@ -39784,29 +39848,31 @@ var script = /* @__PURE__ */ defineComponent({
|
|
|
39784
39848
|
const formatterEdit = (params, col) => {
|
|
39785
39849
|
let { row, column, $rowIndex, rowIndex } = params;
|
|
39786
39850
|
let formType = column.formType || col.formType || "";
|
|
39851
|
+
if (!formType)
|
|
39852
|
+
return null;
|
|
39787
39853
|
if (formType === "custom") {
|
|
39788
39854
|
return col.slotFn(params);
|
|
39789
39855
|
}
|
|
39856
|
+
const Comp = comps[formType] || "";
|
|
39857
|
+
if (!Comp)
|
|
39858
|
+
return null;
|
|
39790
39859
|
const propsData = {
|
|
39791
39860
|
col,
|
|
39792
39861
|
row,
|
|
39793
|
-
index: $rowIndex
|
|
39862
|
+
index: $rowIndex,
|
|
39863
|
+
type: formType,
|
|
39864
|
+
onFormChange
|
|
39794
39865
|
};
|
|
39795
|
-
if (formType === "
|
|
39796
|
-
|
|
39797
|
-
|
|
39798
|
-
|
|
39799
|
-
|
|
39800
|
-
"onUpdateInput": onUpdateInput
|
|
39801
|
-
}), null);
|
|
39866
|
+
if (formType === "date") {
|
|
39867
|
+
propsData.defaultFormattedValue = row[col.columnName];
|
|
39868
|
+
}
|
|
39869
|
+
else {
|
|
39870
|
+
propsData.defaultValue = row[col.columnName];
|
|
39802
39871
|
}
|
|
39803
39872
|
if (formType === "select") {
|
|
39804
|
-
|
|
39805
|
-
"value": row[col.columnName],
|
|
39806
|
-
"onUpdate:value": ($event) => row[col.columnName] = $event,
|
|
39807
|
-
"onSetOptions": (options) => row[`${col.columnName}_options`] = options
|
|
39808
|
-
}), null);
|
|
39873
|
+
propsData.onSetOptions = (options) => row[`${col.columnName}_options`] = options;
|
|
39809
39874
|
}
|
|
39875
|
+
return createVNode(Comp, propsData, null);
|
|
39810
39876
|
};
|
|
39811
39877
|
const getEditBtn = (row, col, index) => {
|
|
39812
39878
|
return col.tileBtnList?.map((btn) => {
|
|
@@ -39902,7 +39968,7 @@ var script = /* @__PURE__ */ defineComponent({
|
|
|
39902
39968
|
return getOrCode(row, own, attrType);
|
|
39903
39969
|
}
|
|
39904
39970
|
if (column.property === "operatorColumn") {
|
|
39905
|
-
if (props.columnConfig.isEdit) {
|
|
39971
|
+
if (props.columnConfig.isEdit && !row.initRow) {
|
|
39906
39972
|
return getEditBtn(row, col, $rowIndex);
|
|
39907
39973
|
}
|
|
39908
39974
|
if (state.showButtonTop != 0 || props.isBatchEditing)
|
|
@@ -40187,13 +40253,13 @@ var script = /* @__PURE__ */ defineComponent({
|
|
|
40187
40253
|
isAlias = !!tooltipTitle;
|
|
40188
40254
|
}
|
|
40189
40255
|
if (type === "format")
|
|
40190
|
-
return createVNode(script$
|
|
40256
|
+
return createVNode(script$2, {
|
|
40191
40257
|
"tooltipTitle": tooltipTitle,
|
|
40192
40258
|
"content": name,
|
|
40193
40259
|
"isAlias": isAlias
|
|
40194
40260
|
}, null);
|
|
40195
40261
|
return () => {
|
|
40196
|
-
return [createVNode(script$
|
|
40262
|
+
return [createVNode(script$2, {
|
|
40197
40263
|
"tooltipTitle": tooltipTitle,
|
|
40198
40264
|
"content": name,
|
|
40199
40265
|
"isAlias": isAlias
|
|
@@ -40237,8 +40303,8 @@ var script = /* @__PURE__ */ defineComponent({
|
|
|
40237
40303
|
emit("refreshTable");
|
|
40238
40304
|
};
|
|
40239
40305
|
const handleCheckAll = () => {
|
|
40240
|
-
if (props.pageVO.total > props.
|
|
40241
|
-
let text = `\u5F53\u524D\u5217\u8868\u5171${props.pageVO.total}\u6761\u6570\u636E\uFF0C\u4E3A\u4E86\u786E\u4FDD\u7CFB\u7EDF\u5B89\u5168\uFF0C\u53EA\u80FD\u5355\u6B21\u64CD\u4F5C${props.
|
|
40306
|
+
if (props.pageVO.total > props.maxCheckSize) {
|
|
40307
|
+
let text = `\u5F53\u524D\u5217\u8868\u5171${props.pageVO.total}\u6761\u6570\u636E\uFF0C\u4E3A\u4E86\u786E\u4FDD\u7CFB\u7EDF\u5B89\u5168\uFF0C\u53EA\u80FD\u5355\u6B21\u64CD\u4F5C${props.maxCheckSize}\u6761\uFF0C\u4F60\u53EF\u4EE5\u901A\u8FC7\u9AD8\u7EA7\u7B5B\u9009\u8FC7\u6EE4\u518D\u6B21\u5C1D\u8BD5`;
|
|
40242
40308
|
window.$message.warning(text);
|
|
40243
40309
|
}
|
|
40244
40310
|
emit("selectionChangeAll");
|
|
@@ -40326,7 +40392,7 @@ var script = /* @__PURE__ */ defineComponent({
|
|
|
40326
40392
|
};
|
|
40327
40393
|
const setChecklist = (list) => {
|
|
40328
40394
|
return list.map((i) => {
|
|
40329
|
-
i["checked"] = false;
|
|
40395
|
+
i["checked"] = i.checked || false;
|
|
40330
40396
|
if (state.isTree == 2) {
|
|
40331
40397
|
const treeNodeKey = state.levelLazyLoadSetting.childCountKey;
|
|
40332
40398
|
const { isTreeOrList = "" } = props.tableParams;
|
|
@@ -40616,8 +40682,8 @@ var script = /* @__PURE__ */ defineComponent({
|
|
|
40616
40682
|
const addCheckedRows = (rows) => {
|
|
40617
40683
|
removeCheckedDisabledRows(state);
|
|
40618
40684
|
let checkedRows = state.checkedRows;
|
|
40619
|
-
if (currentCheckedKeys.value.length + rows.length > props.
|
|
40620
|
-
window.$message.warning(`\u4E3A\u4E86\u4FDD\u8BC1\u7CFB\u7EDF\u5B89\u5168\uFF0C\u5355\u6B21\u64CD\u4F5C\u6570\u636E\u91CF\u9650\u989D\u4E3A${props.
|
|
40685
|
+
if (currentCheckedKeys.value.length + rows.length > props.maxCheckSize) {
|
|
40686
|
+
window.$message.warning(`\u4E3A\u4E86\u4FDD\u8BC1\u7CFB\u7EDF\u5B89\u5168\uFF0C\u5355\u6B21\u64CD\u4F5C\u6570\u636E\u91CF\u9650\u989D\u4E3A${props.maxCheckSize}\u6761\uFF0C\u4F60\u53EF\u4EE5\u901A\u8FC7\u9AD8\u7EA7\u7B5B\u9009\u8FC7\u6EE4\u540E\u518D\u6B21\u5C1D\u8BD5`);
|
|
40621
40687
|
return false;
|
|
40622
40688
|
}
|
|
40623
40689
|
let newCheckedRows = rows.filter((row) => {
|
|
@@ -40686,10 +40752,21 @@ var script = /* @__PURE__ */ defineComponent({
|
|
|
40686
40752
|
emit("setNestTableClickSetting", props.isNestTable);
|
|
40687
40753
|
emit("showDrawer", theads);
|
|
40688
40754
|
};
|
|
40755
|
+
let scrollEvent = (params) => {
|
|
40756
|
+
emit("scroll", params);
|
|
40757
|
+
};
|
|
40758
|
+
const initScroll = () => {
|
|
40759
|
+
const { throttle = false, throttleTime = 800, throttleOptions = {} } = props.columnConfig?.scrollConfig;
|
|
40760
|
+
if (throttle) {
|
|
40761
|
+
scrollEvent = xeUtils.throttle(scrollEvent, throttleTime, throttleOptions);
|
|
40762
|
+
}
|
|
40763
|
+
};
|
|
40764
|
+
initScroll();
|
|
40689
40765
|
const handlerScroll = (params) => {
|
|
40690
40766
|
if (params.isX) {
|
|
40691
40767
|
hideFilterWrap(state, props);
|
|
40692
40768
|
}
|
|
40769
|
+
scrollEvent(params);
|
|
40693
40770
|
};
|
|
40694
40771
|
const handleCellMouseenter = ({ column, $event }) => {
|
|
40695
40772
|
if (column.showOverflow === "title") {
|
|
@@ -40747,7 +40824,7 @@ var script = /* @__PURE__ */ defineComponent({
|
|
|
40747
40824
|
return createVNode(NPopconfirm, {
|
|
40748
40825
|
"onPositiveClick": () => confirmScanMulti(params)
|
|
40749
40826
|
}, {
|
|
40750
|
-
trigger: () => createVNode(script$
|
|
40827
|
+
trigger: () => createVNode(script$1, {
|
|
40751
40828
|
"class": "scan-multi-delete",
|
|
40752
40829
|
"iconClass": "shanchu"
|
|
40753
40830
|
}, null),
|
|
@@ -40960,7 +41037,7 @@ var script = /* @__PURE__ */ defineComponent({
|
|
|
40960
41037
|
}, [createVNode("img", {
|
|
40961
41038
|
"class": "bigTable-qr-img",
|
|
40962
41039
|
"src": src
|
|
40963
|
-
}, null), createVNode("span", null, [createVNode(script$
|
|
41040
|
+
}, null), createVNode("span", null, [createVNode(script$1, {
|
|
40964
41041
|
"iconClass": "fangda"
|
|
40965
41042
|
}, null)])])];
|
|
40966
41043
|
};
|
|
@@ -41044,7 +41121,7 @@ var script = /* @__PURE__ */ defineComponent({
|
|
|
41044
41121
|
}
|
|
41045
41122
|
else {
|
|
41046
41123
|
icon = createVNode(NTooltip, null, {
|
|
41047
|
-
trigger: () => createVNode(script$
|
|
41124
|
+
trigger: () => createVNode(script$1, {
|
|
41048
41125
|
"iconClass": btn.icon,
|
|
41049
41126
|
"style": {
|
|
41050
41127
|
marginRight: mr
|
|
@@ -41055,7 +41132,7 @@ var script = /* @__PURE__ */ defineComponent({
|
|
|
41055
41132
|
}
|
|
41056
41133
|
}
|
|
41057
41134
|
else if (btn.iconSetting) {
|
|
41058
|
-
icon = createVNode(script$
|
|
41135
|
+
icon = createVNode(script$1, {
|
|
41059
41136
|
"iconClass": JSON.parse(btn.iconSetting).icon,
|
|
41060
41137
|
"style": {
|
|
41061
41138
|
marginRight: mr
|
|
@@ -41413,7 +41490,7 @@ var script = /* @__PURE__ */ defineComponent({
|
|
|
41413
41490
|
key: 0,
|
|
41414
41491
|
class: "check-wrap-btn",
|
|
41415
41492
|
onClick: handleCheckAll
|
|
41416
|
-
}, [_ctx.pageVO.total > _ctx.
|
|
41493
|
+
}, [_ctx.pageVO.total > _ctx.maxCheckSize ? (openBlock(), createElementBlock("span", _hoisted_5, [createCommentVNode(" {{ `\u6700\u5927\u52FE\u9009\u201C${tableName}\u201D ${maxCheckSize}\u6761\u6570\u636E` }} "), createTextVNode(toDisplayString(`\u52FE\u9009\u5168\u90E8\u9875 ${_ctx.maxCheckSize}\u6761\u6570\u636E`), 1)])) : (openBlock(), createElementBlock("span", _hoisted_6, [createCommentVNode(' {{ $t("1.9.598", { name: tableName, total }) }} '), createTextVNode(toDisplayString(`\u52FE\u9009\u5168\u90E8\u9875 ${_ctx.pageVO.total}\u6761\u6570\u636E`), 1)]))])) : (openBlock(), createElementBlock("p", {
|
|
41417
41494
|
key: 1,
|
|
41418
41495
|
class: "check-wrap-btn",
|
|
41419
41496
|
onClick: handleCancelAllCheck
|
|
@@ -41475,6 +41552,7 @@ var script = /* @__PURE__ */ defineComponent({
|
|
|
41475
41552
|
iconOpen: "iconfont icon-a-xitongtubiaozhediejian",
|
|
41476
41553
|
iconClose: "iconfont icon-a-xitongtubiaotianjia"
|
|
41477
41554
|
},
|
|
41555
|
+
"keyboard-config": _ctx.columnConfig.keyboardConfig || {},
|
|
41478
41556
|
onCellDblclick: rowdblclick,
|
|
41479
41557
|
onCellClick: handlerClickRow,
|
|
41480
41558
|
onCheckboxChange: selectionChange,
|
|
@@ -41484,7 +41562,7 @@ var script = /* @__PURE__ */ defineComponent({
|
|
|
41484
41562
|
onScroll: handlerScroll,
|
|
41485
41563
|
onCellMouseenter: handleCellMouseenter
|
|
41486
41564
|
}, {
|
|
41487
|
-
empty: withCtx(() => [unref(state).isShowEmpty ? (openBlock(), createElementBlock("div", _hoisted_9, [createVNode(script$
|
|
41565
|
+
empty: withCtx(() => [unref(state).isShowEmpty ? (openBlock(), createElementBlock("div", _hoisted_9, [createVNode(script$3, {
|
|
41488
41566
|
"no-data-img": props.emptyItems.noDataImg,
|
|
41489
41567
|
"no-data-tip": props.emptyItems.noDataTip,
|
|
41490
41568
|
"show-img": !props.isNestTable
|
|
@@ -41525,7 +41603,7 @@ var script = /* @__PURE__ */ defineComponent({
|
|
|
41525
41603
|
}
|
|
41526
41604
|
})]),
|
|
41527
41605
|
_: 3
|
|
41528
|
-
}, 8, ["seq-config", "tree-config", "row-id", "show-footer", "checkbox-config", "row-style", "edit-config", "expand-config"]), createCommentVNode(" `${refreshRow}\u6761\u66F4\u65B0` "), withDirectives(createElementVNode("div", {
|
|
41606
|
+
}, 8, ["seq-config", "tree-config", "row-id", "show-footer", "checkbox-config", "row-style", "edit-config", "expand-config", "keyboard-config"]), createCommentVNode(" `${refreshRow}\u6761\u66F4\u65B0` "), withDirectives(createElementVNode("div", {
|
|
41529
41607
|
class: "refresh",
|
|
41530
41608
|
onClick: hanldeClickRefresh
|
|
41531
41609
|
}, [createVNode(unref(NIcon), {
|