m-eleplus-crud 0.0.7 → 0.0.9

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.
Files changed (86) hide show
  1. package/dist/index.full.js +48 -20
  2. package/dist/index.full.min.js +9 -9
  3. package/dist/index.full.min.js.map +1 -1
  4. package/dist/index.full.min.mjs +8 -8
  5. package/dist/index.full.min.mjs.map +1 -1
  6. package/dist/index.full.mjs +48 -20
  7. package/dist/locale/en.js +1 -1
  8. package/dist/locale/en.min.js +1 -1
  9. package/dist/locale/en.min.mjs +1 -1
  10. package/dist/locale/en.mjs +1 -1
  11. package/dist/locale/zh-cn.js +1 -1
  12. package/dist/locale/zh-cn.min.js +1 -1
  13. package/dist/locale/zh-cn.min.mjs +1 -1
  14. package/dist/locale/zh-cn.mjs +1 -1
  15. package/es/components/crud/src/crud.d.ts +8 -0
  16. package/es/components/form/src/form.d.ts +4 -0
  17. package/es/index.mjs +5 -5
  18. package/es/packages/components/crud/src/crud.mjs.map +1 -1
  19. package/es/packages/components/crud/src/crud2.mjs +17 -4
  20. package/es/packages/components/crud/src/crud2.mjs.map +1 -1
  21. package/es/packages/components/form/index.mjs +2 -2
  22. package/es/packages/components/form/src/form.mjs +640 -25
  23. package/es/packages/components/form/src/form.mjs.map +1 -1
  24. package/es/packages/components/form/src/form2.mjs +25 -633
  25. package/es/packages/components/form/src/form2.mjs.map +1 -1
  26. package/es/packages/components/index.mjs +5 -5
  27. package/es/packages/components/picture/index.mjs +2 -2
  28. package/es/packages/components/picture/src/picture.mjs +19 -26
  29. package/es/packages/components/picture/src/picture.mjs.map +1 -1
  30. package/es/packages/components/picture/src/picture2.mjs +26 -19
  31. package/es/packages/components/picture/src/picture2.mjs.map +1 -1
  32. package/es/packages/components/qrcode/index.mjs +2 -2
  33. package/es/packages/components/qrcode/src/qrcode.mjs +22 -62
  34. package/es/packages/components/qrcode/src/qrcode.mjs.map +1 -1
  35. package/es/packages/components/qrcode/src/qrcode2.mjs +62 -22
  36. package/es/packages/components/qrcode/src/qrcode2.mjs.map +1 -1
  37. package/es/packages/components/search/index.mjs +2 -2
  38. package/es/packages/components/search/src/search.mjs +431 -25
  39. package/es/packages/components/search/src/search.mjs.map +1 -1
  40. package/es/packages/components/search/src/search2.mjs +25 -423
  41. package/es/packages/components/search/src/search2.mjs.map +1 -1
  42. package/es/packages/components/table/index.mjs +2 -2
  43. package/es/packages/components/table/src/table.mjs +419 -37
  44. package/es/packages/components/table/src/table.mjs.map +1 -1
  45. package/es/packages/components/table/src/table2.mjs +37 -419
  46. package/es/packages/components/table/src/table2.mjs.map +1 -1
  47. package/es/version.d.ts +1 -1
  48. package/es/version.mjs +1 -1
  49. package/es/version.mjs.map +1 -1
  50. package/lib/components/crud/src/crud.d.ts +8 -0
  51. package/lib/components/form/src/form.d.ts +4 -0
  52. package/lib/index.js +5 -5
  53. package/lib/packages/components/crud/src/crud.js.map +1 -1
  54. package/lib/packages/components/crud/src/crud2.js +16 -3
  55. package/lib/packages/components/crud/src/crud2.js.map +1 -1
  56. package/lib/packages/components/form/index.js +2 -2
  57. package/lib/packages/components/form/src/form.js +640 -26
  58. package/lib/packages/components/form/src/form.js.map +1 -1
  59. package/lib/packages/components/form/src/form2.js +26 -633
  60. package/lib/packages/components/form/src/form2.js.map +1 -1
  61. package/lib/packages/components/index.js +5 -5
  62. package/lib/packages/components/picture/index.js +2 -2
  63. package/lib/packages/components/picture/src/picture.js +20 -26
  64. package/lib/packages/components/picture/src/picture.js.map +1 -1
  65. package/lib/packages/components/picture/src/picture2.js +26 -20
  66. package/lib/packages/components/picture/src/picture2.js.map +1 -1
  67. package/lib/packages/components/qrcode/index.js +2 -2
  68. package/lib/packages/components/qrcode/src/qrcode.js +23 -66
  69. package/lib/packages/components/qrcode/src/qrcode.js.map +1 -1
  70. package/lib/packages/components/qrcode/src/qrcode2.js +66 -23
  71. package/lib/packages/components/qrcode/src/qrcode2.js.map +1 -1
  72. package/lib/packages/components/search/index.js +2 -2
  73. package/lib/packages/components/search/src/search.js +431 -26
  74. package/lib/packages/components/search/src/search.js.map +1 -1
  75. package/lib/packages/components/search/src/search2.js +26 -423
  76. package/lib/packages/components/search/src/search2.js.map +1 -1
  77. package/lib/packages/components/table/index.js +2 -2
  78. package/lib/packages/components/table/src/table.js +424 -38
  79. package/lib/packages/components/table/src/table.js.map +1 -1
  80. package/lib/packages/components/table/src/table2.js +38 -424
  81. package/lib/packages/components/table/src/table2.js.map +1 -1
  82. package/lib/version.d.ts +1 -1
  83. package/lib/version.js +1 -1
  84. package/lib/version.js.map +1 -1
  85. package/package.json +2 -2
  86. package/web-types.json +1 -1
@@ -1,638 +1,30 @@
1
- import { defineComponent, useSlots, ref, computed, watch, resolveComponent, openBlock, createElementBlock, createCommentVNode, createBlock, unref, withModifiers, withCtx, createVNode, Fragment, renderList, renderSlot, mergeProps, toHandlers, createTextVNode, toDisplayString, createElementVNode, normalizeStyle } from 'vue';
2
- import { get, set, cloneDeep } from 'lodash-unified';
3
- import { formProps, formEmits } from './form.mjs';
4
- import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
5
- import { useGlobalConfig } from '../../config-provider/src/hooks/use-global-config.mjs';
6
- import { debugWarn } from '../../../utils/error.mjs';
1
+ import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
2
+ import { useSizeProp } from '../../../hooks/use-size/index.mjs';
7
3
 
8
- const COMPONENT_NAME = "MForm";
9
- const __default__ = defineComponent({
10
- name: COMPONENT_NAME
11
- });
12
- const _sfc_main = defineComponent({
13
- ...__default__,
14
- props: formProps,
15
- emits: formEmits,
16
- setup(__props, { expose: __expose }) {
17
- const props = __props;
18
- const slots = useSlots();
19
- const globalConfig = useGlobalConfig();
20
- const formRef = ref();
21
- const INPUT_TYPES = [
22
- "input",
23
- "textarea",
24
- "number",
25
- "password",
26
- "qrcode",
27
- "barcode"
28
- ];
29
- const DATE_TYPES = [
30
- "year",
31
- "month",
32
- "date",
33
- "datetime",
34
- "week",
35
- "datetimerange",
36
- "daterange",
37
- "monthrange",
38
- "yearrange",
39
- "time",
40
- "timerange"
41
- ];
42
- const NEED_DIC_TYPE = ["select", "checkbox", "radio", "switch"];
43
- const formOption = ref({
44
- labelWidth: "80px",
45
- column: []
46
- });
47
- const detailTableRows = computed(() => {
48
- const rows = [];
49
- let currentRow = [];
50
- let currentTotal = 0;
51
- for (const item of formOption.value.column || []) {
52
- const req = item.span || 12;
53
- if (currentTotal + req > 24) {
54
- rows.push(currentRow);
55
- currentRow = [];
56
- currentTotal = 0;
57
- }
58
- currentRow.push(item);
59
- currentTotal += req;
60
- }
61
- if (currentRow.length)
62
- rows.push(currentRow);
63
- return rows;
64
- });
65
- const proxys = new Proxy(props.model, {
66
- get(target, property) {
67
- return get(target, property);
68
- },
69
- set(target, property, value) {
70
- set(target, property, value);
71
- return true;
72
- }
73
- });
74
- const initValue = () => {
75
- var _a;
76
- if (formOption.value && formOption.value.column) {
77
- for (let i = 0; i < ((_a = formOption.value.column) == null ? void 0 : _a.length); i++) {
78
- const column = formOption.value.column[i];
79
- if (column.prop && proxys[column.prop] === void 0) {
80
- if (column.value) {
81
- proxys[column.prop] = column.value;
82
- } else {
83
- const ARR_TYPES = [
84
- "checkbox",
85
- "datetimerange",
86
- "daterange",
87
- "monthrange",
88
- "yearrange",
89
- "timerange"
90
- ];
91
- if (column.type === "select" && column.multiple || ARR_TYPES.includes(column.type || "")) {
92
- proxys[column.prop] = [];
93
- } else {
94
- proxys[column.prop] = "";
95
- }
96
- }
97
- }
98
- }
99
- }
100
- };
101
- const getValueFormatByType = (type) => {
102
- let format = "";
103
- switch (type) {
104
- case "yearrange":
105
- case "year":
106
- format = "YYYY";
107
- break;
108
- case "monthrange":
109
- case "month":
110
- format = "YYYY-MM";
111
- break;
112
- case "daterange":
113
- case "week":
114
- case "date":
115
- format = "YYYY-MM-DD";
116
- break;
117
- case "datetimerange":
118
- case "datetime":
119
- format = "YYYY-MM-DD HH:mm:ss";
120
- break;
121
- case "time":
122
- format = "HH:mm:ss";
123
- break;
124
- }
125
- return format;
126
- };
127
- const getAllRemoteDics = () => {
128
- var _a, _b, _c, _d;
129
- const hasDicUrl = (_b = (_a = formOption.value) == null ? void 0 : _a.column) == null ? void 0 : _b.some((column) => column.dicUrl);
130
- if (hasDicUrl && !((_c = globalConfig.value) == null ? void 0 : _c.httpGet)) {
131
- debugWarn("MForm", "global config httpGet is null");
132
- return;
133
- }
134
- const updateRemoteDic = (column) => {
135
- return new Promise((resolve) => {
136
- let isSuccess = false;
137
- globalConfig.value.httpGet(column.dicUrl, column.dicQuery, column.dicHeaders).then((e) => {
138
- const { list, label, value } = column.dicFormatter(e);
139
- if (list && Array.isArray(list)) {
140
- column["dicData"] = list.map((item) => {
141
- const lastLabel = label.replace(/\{(\w+)\}/g, (match, key) => {
142
- return item[key] || match;
143
- });
144
- return {
145
- label: lastLabel,
146
- value: item[value]
147
- };
148
- });
149
- isSuccess = true;
150
- }
151
- }).finally(() => {
152
- if (!isSuccess) {
153
- column["dicData"] = [];
154
- }
155
- resolve(null);
156
- });
157
- });
158
- };
159
- for (let i = 0; i < (((_d = formOption.value) == null ? void 0 : _d.column) || []).length; i++) {
160
- const column = formOption.value.column[i];
161
- if (column.dicUrl) {
162
- if (!column.dicFormatter) {
163
- debugWarn("MForm", "dicUrl and dicFormatter must be used together");
164
- continue;
165
- }
166
- updateRemoteDic(column);
167
- }
168
- }
169
- };
170
- const getFormItemEventBind = (column) => {
171
- const result = {};
172
- for (const key in column) {
173
- if (key.startsWith("event")) {
174
- let funName = key.replace("event", "");
175
- funName = funName.charAt(0).toLowerCase() + funName.slice(1);
176
- result[funName] = column[key];
177
- }
178
- }
179
- return result;
180
- };
181
- const formatDicValue = (row, column) => {
182
- let dictLabel = "";
183
- const findLabelByValue = (dicData, value) => {
184
- const dictItem = (dicData || []).find((dict) => dict.value === value);
185
- if (dictItem === void 0) {
186
- return dictLabel;
187
- }
188
- return dictItem.label;
189
- };
190
- if (column.type === "select" && column.multiple || column.type === "checkbox") {
191
- let values = [];
192
- if (row[column.prop || ""] != null && row[column.prop || ""] != void 0 && row[column.prop || ""] !== "") {
193
- if (Array.isArray(row[column.prop || ""])) {
194
- values = row[column.prop || ""];
195
- } else if (typeof row[column.prop || ""] === "string") {
196
- values = row[column.prop || ""].split(",");
197
- } else {
198
- values = [row[column.prop || ""]];
199
- }
200
- }
201
- const result = [];
202
- for (const value of values) {
203
- dictLabel = findLabelByValue(column.dicData || [], value);
204
- if (dictLabel === void 0) {
205
- break;
206
- }
207
- result.push(dictLabel);
208
- }
209
- return result.join(",");
210
- }
211
- dictLabel = findLabelByValue(column.dicData || [], row[column.prop || ""]);
212
- return dictLabel;
213
- };
214
- const getDetailPic = (row, column) => {
215
- if (!row || !row[column.prop || ""]) {
216
- return [];
217
- }
218
- const pics = row[column.prop || ""].split(column.imgSuffix || ";").map((pic) => (column.imgPrefix || "") + pic);
219
- return pics;
220
- };
221
- const getValueColspan = (item, rows, index) => {
222
- const getRemaining = (row) => {
223
- const used = row.reduce((acc, item2) => acc + (item2.span || 12), 0);
224
- return 24 - used;
225
- };
226
- if (index === rows.length - 1) {
227
- return (item.span || 12) + getRemaining(rows) - 1;
228
- }
229
- return (item.span || 12) - 1;
230
- };
231
- const validForm = () => {
232
- return new Promise((resolve) => {
233
- formRef.value.validate((valid) => {
234
- resolve(valid);
235
- });
236
- });
237
- };
238
- const clear = () => {
239
- var _a, _b;
240
- (_a = formRef.value) == null ? void 0 : _a.clearValidate();
241
- (_b = formRef.value) == null ? void 0 : _b.resetFields();
242
- };
243
- watch(
244
- () => props.option,
245
- (newVal) => {
246
- if (newVal) {
247
- formOption.value = Object.assign({}, formOption.value, newVal);
248
- if (newVal.column) {
249
- formOption.value.column = cloneDeep(
250
- newVal.column.filter(
251
- (column) => !(props.permission[column.prop || ""] === false)
252
- ).sort((a, b) => (b.order || 0) - (a.order || 0))
253
- );
254
- getAllRemoteDics();
255
- if (!props.readonly) {
256
- initValue();
257
- }
258
- }
259
- }
260
- },
261
- {
262
- immediate: true,
263
- deep: true
264
- }
265
- );
266
- __expose({
267
- validForm,
268
- clear
269
- });
270
- return (_ctx, _cache) => {
271
- const _component_el_input = resolveComponent("el-input");
272
- const _component_el_option = resolveComponent("el-option");
273
- const _component_el_select = resolveComponent("el-select");
274
- const _component_el_radio = resolveComponent("el-radio");
275
- const _component_el_radio_group = resolveComponent("el-radio-group");
276
- const _component_el_checkbox = resolveComponent("el-checkbox");
277
- const _component_el_checkbox_group = resolveComponent("el-checkbox-group");
278
- const _component_el_switch = resolveComponent("el-switch");
279
- const _component_el_date_picker = resolveComponent("el-date-picker");
280
- const _component_el_time_picker = resolveComponent("el-time-picker");
281
- const _component_el_form_item = resolveComponent("el-form-item");
282
- const _component_el_col = resolveComponent("el-col");
283
- const _component_el_row = resolveComponent("el-row");
284
- const _component_el_form = resolveComponent("el-form");
285
- const _component_MPicture = resolveComponent("MPicture");
286
- const _component_MQrcode = resolveComponent("MQrcode");
287
- const _component_MBarcode = resolveComponent("MBarcode");
288
- return openBlock(), createElementBlock("div", { class: "m-form" }, [
289
- createCommentVNode("\u7F16\u8F91\u6A21\u5F0F"),
290
- !_ctx.readonly ? (openBlock(), createBlock(_component_el_form, {
291
- key: 0,
292
- ref_key: "formRef",
293
- ref: formRef,
294
- model: unref(proxys),
295
- disabled: _ctx.loading,
296
- size: _ctx.size || unref(globalConfig).size,
297
- "label-width": formOption.value.labelWidth,
298
- style: { "width": "100%" },
299
- onSubmit: withModifiers(() => {
300
- }, ["prevent"])
301
- }, {
302
- default: withCtx(() => [
303
- createVNode(_component_el_row, { gutter: 0 }, {
304
- default: withCtx(() => [
305
- (openBlock(true), createElementBlock(
306
- Fragment,
307
- null,
308
- renderList(formOption.value.column, (column, columnIndex) => {
309
- return openBlock(), createBlock(_component_el_col, {
310
- key: columnIndex,
311
- span: column.span || 12
312
- }, {
313
- default: withCtx(() => [
314
- createVNode(_component_el_form_item, {
315
- style: { "width": "100%" },
316
- label: column.label + ":",
317
- prop: column.prop,
318
- rules: column.rules,
319
- "label-width": column.labelWidth || formOption.value.labelWidth
320
- }, {
321
- default: withCtx(() => [
322
- createCommentVNode("\u63D2\u69FD\u4FE1\u606F"),
323
- unref(slots)[column.prop || ""] ? renderSlot(_ctx.$slots, column.prop, mergeProps({
324
- key: 0,
325
- ref_for: true
326
- }, { size: _ctx.size || unref(globalConfig).size, loading: _ctx.loading })) : !column.type || INPUT_TYPES.includes(column.type) ? (openBlock(), createElementBlock(
327
- Fragment,
328
- { key: 1 },
329
- [
330
- createCommentVNode(""),
331
- createCommentVNode("\u8F93\u5165\u6846"),
332
- createVNode(_component_el_input, mergeProps({
333
- modelValue: unref(proxys)[column.prop || ""],
334
- "onUpdate:modelValue": ($event) => unref(proxys)[column.prop || ""] = $event,
335
- modelModifiers: { trim: true },
336
- style: { "width": "100%" },
337
- placeholder: column.placeholder,
338
- maxlength: column.maxlength,
339
- "show-word-limit": column.showWordLimit,
340
- "show-password": column.showPassword,
341
- type: !column.type || column.type === "input" ? "text" : column.type
342
- }, toHandlers(getFormItemEventBind(column))), null, 16, ["modelValue", "onUpdate:modelValue", "placeholder", "maxlength", "show-word-limit", "show-password", "type"])
343
- ],
344
- 2112
345
- )) : column.type === "select" ? (openBlock(), createElementBlock(
346
- Fragment,
347
- { key: 2 },
348
- [
349
- createCommentVNode(""),
350
- createCommentVNode("\u4E0B\u62C9\u6846"),
351
- createVNode(_component_el_select, mergeProps({
352
- modelValue: unref(proxys)[column.prop || ""],
353
- "onUpdate:modelValue": ($event) => unref(proxys)[column.prop || ""] = $event,
354
- modelModifiers: { trim: true },
355
- style: { "width": "100%" },
356
- placeholder: column.placeholder,
357
- multiple: column.multiple,
358
- clearable: column.clearable,
359
- filterable: column.filterable,
360
- "filter-method": column.filterMethod,
361
- remote: column.remote,
362
- "remote-method": column.remoteMethod,
363
- loading: column.loading
364
- }, toHandlers(getFormItemEventBind(column))), {
365
- default: withCtx(() => [
366
- (openBlock(true), createElementBlock(
367
- Fragment,
368
- null,
369
- renderList(column.dicData || [], (dicItem, dicIndex) => {
370
- return openBlock(), createBlock(_component_el_option, {
371
- key: dicIndex,
372
- label: dicItem.label,
373
- value: dicItem.value
374
- }, null, 8, ["label", "value"]);
375
- }),
376
- 128
377
- ))
378
- ]),
379
- _: 2
380
- }, 1040, ["modelValue", "onUpdate:modelValue", "placeholder", "multiple", "clearable", "filterable", "filter-method", "remote", "remote-method", "loading"])
381
- ],
382
- 2112
383
- )) : column.type === "radio" ? (openBlock(), createElementBlock(
384
- Fragment,
385
- { key: 3 },
386
- [
387
- createCommentVNode(""),
388
- createCommentVNode("radio"),
389
- createVNode(_component_el_radio_group, mergeProps({
390
- modelValue: unref(proxys)[column.prop || ""],
391
- "onUpdate:modelValue": ($event) => unref(proxys)[column.prop || ""] = $event,
392
- style: { "width": "100%" }
393
- }, toHandlers(getFormItemEventBind(column))), {
394
- default: withCtx(() => [
395
- (openBlock(true), createElementBlock(
396
- Fragment,
397
- null,
398
- renderList(column.dicData || [], (dicItem, dicIndex) => {
399
- return openBlock(), createBlock(_component_el_radio, {
400
- key: dicIndex,
401
- value: dicItem.value,
402
- label: dicItem.value
403
- }, {
404
- default: withCtx(() => [
405
- createTextVNode(
406
- toDisplayString(dicItem.label),
407
- 1
408
- )
409
- ]),
410
- _: 2
411
- }, 1032, ["value", "label"]);
412
- }),
413
- 128
414
- ))
415
- ]),
416
- _: 2
417
- }, 1040, ["modelValue", "onUpdate:modelValue"])
418
- ],
419
- 2112
420
- )) : column.type === "checkbox" ? (openBlock(), createElementBlock(
421
- Fragment,
422
- { key: 4 },
423
- [
424
- createCommentVNode(""),
425
- createCommentVNode("checkbox"),
426
- createVNode(_component_el_checkbox_group, mergeProps({
427
- modelValue: unref(proxys)[column.prop || ""],
428
- "onUpdate:modelValue": ($event) => unref(proxys)[column.prop || ""] = $event,
429
- style: { "width": "100%" }
430
- }, toHandlers(getFormItemEventBind(column))), {
431
- default: withCtx(() => [
432
- (openBlock(true), createElementBlock(
433
- Fragment,
434
- null,
435
- renderList(column.dicData || [], (dicItem, dicIndex) => {
436
- return openBlock(), createBlock(_component_el_checkbox, {
437
- key: dicIndex,
438
- label: dicItem.label,
439
- value: dicItem.value
440
- }, null, 8, ["label", "value"]);
441
- }),
442
- 128
443
- ))
444
- ]),
445
- _: 2
446
- }, 1040, ["modelValue", "onUpdate:modelValue"])
447
- ],
448
- 2112
449
- )) : column.type === "switch" ? (openBlock(), createElementBlock(
450
- Fragment,
451
- { key: 5 },
452
- [
453
- createCommentVNode(""),
454
- createCommentVNode("switch"),
455
- !column.dicData || column.dicData.length != 2 ? (openBlock(), createElementBlock("span", {
456
- key: 0,
457
- style: { "color": "var(--el-text-color-placeholder)", "line-height": "32px", "height": "32px" }
458
- }, '"dicData/dicUrl\u7684\u7ED3\u679C"\u672A\u8BBE\u7F6E\u6216\u957F\u5EA6\u4E0D\u7B49\u4E8E2')) : (openBlock(), createElementBlock(
459
- Fragment,
460
- { key: 1 },
461
- [
462
- createVNode(_component_el_switch, mergeProps({
463
- modelValue: unref(proxys)[column.prop || ""],
464
- "onUpdate:modelValue": ($event) => unref(proxys)[column.prop || ""] = $event,
465
- "active-value": column.dicData[0].value,
466
- "inactive-value": column.dicData[1].value
467
- }, toHandlers(getFormItemEventBind(column))), null, 16, ["modelValue", "onUpdate:modelValue", "active-value", "inactive-value"]),
468
- createElementVNode(
469
- "span",
470
- { style: { "font-size": "var(--el-font-size-base)", "color": "var(--el-text-color-regular)", "margin-left": "6px" } },
471
- toDisplayString(unref(proxys)[column.prop || ""] === column.dicData[0].value ? column.dicData[0].label : column.dicData[1].label),
472
- 1
473
- )
474
- ],
475
- 64
476
- ))
477
- ],
478
- 64
479
- )) : DATE_TYPES.includes(column.type) ? (openBlock(), createElementBlock(
480
- Fragment,
481
- { key: 6 },
482
- [
483
- createCommentVNode(""),
484
- createCommentVNode("\u65F6\u95F4"),
485
- column.type !== "time" && column.type !== "timerange" ? (openBlock(), createBlock(_component_el_date_picker, mergeProps({
486
- key: 0,
487
- modelValue: unref(proxys)[column.prop || ""],
488
- "onUpdate:modelValue": ($event) => unref(proxys)[column.prop || ""] = $event,
489
- type: column.type,
490
- clearable: column.clearable,
491
- "start-placeholder": column.startPlaceholder,
492
- "end-placeholder": column.endPlaceholder,
493
- format: column.format,
494
- "value-format": column.valueFormat || getValueFormatByType(column.type)
495
- }, toHandlers(getFormItemEventBind(column))), null, 16, ["modelValue", "onUpdate:modelValue", "type", "clearable", "start-placeholder", "end-placeholder", "format", "value-format"])) : (openBlock(), createBlock(_component_el_time_picker, mergeProps({
496
- key: 1,
497
- modelValue: unref(proxys)[column.prop || ""],
498
- "onUpdate:modelValue": ($event) => unref(proxys)[column.prop || ""] = $event,
499
- "is-range": column.type === "timerange",
500
- clearable: column.clearable,
501
- "start-placeholder": column.startPlaceholder,
502
- "end-placeholder": column.endPlaceholder,
503
- "value-format": column.valueFormat || getValueFormatByType(column.type)
504
- }, toHandlers(getFormItemEventBind(column))), null, 16, ["modelValue", "onUpdate:modelValue", "is-range", "clearable", "start-placeholder", "end-placeholder", "value-format"]))
505
- ],
506
- 64
507
- )) : column.type === "picture" ? (openBlock(), createElementBlock(
508
- Fragment,
509
- { key: 7 },
510
- [
511
- createCommentVNode(""),
512
- createCommentVNode("picture"),
513
- createElementVNode("span", { style: { "color": "var(--el-text-color-regular)", "line-height": "32px", "height": "32px" } }, " \u6682\u4E0D\u652F\u6301picture\uFF0C\u8BF7\u4F7F\u7528\u63D2\u69FD\u81EA\u884C\u5B9E\u73B0 ")
514
- ],
515
- 2112
516
- )) : createCommentVNode("v-if", true),
517
- createCommentVNode("")
518
- ]),
519
- _: 2
520
- }, 1032, ["label", "prop", "rules", "label-width"])
521
- ]),
522
- _: 2
523
- }, 1032, ["span"]);
524
- }),
525
- 128
526
- ))
527
- ]),
528
- _: 3
529
- })
530
- ]),
531
- _: 3
532
- }, 8, ["model", "disabled", "size", "label-width", "onSubmit"])) : (openBlock(), createElementBlock(
533
- Fragment,
534
- { key: 1 },
535
- [
536
- createCommentVNode(""),
537
- createCommentVNode("\u8BE6\u60C5\u6A21\u5F0F"),
538
- createElementVNode("table", { class: "detail-desc" }, [
539
- createElementVNode("tbody", null, [
540
- (openBlock(true), createElementBlock(
541
- Fragment,
542
- null,
543
- renderList(detailTableRows.value, (row, rowIndex) => {
544
- return openBlock(), createElementBlock("tr", { key: rowIndex }, [
545
- (openBlock(true), createElementBlock(
546
- Fragment,
547
- null,
548
- renderList(row, (column, index) => {
549
- return openBlock(), createElementBlock(
550
- Fragment,
551
- { key: index },
552
- [
553
- createElementVNode(
554
- "td",
555
- {
556
- style: normalizeStyle({ width: column.labelWidth || formOption.value.labelWidth }),
557
- colspan: "1",
558
- class: "label"
559
- },
560
- toDisplayString(column.label),
561
- 5
562
- ),
563
- createElementVNode("td", {
564
- colspan: getValueColspan(column, row, index)
565
- }, [
566
- column.type === "picture" ? (openBlock(), createBlock(_component_MPicture, {
567
- key: 0,
568
- src: getDetailPic(unref(proxys), column)[0],
569
- "preview-src-list": getDetailPic(unref(proxys), column)[0],
570
- "img-width": "100px",
571
- "img-height": "100px"
572
- }, null, 8, ["src", "preview-src-list"])) : NEED_DIC_TYPE.includes(column.type || "") ? (openBlock(), createElementBlock(
573
- Fragment,
574
- { key: 1 },
575
- [
576
- createTextVNode(
577
- toDisplayString(formatDicValue(unref(proxys), column)),
578
- 1
579
- )
580
- ],
581
- 64
582
- )) : column.type === "qrcode" ? (openBlock(), createElementBlock(
583
- Fragment,
584
- { key: 2 },
585
- [
586
- unref(proxys)[column.prop || ""] ? (openBlock(), createBlock(_component_MQrcode, {
587
- key: 0,
588
- text: unref(proxys)[column.prop || ""],
589
- align: "center"
590
- }, null, 8, ["text"])) : createCommentVNode("v-if", true)
591
- ],
592
- 64
593
- )) : column.type === "barcode" ? (openBlock(), createElementBlock(
594
- Fragment,
595
- { key: 3 },
596
- [
597
- unref(proxys)[column.prop || ""] ? (openBlock(), createBlock(_component_MBarcode, {
598
- key: 0,
599
- text: unref(proxys)[column.prop || ""],
600
- align: "center"
601
- }, null, 8, ["text"])) : createCommentVNode("v-if", true)
602
- ],
603
- 64
604
- )) : (openBlock(), createElementBlock(
605
- Fragment,
606
- { key: 4 },
607
- [
608
- createTextVNode(
609
- toDisplayString(unref(proxys)[column.prop || ""]),
610
- 1
611
- )
612
- ],
613
- 64
614
- ))
615
- ], 8, ["colspan"])
616
- ],
617
- 64
618
- );
619
- }),
620
- 128
621
- ))
622
- ]);
623
- }),
624
- 128
625
- ))
626
- ])
627
- ])
628
- ],
629
- 64
630
- ))
631
- ]);
632
- };
4
+ const formProps = buildProps({
5
+ size: useSizeProp,
6
+ model: {
7
+ type: Object,
8
+ required: true
9
+ },
10
+ loading: {
11
+ type: Boolean,
12
+ default: false
13
+ },
14
+ permission: {
15
+ type: Object,
16
+ default: {}
17
+ },
18
+ readonly: {
19
+ type: Boolean,
20
+ default: false
21
+ },
22
+ option: {
23
+ type: definePropType(Object),
24
+ required: false
633
25
  }
634
26
  });
635
- var Form = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "form.vue"]]);
27
+ const formEmits = {};
636
28
 
637
- export { Form as default };
29
+ export { formEmits, formProps };
638
30
  //# sourceMappingURL=form2.mjs.map