@shwfed/config 2.5.2 → 2.5.3
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/module.json +1 -1
- package/dist/preview/assets/{config-CMWb8uI8.js → config-BVjCjkAL.js} +1 -1
- package/dist/preview/assets/{config-D9Igjtte.js → config-C5TWIUX-.js} +1 -1
- package/dist/preview/assets/{config-Bo8qCYUr.js → config-CH28q4_H.js} +1 -1
- package/dist/preview/assets/{config-DO6VRND9.js → config-CtGduGcR.js} +1 -1
- package/dist/preview/assets/{config-CoykdrWz.js → config-D9tBv8LD.js} +1 -1
- package/dist/preview/assets/{config-DLuQtN-6.js → config-DN6k6pjm.js} +1 -1
- package/dist/preview/assets/{config-BHInx1QR.js → config-DxB8qwAu.js} +1 -1
- package/dist/preview/assets/{config-Du8jTCck.js → config-U359oLg8.js} +1 -1
- package/dist/preview/assets/{config-BVTakYXq.js → config-ekMG8PO0.js} +1 -1
- package/dist/preview/assets/{definition.vue_vue_type_script_setup_true_lang-CjPPVjHf.js → definition.vue_vue_type_script_setup_true_lang-I7unZVnH.js} +1 -1
- package/dist/preview/assets/{index-CLhRphC4.js → index-CZ-XSjS_.js} +50 -50
- package/dist/preview/assets/index-HfGseg4M.js +1 -0
- package/dist/preview/assets/{runtime-BVShchDS.js → runtime-27bDIkKv.js} +1 -1
- package/dist/preview/assets/{runtime-ePHYJvDG.js → runtime-BAQ6ezPo.js} +1 -1
- package/dist/preview/assets/{runtime-CCBYA0xX.js → runtime-BKQvzSax.js} +1 -1
- package/dist/preview/assets/{runtime-as-8tVjx.js → runtime-BafXFP0s.js} +1 -1
- package/dist/preview/assets/{runtime-DTC0oZPz.js → runtime-CAzVJ-if.js} +1 -1
- package/dist/preview/assets/{runtime-BnXLPPWc.js → runtime-CQly-3c3.js} +1 -1
- package/dist/preview/assets/{runtime-D7cNZpnE.js → runtime-DJgDXKfE.js} +1 -1
- package/dist/preview/assets/{runtime-Bs_EtAsE.js → runtime-Dhd51Wyr.js} +1 -1
- package/dist/preview/assets/{runtime-Cxl0E6Hg.js → runtime-x8IdC454.js} +1 -1
- package/dist/preview/index.html +1 -1
- package/dist/runtime/components/form/fields/2026-04-27/com.shwfed.form.field.daterange/config.d.vue.ts +4 -4
- package/dist/runtime/components/form/fields/2026-04-27/com.shwfed.form.field.daterange/config.vue.d.ts +4 -4
- package/dist/runtime/components/form/fields/2026-04-27/com.shwfed.form.field.datetimerange/config.d.vue.ts +6 -6
- package/dist/runtime/components/form/fields/2026-04-27/com.shwfed.form.field.datetimerange/config.vue.d.ts +6 -6
- package/dist/runtime/components/form/fields/2026-04-27/com.shwfed.form.field.timerange/config.d.vue.ts +2 -2
- package/dist/runtime/components/form/fields/2026-04-27/com.shwfed.form.field.timerange/config.vue.d.ts +2 -2
- package/dist/runtime/components/form/fields/2026-05-24/com.shwfed.form.field.monthrange/config.d.vue.ts +4 -4
- package/dist/runtime/components/form/fields/2026-05-24/com.shwfed.form.field.monthrange/config.vue.d.ts +4 -4
- package/dist/runtime/components/table/columns/2026-05-13/com.shwfed.table.column.switch.remote/config.vue +37 -16
- package/dist/runtime/components/table/columns/2026-05-20/com.shwfed.table.column.number-input/config.vue +80 -34
- package/dist/runtime/components/table/columns/2026-05-20/com.shwfed.table.column.switch.local/config.vue +48 -18
- package/dist/runtime/components/table/columns/2026-05-20/com.shwfed.table.column.text-input/config.vue +44 -17
- package/dist/runtime/components/ui/date-picker/DatePickerInput.d.vue.ts +1 -1
- package/dist/runtime/components/ui/date-picker/DatePickerInput.vue.d.ts +1 -1
- package/dist/runtime/components/ui/date-picker/DatePickerTimeInput.d.vue.ts +1 -1
- package/dist/runtime/components/ui/date-picker/DatePickerTimeInput.vue.d.ts +1 -1
- package/dist/runtime/components/ui/date-range-picker/DateRangePickerInput.d.vue.ts +1 -1
- package/dist/runtime/components/ui/date-range-picker/DateRangePickerInput.vue.d.ts +1 -1
- package/dist/runtime/components/ui/date-range-picker/DateRangePickerTimeInput.d.vue.ts +2 -2
- package/dist/runtime/components/ui/date-range-picker/DateRangePickerTimeInput.vue.d.ts +2 -2
- package/package.json +1 -1
- package/dist/preview/assets/index-DRXgXfoM.js +0 -1
|
@@ -42,36 +42,56 @@ const bindingText = computed({
|
|
|
42
42
|
get: () => value.value.binding ?? "",
|
|
43
43
|
set: (v) => {
|
|
44
44
|
const trimmed = v.trim();
|
|
45
|
-
if (trimmed === "")
|
|
46
|
-
|
|
45
|
+
if (trimmed === "") {
|
|
46
|
+
const { binding: _drop, ...rest } = value.value;
|
|
47
|
+
value.value = rest;
|
|
48
|
+
} else {
|
|
49
|
+
value.value = { ...value.value, binding: trimmed };
|
|
50
|
+
}
|
|
47
51
|
}
|
|
48
52
|
});
|
|
49
53
|
const hiddenModel = computed({
|
|
50
54
|
get: () => value.value.hidden ?? "",
|
|
51
55
|
set: (v) => {
|
|
52
|
-
if (v === "")
|
|
53
|
-
|
|
56
|
+
if (v === "") {
|
|
57
|
+
const { hidden: _drop, ...rest } = value.value;
|
|
58
|
+
value.value = rest;
|
|
59
|
+
} else {
|
|
60
|
+
value.value = { ...value.value, hidden: v };
|
|
61
|
+
}
|
|
54
62
|
}
|
|
55
63
|
});
|
|
56
64
|
const disabledModel = computed({
|
|
57
65
|
get: () => value.value.disabled ?? "",
|
|
58
66
|
set: (v) => {
|
|
59
|
-
if (v === "")
|
|
60
|
-
|
|
67
|
+
if (v === "") {
|
|
68
|
+
const { disabled: _drop, ...rest } = value.value;
|
|
69
|
+
value.value = rest;
|
|
70
|
+
} else {
|
|
71
|
+
value.value = { ...value.value, disabled: v };
|
|
72
|
+
}
|
|
61
73
|
}
|
|
62
74
|
});
|
|
63
75
|
const readonlyModel = computed({
|
|
64
76
|
get: () => value.value.readonly ?? "",
|
|
65
77
|
set: (v) => {
|
|
66
|
-
if (v === "")
|
|
67
|
-
|
|
78
|
+
if (v === "") {
|
|
79
|
+
const { readonly: _drop, ...rest } = value.value;
|
|
80
|
+
value.value = rest;
|
|
81
|
+
} else {
|
|
82
|
+
value.value = { ...value.value, readonly: v };
|
|
83
|
+
}
|
|
68
84
|
}
|
|
69
85
|
});
|
|
70
86
|
const derivedModel = computed({
|
|
71
87
|
get: () => value.value.derived,
|
|
72
88
|
set: (v) => {
|
|
73
|
-
if (v == null)
|
|
74
|
-
|
|
89
|
+
if (v == null) {
|
|
90
|
+
const { derived: _drop, ...rest } = value.value;
|
|
91
|
+
value.value = rest;
|
|
92
|
+
} else {
|
|
93
|
+
value.value = { ...value.value, derived: v };
|
|
94
|
+
}
|
|
75
95
|
}
|
|
76
96
|
});
|
|
77
97
|
const currentRoundingModeLabel = computed(
|
|
@@ -79,23 +99,48 @@ const currentRoundingModeLabel = computed(
|
|
|
79
99
|
);
|
|
80
100
|
function onPrecisionChange(v) {
|
|
81
101
|
if (v === void 0) {
|
|
82
|
-
|
|
83
|
-
|
|
102
|
+
const { precision: _p, roundingMode: _r, ...rest } = value.value;
|
|
103
|
+
value.value = rest;
|
|
104
|
+
} else if (value.value.roundingMode === void 0) {
|
|
105
|
+
value.value = { ...value.value, precision: v, roundingMode: "round" };
|
|
84
106
|
} else {
|
|
85
|
-
value.value.precision
|
|
86
|
-
if (value.value.roundingMode === void 0) value.value.roundingMode = "round";
|
|
107
|
+
value.value = { ...value.value, precision: v };
|
|
87
108
|
}
|
|
88
109
|
}
|
|
89
110
|
function onRoundingModeChange(mode) {
|
|
90
|
-
value.value.roundingMode
|
|
111
|
+
value.value = { ...value.value, roundingMode: mode };
|
|
91
112
|
}
|
|
92
113
|
function onStepChange(v) {
|
|
93
|
-
if (v === void 0 || !(v > 0))
|
|
94
|
-
|
|
114
|
+
if (v === void 0 || !(v > 0)) {
|
|
115
|
+
const { step: _drop, ...rest } = value.value;
|
|
116
|
+
value.value = rest;
|
|
117
|
+
} else {
|
|
118
|
+
value.value = { ...value.value, step: v };
|
|
119
|
+
}
|
|
95
120
|
}
|
|
96
121
|
function onValueAsStringChange(next) {
|
|
97
|
-
if (next)
|
|
98
|
-
|
|
122
|
+
if (next) {
|
|
123
|
+
value.value = { ...value.value, valueAsString: true };
|
|
124
|
+
} else {
|
|
125
|
+
const { valueAsString: _drop, ...rest } = value.value;
|
|
126
|
+
value.value = rest;
|
|
127
|
+
}
|
|
128
|
+
}
|
|
129
|
+
function onMinChange(v) {
|
|
130
|
+
if (v.length > 0) {
|
|
131
|
+
value.value = { ...value.value, min: v };
|
|
132
|
+
} else {
|
|
133
|
+
const { min: _drop, ...rest } = value.value;
|
|
134
|
+
value.value = rest;
|
|
135
|
+
}
|
|
136
|
+
}
|
|
137
|
+
function onMaxChange(v) {
|
|
138
|
+
if (v.length > 0) {
|
|
139
|
+
value.value = { ...value.value, max: v };
|
|
140
|
+
} else {
|
|
141
|
+
const { max: _drop, ...rest } = value.value;
|
|
142
|
+
value.value = rest;
|
|
143
|
+
}
|
|
99
144
|
}
|
|
100
145
|
</script>
|
|
101
146
|
|
|
@@ -116,7 +161,10 @@ function onValueAsStringChange(next) {
|
|
|
116
161
|
</template>
|
|
117
162
|
{{ fieldTitle("title") }}
|
|
118
163
|
</FieldLabel>
|
|
119
|
-
<Locale
|
|
164
|
+
<Locale
|
|
165
|
+
:model-value="value.title"
|
|
166
|
+
@update:model-value="(v) => value = { ...value, title: v }"
|
|
167
|
+
/>
|
|
120
168
|
</Field>
|
|
121
169
|
<Field orientation="vertical">
|
|
122
170
|
<FieldLabel class="text-xs text-zinc-500">
|
|
@@ -133,8 +181,9 @@ function onValueAsStringChange(next) {
|
|
|
133
181
|
{{ fieldTitle("tooltip") }}
|
|
134
182
|
</FieldLabel>
|
|
135
183
|
<Locale
|
|
136
|
-
|
|
184
|
+
:model-value="value.tooltip"
|
|
137
185
|
markdown
|
|
186
|
+
@update:model-value="(v) => value = { ...value, tooltip: v }"
|
|
138
187
|
/>
|
|
139
188
|
</Field>
|
|
140
189
|
</div>
|
|
@@ -175,7 +224,10 @@ function onValueAsStringChange(next) {
|
|
|
175
224
|
</template>
|
|
176
225
|
{{ fieldTitle("placeholder") }}
|
|
177
226
|
</FieldLabel>
|
|
178
|
-
<Locale
|
|
227
|
+
<Locale
|
|
228
|
+
:model-value="value.placeholder"
|
|
229
|
+
@update:model-value="(v) => value = { ...value, placeholder: v }"
|
|
230
|
+
/>
|
|
179
231
|
</Field>
|
|
180
232
|
<Field orientation="vertical">
|
|
181
233
|
<FieldLabel class="text-xs text-zinc-500">
|
|
@@ -196,13 +248,13 @@ function onValueAsStringChange(next) {
|
|
|
196
248
|
:model-value="value.size"
|
|
197
249
|
:disabled="value.grow"
|
|
198
250
|
:min="0"
|
|
199
|
-
@update:model-value="(v) => value
|
|
251
|
+
@update:model-value="(v) => value = { ...value, size: v }"
|
|
200
252
|
/>
|
|
201
253
|
<InputGroupAddon align="inline-end">
|
|
202
254
|
<InputGroupButton
|
|
203
255
|
:variant="value.grow ? 'primary' : 'ghost'"
|
|
204
256
|
size="xs"
|
|
205
|
-
@click="value
|
|
257
|
+
@click="value = { ...value, grow: !value.grow }"
|
|
206
258
|
>
|
|
207
259
|
<Icon :icon="value.grow ? 'fluent:lock-closed-20-regular' : 'fluent:arrow-autofit-width-20-regular'" />
|
|
208
260
|
{{ fieldTitle("grow") }}
|
|
@@ -325,10 +377,7 @@ function onValueAsStringChange(next) {
|
|
|
325
377
|
result-type="number"
|
|
326
378
|
class="min-h-10"
|
|
327
379
|
:extra-vars="ROW_VARS"
|
|
328
|
-
@update:model-value="
|
|
329
|
-
if (v.length > 0) value.min = v;
|
|
330
|
-
else delete value.min;
|
|
331
|
-
}"
|
|
380
|
+
@update:model-value="onMinChange"
|
|
332
381
|
/>
|
|
333
382
|
</Field>
|
|
334
383
|
<Field orientation="vertical">
|
|
@@ -351,10 +400,7 @@ function onValueAsStringChange(next) {
|
|
|
351
400
|
result-type="number"
|
|
352
401
|
class="min-h-10"
|
|
353
402
|
:extra-vars="ROW_VARS"
|
|
354
|
-
@update:model-value="
|
|
355
|
-
if (v.length > 0) value.max = v;
|
|
356
|
-
else delete value.max;
|
|
357
|
-
}"
|
|
403
|
+
@update:model-value="onMaxChange"
|
|
358
404
|
/>
|
|
359
405
|
</Field>
|
|
360
406
|
</div>
|
|
@@ -469,13 +515,13 @@ function onValueAsStringChange(next) {
|
|
|
469
515
|
<InputGroupInput
|
|
470
516
|
:model-value="value.sortKey"
|
|
471
517
|
placeholder="例:created_at"
|
|
472
|
-
@update:model-value="(v) => value
|
|
518
|
+
@update:model-value="(v) => value = { ...value, sortKey: v || void 0 }"
|
|
473
519
|
/>
|
|
474
520
|
<InputGroupAddon align="inline-end">
|
|
475
521
|
<InputGroupButton
|
|
476
522
|
:variant="value.enableSorting ? 'primary' : 'ghost'"
|
|
477
523
|
size="xs"
|
|
478
|
-
@click="value
|
|
524
|
+
@click="value = { ...value, enableSorting: !value.enableSorting }"
|
|
479
525
|
>
|
|
480
526
|
<Icon :icon="value.enableSorting ? 'fluent:arrow-sort-up-16-regular' : 'fluent:arrow-sort-16-regular'" />
|
|
481
527
|
{{ fieldTitle("enableSorting") }}
|
|
@@ -30,36 +30,56 @@ const bindingText = computed({
|
|
|
30
30
|
get: () => value.value.binding ?? "",
|
|
31
31
|
set: (v) => {
|
|
32
32
|
const trimmed = v.trim();
|
|
33
|
-
if (trimmed === "")
|
|
34
|
-
|
|
33
|
+
if (trimmed === "") {
|
|
34
|
+
const { binding: _drop, ...rest } = value.value;
|
|
35
|
+
value.value = rest;
|
|
36
|
+
} else {
|
|
37
|
+
value.value = { ...value.value, binding: trimmed };
|
|
38
|
+
}
|
|
35
39
|
}
|
|
36
40
|
});
|
|
37
41
|
const hiddenModel = computed({
|
|
38
42
|
get: () => value.value.hidden ?? "",
|
|
39
43
|
set: (v) => {
|
|
40
|
-
if (v === "")
|
|
41
|
-
|
|
44
|
+
if (v === "") {
|
|
45
|
+
const { hidden: _drop, ...rest } = value.value;
|
|
46
|
+
value.value = rest;
|
|
47
|
+
} else {
|
|
48
|
+
value.value = { ...value.value, hidden: v };
|
|
49
|
+
}
|
|
42
50
|
}
|
|
43
51
|
});
|
|
44
52
|
const disabledModel = computed({
|
|
45
53
|
get: () => value.value.disabled ?? "",
|
|
46
54
|
set: (v) => {
|
|
47
|
-
if (v === "")
|
|
48
|
-
|
|
55
|
+
if (v === "") {
|
|
56
|
+
const { disabled: _drop, ...rest } = value.value;
|
|
57
|
+
value.value = rest;
|
|
58
|
+
} else {
|
|
59
|
+
value.value = { ...value.value, disabled: v };
|
|
60
|
+
}
|
|
49
61
|
}
|
|
50
62
|
});
|
|
51
63
|
const readonlyModel = computed({
|
|
52
64
|
get: () => value.value.readonly ?? "",
|
|
53
65
|
set: (v) => {
|
|
54
|
-
if (v === "")
|
|
55
|
-
|
|
66
|
+
if (v === "") {
|
|
67
|
+
const { readonly: _drop, ...rest } = value.value;
|
|
68
|
+
value.value = rest;
|
|
69
|
+
} else {
|
|
70
|
+
value.value = { ...value.value, readonly: v };
|
|
71
|
+
}
|
|
56
72
|
}
|
|
57
73
|
});
|
|
58
74
|
const derivedModel = computed({
|
|
59
75
|
get: () => value.value.derived,
|
|
60
76
|
set: (v) => {
|
|
61
|
-
if (v == null)
|
|
62
|
-
|
|
77
|
+
if (v == null) {
|
|
78
|
+
const { derived: _drop, ...rest } = value.value;
|
|
79
|
+
value.value = rest;
|
|
80
|
+
} else {
|
|
81
|
+
value.value = { ...value.value, derived: v };
|
|
82
|
+
}
|
|
63
83
|
}
|
|
64
84
|
});
|
|
65
85
|
</script>
|
|
@@ -81,7 +101,10 @@ const derivedModel = computed({
|
|
|
81
101
|
</template>
|
|
82
102
|
{{ fieldTitle("title") }}
|
|
83
103
|
</FieldLabel>
|
|
84
|
-
<Locale
|
|
104
|
+
<Locale
|
|
105
|
+
:model-value="value.title"
|
|
106
|
+
@update:model-value="(v) => value = { ...value, title: v }"
|
|
107
|
+
/>
|
|
85
108
|
</Field>
|
|
86
109
|
<Field orientation="vertical">
|
|
87
110
|
<FieldLabel class="text-xs text-zinc-500">
|
|
@@ -98,8 +121,9 @@ const derivedModel = computed({
|
|
|
98
121
|
{{ fieldTitle("tooltip") }}
|
|
99
122
|
</FieldLabel>
|
|
100
123
|
<Locale
|
|
101
|
-
|
|
124
|
+
:model-value="value.tooltip"
|
|
102
125
|
markdown
|
|
126
|
+
@update:model-value="(v) => value = { ...value, tooltip: v }"
|
|
103
127
|
/>
|
|
104
128
|
</Field>
|
|
105
129
|
</div>
|
|
@@ -145,13 +169,13 @@ const derivedModel = computed({
|
|
|
145
169
|
:model-value="value.size"
|
|
146
170
|
:disabled="value.grow"
|
|
147
171
|
:min="0"
|
|
148
|
-
@update:model-value="(v) => value
|
|
172
|
+
@update:model-value="(v) => value = { ...value, size: v }"
|
|
149
173
|
/>
|
|
150
174
|
<InputGroupAddon align="inline-end">
|
|
151
175
|
<InputGroupButton
|
|
152
176
|
:variant="value.grow ? 'primary' : 'ghost'"
|
|
153
177
|
size="xs"
|
|
154
|
-
@click="value
|
|
178
|
+
@click="value = { ...value, grow: !value.grow }"
|
|
155
179
|
>
|
|
156
180
|
<Icon :icon="value.grow ? 'fluent:lock-closed-20-regular' : 'fluent:arrow-autofit-width-20-regular'" />
|
|
157
181
|
{{ fieldTitle("grow") }}
|
|
@@ -173,7 +197,10 @@ const derivedModel = computed({
|
|
|
173
197
|
</template>
|
|
174
198
|
{{ fieldTitle("trueLabel") }}
|
|
175
199
|
</FieldLabel>
|
|
176
|
-
<Locale
|
|
200
|
+
<Locale
|
|
201
|
+
:model-value="value.trueLabel"
|
|
202
|
+
@update:model-value="(v) => value = { ...value, trueLabel: v }"
|
|
203
|
+
/>
|
|
177
204
|
</Field>
|
|
178
205
|
<Field orientation="vertical">
|
|
179
206
|
<FieldLabel class="text-xs text-zinc-500">
|
|
@@ -189,7 +216,10 @@ const derivedModel = computed({
|
|
|
189
216
|
</template>
|
|
190
217
|
{{ fieldTitle("falseLabel") }}
|
|
191
218
|
</FieldLabel>
|
|
192
|
-
<Locale
|
|
219
|
+
<Locale
|
|
220
|
+
:model-value="value.falseLabel"
|
|
221
|
+
@update:model-value="(v) => value = { ...value, falseLabel: v }"
|
|
222
|
+
/>
|
|
193
223
|
</Field>
|
|
194
224
|
</div>
|
|
195
225
|
<div class="grid grid-cols-2 gap-x-6 gap-y-4">
|
|
@@ -303,13 +333,13 @@ const derivedModel = computed({
|
|
|
303
333
|
<InputGroupInput
|
|
304
334
|
:model-value="value.sortKey"
|
|
305
335
|
placeholder="例:created_at"
|
|
306
|
-
@update:model-value="(v) => value
|
|
336
|
+
@update:model-value="(v) => value = { ...value, sortKey: v || void 0 }"
|
|
307
337
|
/>
|
|
308
338
|
<InputGroupAddon align="inline-end">
|
|
309
339
|
<InputGroupButton
|
|
310
340
|
:variant="value.enableSorting ? 'primary' : 'ghost'"
|
|
311
341
|
size="xs"
|
|
312
|
-
@click="value
|
|
342
|
+
@click="value = { ...value, enableSorting: !value.enableSorting }"
|
|
313
343
|
>
|
|
314
344
|
<Icon :icon="value.enableSorting ? 'fluent:arrow-sort-up-16-regular' : 'fluent:arrow-sort-16-regular'" />
|
|
315
345
|
{{ fieldTitle("enableSorting") }}
|
|
@@ -30,36 +30,56 @@ const bindingText = computed({
|
|
|
30
30
|
get: () => value.value.binding ?? "",
|
|
31
31
|
set: (v) => {
|
|
32
32
|
const trimmed = v.trim();
|
|
33
|
-
if (trimmed === "")
|
|
34
|
-
|
|
33
|
+
if (trimmed === "") {
|
|
34
|
+
const { binding: _drop, ...rest } = value.value;
|
|
35
|
+
value.value = rest;
|
|
36
|
+
} else {
|
|
37
|
+
value.value = { ...value.value, binding: trimmed };
|
|
38
|
+
}
|
|
35
39
|
}
|
|
36
40
|
});
|
|
37
41
|
const hiddenModel = computed({
|
|
38
42
|
get: () => value.value.hidden ?? "",
|
|
39
43
|
set: (v) => {
|
|
40
|
-
if (v === "")
|
|
41
|
-
|
|
44
|
+
if (v === "") {
|
|
45
|
+
const { hidden: _drop, ...rest } = value.value;
|
|
46
|
+
value.value = rest;
|
|
47
|
+
} else {
|
|
48
|
+
value.value = { ...value.value, hidden: v };
|
|
49
|
+
}
|
|
42
50
|
}
|
|
43
51
|
});
|
|
44
52
|
const disabledModel = computed({
|
|
45
53
|
get: () => value.value.disabled ?? "",
|
|
46
54
|
set: (v) => {
|
|
47
|
-
if (v === "")
|
|
48
|
-
|
|
55
|
+
if (v === "") {
|
|
56
|
+
const { disabled: _drop, ...rest } = value.value;
|
|
57
|
+
value.value = rest;
|
|
58
|
+
} else {
|
|
59
|
+
value.value = { ...value.value, disabled: v };
|
|
60
|
+
}
|
|
49
61
|
}
|
|
50
62
|
});
|
|
51
63
|
const readonlyModel = computed({
|
|
52
64
|
get: () => value.value.readonly ?? "",
|
|
53
65
|
set: (v) => {
|
|
54
|
-
if (v === "")
|
|
55
|
-
|
|
66
|
+
if (v === "") {
|
|
67
|
+
const { readonly: _drop, ...rest } = value.value;
|
|
68
|
+
value.value = rest;
|
|
69
|
+
} else {
|
|
70
|
+
value.value = { ...value.value, readonly: v };
|
|
71
|
+
}
|
|
56
72
|
}
|
|
57
73
|
});
|
|
58
74
|
const derivedModel = computed({
|
|
59
75
|
get: () => value.value.derived,
|
|
60
76
|
set: (v) => {
|
|
61
|
-
if (v == null)
|
|
62
|
-
|
|
77
|
+
if (v == null) {
|
|
78
|
+
const { derived: _drop, ...rest } = value.value;
|
|
79
|
+
value.value = rest;
|
|
80
|
+
} else {
|
|
81
|
+
value.value = { ...value.value, derived: v };
|
|
82
|
+
}
|
|
63
83
|
}
|
|
64
84
|
});
|
|
65
85
|
</script>
|
|
@@ -81,7 +101,10 @@ const derivedModel = computed({
|
|
|
81
101
|
</template>
|
|
82
102
|
{{ fieldTitle("title") }}
|
|
83
103
|
</FieldLabel>
|
|
84
|
-
<Locale
|
|
104
|
+
<Locale
|
|
105
|
+
:model-value="value.title"
|
|
106
|
+
@update:model-value="(v) => value = { ...value, title: v }"
|
|
107
|
+
/>
|
|
85
108
|
</Field>
|
|
86
109
|
<Field orientation="vertical">
|
|
87
110
|
<FieldLabel class="text-xs text-zinc-500">
|
|
@@ -98,8 +121,9 @@ const derivedModel = computed({
|
|
|
98
121
|
{{ fieldTitle("tooltip") }}
|
|
99
122
|
</FieldLabel>
|
|
100
123
|
<Locale
|
|
101
|
-
|
|
124
|
+
:model-value="value.tooltip"
|
|
102
125
|
markdown
|
|
126
|
+
@update:model-value="(v) => value = { ...value, tooltip: v }"
|
|
103
127
|
/>
|
|
104
128
|
</Field>
|
|
105
129
|
</div>
|
|
@@ -140,7 +164,10 @@ const derivedModel = computed({
|
|
|
140
164
|
</template>
|
|
141
165
|
{{ fieldTitle("placeholder") }}
|
|
142
166
|
</FieldLabel>
|
|
143
|
-
<Locale
|
|
167
|
+
<Locale
|
|
168
|
+
:model-value="value.placeholder"
|
|
169
|
+
@update:model-value="(v) => value = { ...value, placeholder: v }"
|
|
170
|
+
/>
|
|
144
171
|
</Field>
|
|
145
172
|
<Field orientation="vertical">
|
|
146
173
|
<FieldLabel class="text-xs text-zinc-500">
|
|
@@ -161,13 +188,13 @@ const derivedModel = computed({
|
|
|
161
188
|
:model-value="value.size"
|
|
162
189
|
:disabled="value.grow"
|
|
163
190
|
:min="0"
|
|
164
|
-
@update:model-value="(v) => value
|
|
191
|
+
@update:model-value="(v) => value = { ...value, size: v }"
|
|
165
192
|
/>
|
|
166
193
|
<InputGroupAddon align="inline-end">
|
|
167
194
|
<InputGroupButton
|
|
168
195
|
:variant="value.grow ? 'primary' : 'ghost'"
|
|
169
196
|
size="xs"
|
|
170
|
-
@click="value
|
|
197
|
+
@click="value = { ...value, grow: !value.grow }"
|
|
171
198
|
>
|
|
172
199
|
<Icon :icon="value.grow ? 'fluent:lock-closed-20-regular' : 'fluent:arrow-autofit-width-20-regular'" />
|
|
173
200
|
{{ fieldTitle("grow") }}
|
|
@@ -285,13 +312,13 @@ const derivedModel = computed({
|
|
|
285
312
|
<InputGroupInput
|
|
286
313
|
:model-value="value.sortKey"
|
|
287
314
|
placeholder="例:created_at"
|
|
288
|
-
@update:model-value="(v) => value
|
|
315
|
+
@update:model-value="(v) => value = { ...value, sortKey: v || void 0 }"
|
|
289
316
|
/>
|
|
290
317
|
<InputGroupAddon align="inline-end">
|
|
291
318
|
<InputGroupButton
|
|
292
319
|
:variant="value.enableSorting ? 'primary' : 'ghost'"
|
|
293
320
|
size="xs"
|
|
294
|
-
@click="value
|
|
321
|
+
@click="value = { ...value, enableSorting: !value.enableSorting }"
|
|
295
322
|
>
|
|
296
323
|
<Icon :icon="value.enableSorting ? 'fluent:arrow-sort-up-16-regular' : 'fluent:arrow-sort-16-regular'" />
|
|
297
324
|
{{ fieldTitle("enableSorting") }}
|
|
@@ -24,8 +24,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
|
|
|
24
24
|
"onUpdate:modelValue"?: ((args_0: Date | undefined) => any) | undefined;
|
|
25
25
|
}>, {
|
|
26
26
|
size: "sm" | "md" | "lg";
|
|
27
|
-
clearable: boolean;
|
|
28
27
|
clearIcon: string;
|
|
28
|
+
clearable: boolean;
|
|
29
29
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
30
30
|
declare const _default: typeof __VLS_export;
|
|
31
31
|
export default _default;
|
|
@@ -24,8 +24,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
|
|
|
24
24
|
"onUpdate:modelValue"?: ((args_0: Date | undefined) => any) | undefined;
|
|
25
25
|
}>, {
|
|
26
26
|
size: "sm" | "md" | "lg";
|
|
27
|
-
clearable: boolean;
|
|
28
27
|
clearIcon: string;
|
|
28
|
+
clearable: boolean;
|
|
29
29
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
30
30
|
declare const _default: typeof __VLS_export;
|
|
31
31
|
export default _default;
|
|
@@ -22,8 +22,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
|
|
|
22
22
|
size: "sm" | "md" | "lg";
|
|
23
23
|
granularity: "hour" | "minute" | "second";
|
|
24
24
|
hourCycle: 12 | 24;
|
|
25
|
-
clearable: boolean;
|
|
26
25
|
clearIcon: string;
|
|
26
|
+
clearable: boolean;
|
|
27
27
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
28
28
|
declare const _default: typeof __VLS_export;
|
|
29
29
|
export default _default;
|
|
@@ -22,8 +22,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
|
|
|
22
22
|
size: "sm" | "md" | "lg";
|
|
23
23
|
granularity: "hour" | "minute" | "second";
|
|
24
24
|
hourCycle: 12 | 24;
|
|
25
|
-
clearable: boolean;
|
|
26
25
|
clearIcon: string;
|
|
26
|
+
clearable: boolean;
|
|
27
27
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
28
28
|
declare const _default: typeof __VLS_export;
|
|
29
29
|
export default _default;
|
|
@@ -29,8 +29,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
|
|
|
29
29
|
"onUpdate:endValue"?: ((args_0: Date | undefined) => any) | undefined;
|
|
30
30
|
}>, {
|
|
31
31
|
size: "sm" | "md" | "lg";
|
|
32
|
-
clearable: boolean;
|
|
33
32
|
clearIcon: string;
|
|
33
|
+
clearable: boolean;
|
|
34
34
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
35
35
|
declare const _default: typeof __VLS_export;
|
|
36
36
|
export default _default;
|
|
@@ -29,8 +29,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
|
|
|
29
29
|
"onUpdate:endValue"?: ((args_0: Date | undefined) => any) | undefined;
|
|
30
30
|
}>, {
|
|
31
31
|
size: "sm" | "md" | "lg";
|
|
32
|
-
clearable: boolean;
|
|
33
32
|
clearIcon: string;
|
|
33
|
+
clearable: boolean;
|
|
34
34
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
35
35
|
declare const _default: typeof __VLS_export;
|
|
36
36
|
export default _default;
|
|
@@ -26,9 +26,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
|
|
|
26
26
|
size: "sm" | "md" | "lg";
|
|
27
27
|
granularity: "hour" | "minute" | "second";
|
|
28
28
|
hourCycle: 12 | 24;
|
|
29
|
-
clearable: boolean;
|
|
30
|
-
clearIcon: string;
|
|
31
29
|
rangeSeparatorIcon: string;
|
|
30
|
+
clearIcon: string;
|
|
31
|
+
clearable: boolean;
|
|
32
32
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
33
33
|
declare const _default: typeof __VLS_export;
|
|
34
34
|
export default _default;
|
|
@@ -26,9 +26,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
|
|
|
26
26
|
size: "sm" | "md" | "lg";
|
|
27
27
|
granularity: "hour" | "minute" | "second";
|
|
28
28
|
hourCycle: 12 | 24;
|
|
29
|
-
clearable: boolean;
|
|
30
|
-
clearIcon: string;
|
|
31
29
|
rangeSeparatorIcon: string;
|
|
30
|
+
clearIcon: string;
|
|
31
|
+
clearable: boolean;
|
|
32
32
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
33
33
|
declare const _default: typeof __VLS_export;
|
|
34
34
|
export default _default;
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{aO as e}from"./index-CLhRphC4.js";import{aP as r,aQ as s,aR as t}from"./index-CLhRphC4.js";export{r as TableConfig,s as createTableConfig,e as default,t as getColumnTechnicalKey};
|