cnhis-design-vue 3.1.26-beta.0 → 3.1.26-beta.2
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/es/components/big-table/src/BigTable.vue_vue_type_script_setup_true_lang.js +3 -3
- package/es/components/iho-table/src/plugins/index.js +6 -6
- package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/dateRendererPlugin/editDate.js +80 -78
- package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/dateRendererPlugin/editDate.vue.d.ts +96 -0
- package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/dateRendererPlugin/index.js +4 -1
- package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/{timeRendererPlugin/index.d.ts → timeRendererPlugin.d.ts} +1 -1
- package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/timeRendererPlugin.js +56 -0
- package/es/shared/utils/index.d.ts +1 -1
- package/es/shared/utils/index.js +5 -3
- package/package.json +2 -2
- package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/dateRendererPlugin/editDate.d.ts +0 -31
- package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/timeRendererPlugin/editTime.d.ts +0 -31
- package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/timeRendererPlugin/editTime.js +0 -60
- package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/timeRendererPlugin/index.js +0 -39
|
@@ -394,7 +394,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
394
394
|
visible: checkVisible,
|
|
395
395
|
resizable: false,
|
|
396
396
|
width: checkMinWidth,
|
|
397
|
-
slots: selectType === "checkbox" && !((_b =
|
|
397
|
+
slots: selectType === "checkbox" && !((_b = getAttr("checkbox-config")) == null ? void 0 : _b.checkMethod) ? checkboxSlot : null,
|
|
398
398
|
showOverflow: true
|
|
399
399
|
}];
|
|
400
400
|
const seqObj = columns.find((v) => v.type == "seq");
|
|
@@ -1311,10 +1311,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
1311
1311
|
$rowIndex,
|
|
1312
1312
|
triggerCheckbox
|
|
1313
1313
|
} = data;
|
|
1314
|
-
if (((_a =
|
|
1314
|
+
if (((_a = getAttr("checkbox-config")) == null ? void 0 : _a.noTriggerCellClick) && triggerCheckbox) {
|
|
1315
1315
|
return false;
|
|
1316
1316
|
}
|
|
1317
|
-
if (((_b =
|
|
1317
|
+
if (((_b = getAttr("checkbox-config")) == null ? void 0 : _b.trigger) === "default") {
|
|
1318
1318
|
emit("handlerClickRow", row, $rowIndex);
|
|
1319
1319
|
return false;
|
|
1320
1320
|
}
|
|
@@ -4,15 +4,15 @@ import * as index$2 from './rendererPlugins/editableWidgets/dateRendererPlugin/i
|
|
|
4
4
|
import * as inputRendererPlugin from './rendererPlugins/editableWidgets/inputRendererPlugin.js';
|
|
5
5
|
import * as index$3 from './rendererPlugins/editableWidgets/selectRendererPlugin/index.js';
|
|
6
6
|
import * as index$4 from './rendererPlugins/editableWidgets/separateRendererPlugin/index.js';
|
|
7
|
-
import * as
|
|
7
|
+
import * as timeRendererPlugin from './rendererPlugins/editableWidgets/timeRendererPlugin.js';
|
|
8
8
|
import * as checkRendererPlugin from './rendererPlugins/widgets/checkRendererPlugin.js';
|
|
9
9
|
import * as colorRendererPlugin from './rendererPlugins/widgets/colorRendererPlugin.js';
|
|
10
10
|
import * as defaultRendererPlugin from './rendererPlugins/widgets/defaultRendererPlugin.js';
|
|
11
11
|
import * as labelRendererPlugin from './rendererPlugins/widgets/labelRendererPlugin.js';
|
|
12
12
|
import * as pictureRendererPlugin from './rendererPlugins/widgets/pictureRendererPlugin.js';
|
|
13
13
|
import * as seqRendererPlugin from './rendererPlugins/widgets/seqRendererPlugin.js';
|
|
14
|
-
import * as index$
|
|
15
|
-
import * as index$
|
|
14
|
+
import * as index$5 from './rowGroupSettingPlugin/index.js';
|
|
15
|
+
import * as index$6 from './virtualTreePlugin/index.js';
|
|
16
16
|
import { separateMetaModule } from '../../../../shared/utils/index.js';
|
|
17
17
|
|
|
18
18
|
const modules = Object.assign({
|
|
@@ -22,15 +22,15 @@ const modules = Object.assign({
|
|
|
22
22
|
"./rendererPlugins/editableWidgets/inputRendererPlugin.tsx": inputRendererPlugin,
|
|
23
23
|
"./rendererPlugins/editableWidgets/selectRendererPlugin/index.tsx": index$3,
|
|
24
24
|
"./rendererPlugins/editableWidgets/separateRendererPlugin/index.tsx": index$4,
|
|
25
|
-
"./rendererPlugins/editableWidgets/timeRendererPlugin
|
|
25
|
+
"./rendererPlugins/editableWidgets/timeRendererPlugin.tsx": timeRendererPlugin,
|
|
26
26
|
"./rendererPlugins/widgets/checkRendererPlugin.tsx": checkRendererPlugin,
|
|
27
27
|
"./rendererPlugins/widgets/colorRendererPlugin.tsx": colorRendererPlugin,
|
|
28
28
|
"./rendererPlugins/widgets/defaultRendererPlugin.tsx": defaultRendererPlugin,
|
|
29
29
|
"./rendererPlugins/widgets/labelRendererPlugin.tsx": labelRendererPlugin,
|
|
30
30
|
"./rendererPlugins/widgets/pictureRendererPlugin.tsx": pictureRendererPlugin,
|
|
31
31
|
"./rendererPlugins/widgets/seqRendererPlugin.tsx": seqRendererPlugin,
|
|
32
|
-
"./rowGroupSettingPlugin/index.ts": index$
|
|
33
|
-
"./virtualTreePlugin/index.ts": index$
|
|
32
|
+
"./rowGroupSettingPlugin/index.ts": index$5,
|
|
33
|
+
"./virtualTreePlugin/index.ts": index$6
|
|
34
34
|
});
|
|
35
35
|
var PluginPresets = separateMetaModule(modules);
|
|
36
36
|
|
|
@@ -1,41 +1,28 @@
|
|
|
1
|
-
import { defineComponent, inject, ref, computed, watch,
|
|
1
|
+
import { defineComponent, useAttrs, inject, ref, computed, watch, openBlock, createBlock, unref, mergeProps, withCtx, createVNode, isRef } from 'vue';
|
|
2
2
|
import { generateTimeFormat } from '../../../../../../../shared/utils/index.js';
|
|
3
3
|
import { isFunction, isNaN } from 'lodash-es';
|
|
4
|
-
import {
|
|
4
|
+
import { NPopover, NInput, NDatePicker } from 'naive-ui';
|
|
5
5
|
import { InjectionIhoTableEmits } from '../../../../constants/index.js';
|
|
6
6
|
import { useCommon } from '../hooks/useCommon.js';
|
|
7
|
+
import _export_sfc from '../../../../../../../_virtual/plugin-vue_export-helper.js';
|
|
7
8
|
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
inheritAttrs: false,
|
|
11
|
-
components: {
|
|
12
|
-
NDatePicker
|
|
13
|
-
},
|
|
9
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
10
|
+
__name: "editDate",
|
|
14
11
|
props: {
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
}
|
|
19
|
-
row: {
|
|
20
|
-
type: Object,
|
|
21
|
-
required: true
|
|
22
|
-
},
|
|
23
|
-
index: {
|
|
24
|
-
type: Number,
|
|
25
|
-
required: true
|
|
26
|
-
}
|
|
12
|
+
value: { type: String, default: void 0 },
|
|
13
|
+
column: { type: Object, required: true },
|
|
14
|
+
row: { type: Object, required: true },
|
|
15
|
+
index: { type: Number, required: true }
|
|
27
16
|
},
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
17
|
+
emits: ["update:value"],
|
|
18
|
+
setup(__props, { emit }) {
|
|
19
|
+
const props = __props;
|
|
20
|
+
const attr = useAttrs();
|
|
32
21
|
const globEmit = inject(InjectionIhoTableEmits);
|
|
33
|
-
const {
|
|
34
|
-
|
|
35
|
-
isShow
|
|
36
|
-
} = useCommon();
|
|
37
|
-
const __value = ref(props.row[props.column.field]);
|
|
22
|
+
const { formRef, isShow } = useCommon();
|
|
23
|
+
const formattedValue = ref();
|
|
38
24
|
const onConfirm = (value) => {
|
|
25
|
+
emit("update:value", value);
|
|
39
26
|
globEmit("formChange", {
|
|
40
27
|
value,
|
|
41
28
|
row: props.row,
|
|
@@ -43,11 +30,8 @@ var EditDate = defineComponent({
|
|
|
43
30
|
index: props.index
|
|
44
31
|
});
|
|
45
32
|
};
|
|
46
|
-
const {
|
|
47
|
-
|
|
48
|
-
isEndDate = false
|
|
49
|
-
} = attrs;
|
|
50
|
-
const connectField = attrs.connectField || "";
|
|
33
|
+
const { isStartDate = false, isEndDate = false } = attr;
|
|
34
|
+
const connectField = attr.connectField || "";
|
|
51
35
|
const setDateDisabled = (cur, date) => {
|
|
52
36
|
if (isStartDate && connectField) {
|
|
53
37
|
return cur > date;
|
|
@@ -60,7 +44,10 @@ var EditDate = defineComponent({
|
|
|
60
44
|
const isDateDisabled = (ts) => {
|
|
61
45
|
if (!props.row[connectField])
|
|
62
46
|
return false;
|
|
63
|
-
return setDateDisabled(
|
|
47
|
+
return setDateDisabled(
|
|
48
|
+
ts,
|
|
49
|
+
isEndDate ? new Date(`${props.row[connectField].split(" ")[0]} 00:00:00`).getTime() : new Date(props.row[connectField]).getTime()
|
|
50
|
+
);
|
|
64
51
|
};
|
|
65
52
|
const isTimeDisabled = (ts) => {
|
|
66
53
|
const date = new Date(props.row[connectField]);
|
|
@@ -126,7 +113,7 @@ var EditDate = defineComponent({
|
|
|
126
113
|
return date;
|
|
127
114
|
}
|
|
128
115
|
function onBlur() {
|
|
129
|
-
let date =
|
|
116
|
+
let date = formattedValue.value;
|
|
130
117
|
if (isNaN(new Date(date).getTime())) {
|
|
131
118
|
if (/^\d{8}$/.test(date)) {
|
|
132
119
|
const dateNew = `${date.slice(0, 4)} ${date.slice(4, 6)} ${date.slice(6)}`;
|
|
@@ -140,11 +127,11 @@ var EditDate = defineComponent({
|
|
|
140
127
|
} else {
|
|
141
128
|
date = getFormatDate(date);
|
|
142
129
|
}
|
|
143
|
-
|
|
144
|
-
onConfirm(
|
|
130
|
+
formattedValue.value = date || void 0;
|
|
131
|
+
onConfirm(formattedValue.value);
|
|
145
132
|
}
|
|
146
133
|
const formatConfig = computed(() => {
|
|
147
|
-
const valueFormat =
|
|
134
|
+
const valueFormat = attr.valueFormat || "yyyy-MM-dd HH:mm:ss";
|
|
148
135
|
return {
|
|
149
136
|
valueFormat,
|
|
150
137
|
format: valueFormat,
|
|
@@ -154,52 +141,67 @@ var EditDate = defineComponent({
|
|
|
154
141
|
};
|
|
155
142
|
});
|
|
156
143
|
const dateConfig = {
|
|
157
|
-
type:
|
|
144
|
+
type: attr.type || "datetime",
|
|
158
145
|
clearable: true,
|
|
159
|
-
placeholder:
|
|
160
|
-
...
|
|
146
|
+
placeholder: attr.placeholder || "\u8BF7\u9009\u62E9",
|
|
147
|
+
...attr,
|
|
161
148
|
...formatConfig.value,
|
|
162
|
-
isDateDisabled: customDateDisabledDecorator(
|
|
149
|
+
isDateDisabled: customDateDisabledDecorator(attr.isDateDisabled) || isDateDisabled,
|
|
163
150
|
onUpdateFormattedValue: onConfirm
|
|
164
151
|
};
|
|
165
152
|
if (dateConfig.type.includes("time")) {
|
|
166
|
-
dateConfig.isTimeDisabled = customDateDisabledDecorator(
|
|
153
|
+
dateConfig.isTimeDisabled = customDateDisabledDecorator(attr.isTimeDisabled) || isTimeDisabled;
|
|
167
154
|
}
|
|
168
|
-
watch(
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
"
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
155
|
+
watch(
|
|
156
|
+
() => props.value,
|
|
157
|
+
(value) => {
|
|
158
|
+
formattedValue.value = value;
|
|
159
|
+
}
|
|
160
|
+
);
|
|
161
|
+
return (_ctx, _cache) => {
|
|
162
|
+
return _ctx.$attrs.isPopover ? (openBlock(), createBlock(unref(NPopover), mergeProps({
|
|
163
|
+
key: 0,
|
|
164
|
+
show: unref(isShow),
|
|
165
|
+
trigger: "click",
|
|
166
|
+
showArrow: false,
|
|
167
|
+
placement: "bottom-start",
|
|
168
|
+
style: { "padding": "0" }
|
|
169
|
+
}, _ctx.$attrs, {
|
|
170
|
+
onClickoutside: _cache[4] || (_cache[4] = () => isShow.value = false)
|
|
171
|
+
}), {
|
|
172
|
+
trigger: withCtx(() => [
|
|
173
|
+
createVNode(unref(NInput), {
|
|
174
|
+
ref_key: "formRef",
|
|
175
|
+
ref: formRef,
|
|
176
|
+
clearable: "",
|
|
177
|
+
value: formattedValue.value,
|
|
178
|
+
"onUpdate:value": _cache[0] || (_cache[0] = ($event) => formattedValue.value = $event),
|
|
179
|
+
onBlur,
|
|
180
|
+
onClick: _cache[1] || (_cache[1] = () => isShow.value = true)
|
|
181
|
+
}, null, 8, ["value"])
|
|
182
|
+
]),
|
|
183
|
+
default: withCtx(() => [
|
|
184
|
+
createVNode(unref(NDatePicker), mergeProps({
|
|
185
|
+
panel: "",
|
|
186
|
+
show: unref(isShow),
|
|
187
|
+
"onUpdate:show": _cache[2] || (_cache[2] = ($event) => isRef(isShow) ? isShow.value = $event : null),
|
|
188
|
+
"formatted-value": formattedValue.value,
|
|
189
|
+
"onUpdate:formatted-value": _cache[3] || (_cache[3] = ($event) => formattedValue.value = $event)
|
|
190
|
+
}, unref(dateConfig)), null, 16, ["show", "formatted-value"])
|
|
191
|
+
]),
|
|
192
|
+
_: 1
|
|
193
|
+
}, 16, ["show"])) : (openBlock(), createBlock(unref(NDatePicker), mergeProps({
|
|
194
|
+
key: 1,
|
|
195
|
+
ref_key: "formRef",
|
|
196
|
+
ref: formRef,
|
|
197
|
+
show: unref(isShow),
|
|
198
|
+
"onUpdate:show": _cache[5] || (_cache[5] = ($event) => isRef(isShow) ? isShow.value = $event : null),
|
|
199
|
+
"formatted-value": formattedValue.value,
|
|
200
|
+
"onUpdate:formatted-value": _cache[6] || (_cache[6] = ($event) => formattedValue.value = $event)
|
|
201
|
+
}, unref(dateConfig)), null, 16, ["show", "formatted-value"]));
|
|
202
|
+
};
|
|
202
203
|
}
|
|
203
204
|
});
|
|
205
|
+
var EditDate = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "editDate.vue"]]);
|
|
204
206
|
|
|
205
207
|
export { EditDate as default };
|
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
import { Func } from '../../../../../../../../es/shared/types';
|
|
2
|
+
import { PropType } from 'vue';
|
|
3
|
+
import { IhoTableFieldItem } from '../../../../../../../../es/components/iho-table';
|
|
4
|
+
import { AnyObject } from '../../../../../../../../es/shared/types';
|
|
5
|
+
declare const _default: import("vue").DefineComponent<{
|
|
6
|
+
value: {
|
|
7
|
+
type: StringConstructor;
|
|
8
|
+
default: undefined;
|
|
9
|
+
};
|
|
10
|
+
column: {
|
|
11
|
+
type: PropType<IhoTableFieldItem>;
|
|
12
|
+
required: true;
|
|
13
|
+
};
|
|
14
|
+
row: {
|
|
15
|
+
type: PropType<AnyObject>;
|
|
16
|
+
required: true;
|
|
17
|
+
};
|
|
18
|
+
index: {
|
|
19
|
+
type: NumberConstructor;
|
|
20
|
+
required: true;
|
|
21
|
+
};
|
|
22
|
+
}, {
|
|
23
|
+
attr: AnyObject;
|
|
24
|
+
props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
|
|
25
|
+
value: {
|
|
26
|
+
type: StringConstructor;
|
|
27
|
+
default: undefined;
|
|
28
|
+
};
|
|
29
|
+
column: {
|
|
30
|
+
type: PropType<IhoTableFieldItem>;
|
|
31
|
+
required: true;
|
|
32
|
+
};
|
|
33
|
+
row: {
|
|
34
|
+
type: PropType<AnyObject>;
|
|
35
|
+
required: true;
|
|
36
|
+
};
|
|
37
|
+
index: {
|
|
38
|
+
type: NumberConstructor;
|
|
39
|
+
required: true;
|
|
40
|
+
};
|
|
41
|
+
}>> & {
|
|
42
|
+
"onUpdate:value"?: ((...args: any[]) => any) | undefined;
|
|
43
|
+
}>>;
|
|
44
|
+
emit: (event: "update:value", ...args: any[]) => void;
|
|
45
|
+
globEmit: (event: string, ...args: unknown[]) => void;
|
|
46
|
+
formRef: import("vue").Ref<HTMLElement | null>;
|
|
47
|
+
isShow: import("vue").Ref<boolean>;
|
|
48
|
+
formattedValue: import("vue").Ref<string | undefined>;
|
|
49
|
+
onConfirm: (value: string | null | undefined) => void;
|
|
50
|
+
isStartDate: any;
|
|
51
|
+
isEndDate: any;
|
|
52
|
+
connectField: string;
|
|
53
|
+
setDateDisabled: (cur: number, date: number) => boolean;
|
|
54
|
+
isDateDisabled: (ts: number) => boolean;
|
|
55
|
+
isTimeDisabled: (ts: number) => {
|
|
56
|
+
isHourDisabled: (hour: number) => boolean;
|
|
57
|
+
isMinuteDisabled: (minute: number) => boolean;
|
|
58
|
+
isSecondDisabled: (second: number) => boolean;
|
|
59
|
+
};
|
|
60
|
+
customDateDisabledDecorator: (customDateDisabled?: Func) => ((ts: number) => any) | null;
|
|
61
|
+
getFormatDate: (str: string) => string;
|
|
62
|
+
onBlur: () => void;
|
|
63
|
+
formatConfig: import("vue").ComputedRef<{
|
|
64
|
+
valueFormat: string;
|
|
65
|
+
format: string;
|
|
66
|
+
timePickerProps: {
|
|
67
|
+
format: string | undefined;
|
|
68
|
+
};
|
|
69
|
+
}>;
|
|
70
|
+
dateConfig: AnyObject;
|
|
71
|
+
NDatePicker: any;
|
|
72
|
+
NInput: any;
|
|
73
|
+
NPopover: any;
|
|
74
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:value"[], "update:value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
75
|
+
value: {
|
|
76
|
+
type: StringConstructor;
|
|
77
|
+
default: undefined;
|
|
78
|
+
};
|
|
79
|
+
column: {
|
|
80
|
+
type: PropType<IhoTableFieldItem>;
|
|
81
|
+
required: true;
|
|
82
|
+
};
|
|
83
|
+
row: {
|
|
84
|
+
type: PropType<AnyObject>;
|
|
85
|
+
required: true;
|
|
86
|
+
};
|
|
87
|
+
index: {
|
|
88
|
+
type: NumberConstructor;
|
|
89
|
+
required: true;
|
|
90
|
+
};
|
|
91
|
+
}>> & {
|
|
92
|
+
"onUpdate:value"?: ((...args: any[]) => any) | undefined;
|
|
93
|
+
}, {
|
|
94
|
+
value: string;
|
|
95
|
+
}>;
|
|
96
|
+
export default _default;
|
|
@@ -25,7 +25,10 @@ function dateRendererPlugin() {
|
|
|
25
25
|
column,
|
|
26
26
|
$rowIndex
|
|
27
27
|
}) {
|
|
28
|
-
return [createVNode(EditDate, mergeProps(
|
|
28
|
+
return [createVNode(EditDate, mergeProps({
|
|
29
|
+
"value": row[column.field],
|
|
30
|
+
"onUpdate:value": ($event) => row[column.field] = $event
|
|
31
|
+
}, (props == null ? void 0 : props.componentProps) || {}, {
|
|
29
32
|
"column": column,
|
|
30
33
|
"row": row,
|
|
31
34
|
"index": $rowIndex
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare function timeRendererPlugin(): import("
|
|
1
|
+
export declare function timeRendererPlugin(): import("../../../../../../../es/components/iho-table").TablePlugin;
|
package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/timeRendererPlugin.js
ADDED
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import { createVNode, inject, mergeProps } from 'vue';
|
|
2
|
+
import '../../../../index.js';
|
|
3
|
+
import { EDITABLE_WIDGET_TYPE, InjectionIhoTableEmits } from '../../../constants/index.js';
|
|
4
|
+
import { NTimePicker } from 'naive-ui';
|
|
5
|
+
import { defineTablePlugin } from '../../../hooks/useTablePlugin.js';
|
|
6
|
+
|
|
7
|
+
function timeRendererPlugin() {
|
|
8
|
+
const pluginName = "timeRendererPlugin";
|
|
9
|
+
return defineTablePlugin({
|
|
10
|
+
name: pluginName,
|
|
11
|
+
vxe(instance) {
|
|
12
|
+
instance.renderer.add(EDITABLE_WIDGET_TYPE.TIME, {
|
|
13
|
+
renderCell(renderOpts, {
|
|
14
|
+
row,
|
|
15
|
+
column
|
|
16
|
+
}) {
|
|
17
|
+
return [createVNode("span", null, [row[column.field]])];
|
|
18
|
+
},
|
|
19
|
+
renderEdit({
|
|
20
|
+
props
|
|
21
|
+
}, {
|
|
22
|
+
row,
|
|
23
|
+
column,
|
|
24
|
+
$rowIndex
|
|
25
|
+
}) {
|
|
26
|
+
const emit = inject(InjectionIhoTableEmits);
|
|
27
|
+
function onUpdateValue() {
|
|
28
|
+
emit("formChange", {
|
|
29
|
+
value: row[column.field],
|
|
30
|
+
row,
|
|
31
|
+
column,
|
|
32
|
+
index: $rowIndex
|
|
33
|
+
});
|
|
34
|
+
}
|
|
35
|
+
const {
|
|
36
|
+
placeholder = "\u8BF7\u9009\u62E9",
|
|
37
|
+
valueFormat = "HH:mm"
|
|
38
|
+
} = (props == null ? void 0 : props.componentProps) || {};
|
|
39
|
+
const timeConfig = {
|
|
40
|
+
placeholder,
|
|
41
|
+
valueFormat,
|
|
42
|
+
format: valueFormat || "yyyy-MM-dd HH:mm:ss",
|
|
43
|
+
...(props == null ? void 0 : props.componentProps) || {},
|
|
44
|
+
onUpdateFormattedValue: onUpdateValue
|
|
45
|
+
};
|
|
46
|
+
return [createVNode(NTimePicker, mergeProps({
|
|
47
|
+
"formattedValue": row[column.field],
|
|
48
|
+
"onUpdate:formattedValue": ($event) => row[column.field] = $event
|
|
49
|
+
}, timeConfig), null)];
|
|
50
|
+
}
|
|
51
|
+
});
|
|
52
|
+
}
|
|
53
|
+
});
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
export { timeRendererPlugin };
|
|
@@ -7,5 +7,5 @@ export declare function arrayed<T>(maybeArray: T): T extends Array<any> ? T : [T
|
|
|
7
7
|
export declare function uuidGenerator(): string;
|
|
8
8
|
export declare const getStringWidth: import("@vueuse/core").UseMemoizedFn<number, [str: string]>;
|
|
9
9
|
export declare const DMZ: AnyObject;
|
|
10
|
-
export declare function deepOmit<T extends AnyObject>(target: T, keys: Array<keyof T>):
|
|
10
|
+
export declare function deepOmit<T extends AnyObject>(target: T, keys: Array<keyof T>): any;
|
|
11
11
|
export declare function separateMetaModule<T extends AnyObject>(modules: Record<string, unknown>): T;
|
package/es/shared/utils/index.js
CHANGED
|
@@ -96,12 +96,14 @@ const getStringWidth = /* @__PURE__ */ useMemoize(function(str) {
|
|
|
96
96
|
const DMZ = Object.seal(/* @__PURE__ */ Object.create(null));
|
|
97
97
|
function deepOmit(target, keys) {
|
|
98
98
|
function search(obj, keys2) {
|
|
99
|
+
if (!isObject(obj))
|
|
100
|
+
return obj;
|
|
101
|
+
if (isArray(obj))
|
|
102
|
+
return obj.map((child) => search(child, keys2));
|
|
99
103
|
return Object.entries(obj).reduce((result, [k, v]) => {
|
|
100
104
|
if (keys2.includes(k))
|
|
101
105
|
return result;
|
|
102
|
-
if (
|
|
103
|
-
result[k] = v.map((child) => search(child, keys2));
|
|
104
|
-
} else if (isObject(v) && !isFunction(v)) {
|
|
106
|
+
if (isObject(v) && !isFunction(v)) {
|
|
105
107
|
result[k] = search(v, keys2);
|
|
106
108
|
} else {
|
|
107
109
|
result[k] = v;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "cnhis-design-vue",
|
|
3
|
-
"version": "3.1.26-beta.
|
|
3
|
+
"version": "3.1.26-beta.2",
|
|
4
4
|
"license": "ISC",
|
|
5
5
|
"module": "./es/components/index.js",
|
|
6
6
|
"main": "./es/components/index.js",
|
|
@@ -61,5 +61,5 @@
|
|
|
61
61
|
"iOS 7",
|
|
62
62
|
"last 3 iOS versions"
|
|
63
63
|
],
|
|
64
|
-
"gitHead": "
|
|
64
|
+
"gitHead": "4cce150924f23a2904e625994fc2f181ae0da2a8"
|
|
65
65
|
}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { PropType } from 'vue';
|
|
2
|
-
import { IhoTableFieldItem } from '../../../../../../../../es/components/iho-table';
|
|
3
|
-
import { AnyObject } from '../../../../../../../../es/shared/types';
|
|
4
|
-
declare const _default: import("vue").DefineComponent<{
|
|
5
|
-
column: {
|
|
6
|
-
type: PropType<IhoTableFieldItem>;
|
|
7
|
-
required: true;
|
|
8
|
-
};
|
|
9
|
-
row: {
|
|
10
|
-
type: PropType<AnyObject>;
|
|
11
|
-
required: true;
|
|
12
|
-
};
|
|
13
|
-
index: {
|
|
14
|
-
type: NumberConstructor;
|
|
15
|
-
required: true;
|
|
16
|
-
};
|
|
17
|
-
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
18
|
-
column: {
|
|
19
|
-
type: PropType<IhoTableFieldItem>;
|
|
20
|
-
required: true;
|
|
21
|
-
};
|
|
22
|
-
row: {
|
|
23
|
-
type: PropType<AnyObject>;
|
|
24
|
-
required: true;
|
|
25
|
-
};
|
|
26
|
-
index: {
|
|
27
|
-
type: NumberConstructor;
|
|
28
|
-
required: true;
|
|
29
|
-
};
|
|
30
|
-
}>>, {}>;
|
|
31
|
-
export default _default;
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { PropType } from 'vue';
|
|
2
|
-
import { IhoTableFieldItem } from '../../../../../../../../es/components/iho-table';
|
|
3
|
-
import { AnyObject } from '../../../../../../../../es/shared/types';
|
|
4
|
-
declare const _default: import("vue").DefineComponent<{
|
|
5
|
-
column: {
|
|
6
|
-
type: PropType<IhoTableFieldItem>;
|
|
7
|
-
required: true;
|
|
8
|
-
};
|
|
9
|
-
row: {
|
|
10
|
-
type: PropType<AnyObject>;
|
|
11
|
-
required: true;
|
|
12
|
-
};
|
|
13
|
-
index: {
|
|
14
|
-
type: NumberConstructor;
|
|
15
|
-
required: true;
|
|
16
|
-
};
|
|
17
|
-
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
18
|
-
column: {
|
|
19
|
-
type: PropType<IhoTableFieldItem>;
|
|
20
|
-
required: true;
|
|
21
|
-
};
|
|
22
|
-
row: {
|
|
23
|
-
type: PropType<AnyObject>;
|
|
24
|
-
required: true;
|
|
25
|
-
};
|
|
26
|
-
index: {
|
|
27
|
-
type: NumberConstructor;
|
|
28
|
-
required: true;
|
|
29
|
-
};
|
|
30
|
-
}>>, {}>;
|
|
31
|
-
export default _default;
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
import { defineComponent, inject, createVNode, mergeProps } from 'vue';
|
|
2
|
-
import { NTimePicker } from 'naive-ui';
|
|
3
|
-
import { InjectionIhoTableEmits } from '../../../../constants/index.js';
|
|
4
|
-
import { useCommon } from '../hooks/useCommon.js';
|
|
5
|
-
|
|
6
|
-
var EditTime = defineComponent({
|
|
7
|
-
name: "EditTime",
|
|
8
|
-
inheritAttrs: false,
|
|
9
|
-
components: {
|
|
10
|
-
NTimePicker
|
|
11
|
-
},
|
|
12
|
-
props: {
|
|
13
|
-
column: {
|
|
14
|
-
type: Object,
|
|
15
|
-
required: true
|
|
16
|
-
},
|
|
17
|
-
row: {
|
|
18
|
-
type: Object,
|
|
19
|
-
required: true
|
|
20
|
-
},
|
|
21
|
-
index: {
|
|
22
|
-
type: Number,
|
|
23
|
-
required: true
|
|
24
|
-
}
|
|
25
|
-
},
|
|
26
|
-
setup(props, {
|
|
27
|
-
attrs,
|
|
28
|
-
emit
|
|
29
|
-
}) {
|
|
30
|
-
const globEmit = inject(InjectionIhoTableEmits);
|
|
31
|
-
const {
|
|
32
|
-
formRef,
|
|
33
|
-
isShow
|
|
34
|
-
} = useCommon();
|
|
35
|
-
const onUpdateValue = (value) => {
|
|
36
|
-
globEmit("formChange", {
|
|
37
|
-
value,
|
|
38
|
-
row: props.row,
|
|
39
|
-
column: props.column,
|
|
40
|
-
index: props.index
|
|
41
|
-
});
|
|
42
|
-
};
|
|
43
|
-
const timeConfig = {
|
|
44
|
-
placeholder: attrs.placeholder || "\u8BF7\u9009\u62E9",
|
|
45
|
-
valueFormat: attrs.valueFormat || "HH:mm",
|
|
46
|
-
format: attrs.valueFormat || "yyyy-MM-dd HH:mm:ss",
|
|
47
|
-
...attrs,
|
|
48
|
-
onUpdateFormattedValue: onUpdateValue
|
|
49
|
-
};
|
|
50
|
-
return () => createVNode(NTimePicker, mergeProps({
|
|
51
|
-
"ref": formRef,
|
|
52
|
-
"show": isShow.value,
|
|
53
|
-
"onUpdate:show": ($event) => isShow.value = $event,
|
|
54
|
-
"formattedValue": props.row[props.column.field],
|
|
55
|
-
"onUpdate:formattedValue": ($event) => props.row[props.column.field] = $event
|
|
56
|
-
}, timeConfig), null);
|
|
57
|
-
}
|
|
58
|
-
});
|
|
59
|
-
|
|
60
|
-
export { EditTime as default };
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import { createVNode, mergeProps } from 'vue';
|
|
2
|
-
import '../../../../../index.js';
|
|
3
|
-
import { EDITABLE_WIDGET_TYPE } from '../../../../constants/index.js';
|
|
4
|
-
import EditTime from './editTime.js';
|
|
5
|
-
import { defineTablePlugin } from '../../../../hooks/useTablePlugin.js';
|
|
6
|
-
|
|
7
|
-
function timeRendererPlugin() {
|
|
8
|
-
const pluginName = "timeRendererPlugin";
|
|
9
|
-
return defineTablePlugin({
|
|
10
|
-
name: pluginName,
|
|
11
|
-
vxe(instance) {
|
|
12
|
-
instance.renderer.add(EDITABLE_WIDGET_TYPE.TIME, {
|
|
13
|
-
renderCell({
|
|
14
|
-
props
|
|
15
|
-
}, {
|
|
16
|
-
row,
|
|
17
|
-
column
|
|
18
|
-
}) {
|
|
19
|
-
return [createVNode("span", null, [row[column.field]])];
|
|
20
|
-
},
|
|
21
|
-
renderEdit({
|
|
22
|
-
props
|
|
23
|
-
}, {
|
|
24
|
-
row,
|
|
25
|
-
column,
|
|
26
|
-
$rowIndex
|
|
27
|
-
}) {
|
|
28
|
-
return [createVNode(EditTime, mergeProps((props == null ? void 0 : props.componentProps) || {}, {
|
|
29
|
-
"column": column,
|
|
30
|
-
"row": row,
|
|
31
|
-
"index": $rowIndex
|
|
32
|
-
}), null)];
|
|
33
|
-
}
|
|
34
|
-
});
|
|
35
|
-
}
|
|
36
|
-
});
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
export { timeRendererPlugin };
|