@silver-formily/element-plus 2.1.0 → 2.3.0
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/LICENSE +21 -21
- package/README.en-US.md +32 -32
- package/README.md +32 -32
- package/esm/__builtins__/configs/index.mjs.map +1 -1
- package/esm/__builtins__/index.mjs +19 -23
- package/esm/__builtins__/index.mjs.map +1 -1
- package/esm/__builtins__/shared/index.d.ts +0 -1
- package/esm/__builtins__/shared/index.mjs +17 -21
- package/esm/__builtins__/shared/index.mjs.map +1 -1
- package/esm/__builtins__/shared/loading.mjs +5 -5
- package/esm/__builtins__/shared/loading.mjs.map +1 -1
- package/esm/__builtins__/shared/simple-version-compare.mjs.map +1 -1
- package/esm/__builtins__/shared/transform-component.mjs.map +1 -1
- package/esm/__builtins__/shared/use-enter-submit.d.ts +9 -0
- package/esm/__builtins__/shared/use-enter-submit.mjs +25 -0
- package/esm/__builtins__/shared/use-enter-submit.mjs.map +1 -0
- package/esm/__builtins__/shared/utils.mjs.map +1 -1
- package/esm/array-base/index.mjs +18 -21
- package/esm/array-base/index.mjs.map +1 -1
- package/esm/array-base/symbols.mjs.map +1 -1
- package/esm/array-base/utils.mjs +29 -33
- package/esm/array-base/utils.mjs.map +1 -1
- package/esm/array-cards/index.mjs +29 -31
- package/esm/array-cards/index.mjs.map +1 -1
- package/esm/array-collapse/index.mjs +35 -36
- package/esm/array-collapse/index.mjs.map +1 -1
- package/esm/array-collapse/utils.mjs +2 -8
- package/esm/array-collapse/utils.mjs.map +1 -1
- package/esm/array-items/index.mjs +30 -33
- package/esm/array-items/index.mjs.map +1 -1
- package/esm/array-list-tabs/index.mjs +27 -28
- package/esm/array-list-tabs/index.mjs.map +1 -1
- package/esm/array-list-tabs/utils.mjs +5 -11
- package/esm/array-list-tabs/utils.mjs.map +1 -1
- package/esm/array-table/index.mjs +52 -53
- package/esm/array-table/index.mjs.map +1 -1
- package/esm/array-table/utils.mjs +12 -18
- package/esm/array-table/utils.mjs.map +1 -1
- package/esm/array-tabs/index.mjs +17 -19
- package/esm/array-tabs/index.mjs.map +1 -1
- package/esm/autocomplete/autocomplete.d.ts +1222 -0
- package/esm/autocomplete/index.d.ts +639 -0
- package/esm/autocomplete/index.mjs +110 -0
- package/esm/autocomplete/index.mjs.map +1 -0
- package/esm/cascader/index.mjs +17 -20
- package/esm/cascader/index.mjs.map +1 -1
- package/esm/checkbox/index.d.ts +42 -42
- package/esm/checkbox/index.mjs +16 -19
- package/esm/checkbox/index.mjs.map +1 -1
- package/esm/color-picker/index.d.ts +210 -0
- package/esm/color-picker/index.mjs +14 -0
- package/esm/color-picker/index.mjs.map +1 -0
- package/esm/color-picker-panel/index.d.ts +129 -0
- package/esm/color-picker-panel/index.mjs +22 -0
- package/esm/color-picker-panel/index.mjs.map +1 -0
- package/esm/date-picker/index.mjs +11 -35
- package/esm/date-picker/index.mjs.map +1 -1
- package/esm/date-picker/utils.d.ts +4 -0
- package/esm/date-picker/utils.mjs +27 -0
- package/esm/date-picker/utils.mjs.map +1 -0
- package/esm/date-picker-panel/index.d.ts +143 -0
- package/esm/date-picker-panel/index.mjs +27 -0
- package/esm/date-picker-panel/index.mjs.map +1 -0
- package/esm/editable/index.mjs +48 -50
- package/esm/editable/index.mjs.map +1 -1
- package/esm/env.d.mjs +2 -0
- package/esm/env.d.mjs.map +1 -0
- package/esm/form/form.mjs +6 -6
- package/esm/form/form.mjs.map +1 -1
- package/esm/form-button-group/form-button-group.d.ts +1 -1
- package/esm/form-button-group/index.d.ts +3 -3
- package/esm/form-button-group/index.mjs +23 -26
- package/esm/form-button-group/index.mjs.map +1 -1
- package/esm/form-button-group/utils.mjs +2 -8
- package/esm/form-button-group/utils.mjs.map +1 -1
- package/esm/form-collapse/index.mjs +18 -20
- package/esm/form-collapse/index.mjs.map +1 -1
- package/esm/form-collapse/utils.mjs.map +1 -1
- package/esm/form-dialog/dialog-content.d.ts +789 -3
- package/esm/form-dialog/index.mjs +98 -87
- package/esm/form-dialog/index.mjs.map +1 -1
- package/esm/form-dialog/types.d.ts +1 -0
- package/esm/form-drawer/drawer-content.d.ts +919 -3
- package/esm/form-drawer/index.mjs +92 -82
- package/esm/form-drawer/index.mjs.map +1 -1
- package/esm/form-drawer/types.d.ts +1 -0
- package/esm/form-grid/hooks.mjs.map +1 -1
- package/esm/form-grid/index.mjs +20 -23
- package/esm/form-grid/index.mjs.map +1 -1
- package/esm/form-item/index.mjs +59 -57
- package/esm/form-item/index.mjs.map +1 -1
- package/esm/form-item/utils.mjs.map +1 -1
- package/esm/form-layout/form-layout.mjs +14 -18
- package/esm/form-layout/form-layout.mjs.map +1 -1
- package/esm/form-layout/utils.mjs +19 -24
- package/esm/form-layout/utils.mjs.map +1 -1
- package/esm/form-step/index.mjs +24 -26
- package/esm/form-step/index.mjs.map +1 -1
- package/esm/form-step/utils.mjs.map +1 -1
- package/esm/form-tab/hooks.mjs.map +1 -1
- package/esm/form-tab/index.mjs +19 -20
- package/esm/form-tab/index.mjs.map +1 -1
- package/esm/form-tab/utils.mjs.map +1 -1
- package/esm/index.d.ts +9 -0
- package/esm/index.mjs +90 -72
- package/esm/index.mjs.map +1 -1
- package/esm/input/index.mjs +20 -23
- package/esm/input/index.mjs.map +1 -1
- package/esm/input-number/index.d.ts +21 -21
- package/esm/input-number/index.mjs +7 -9
- package/esm/input-number/index.mjs.map +1 -1
- package/esm/input-tag/index.d.ts +32 -0
- package/esm/input-tag/index.mjs +46 -0
- package/esm/input-tag/index.mjs.map +1 -0
- package/esm/input-tag/input-tag.d.ts +32 -0
- package/esm/mention/index.d.ts +50 -0
- package/esm/mention/index.mjs +93 -0
- package/esm/mention/index.mjs.map +1 -0
- package/esm/mention/mention.d.ts +51 -0
- package/esm/pagination/components/jumper.mjs.map +1 -1
- package/esm/pagination/components/next.mjs.map +1 -1
- package/esm/pagination/components/pager.mjs.map +1 -1
- package/esm/pagination/components/prev.mjs.map +1 -1
- package/esm/pagination/components/total.mjs.map +1 -1
- package/esm/pagination/pagination.mjs.map +1 -1
- package/esm/password/index.mjs.map +1 -1
- package/esm/preview-text/color-picker.d.ts +5 -0
- package/esm/preview-text/index.d.ts +10 -0
- package/esm/preview-text/index.mjs +175 -119
- package/esm/preview-text/index.mjs.map +1 -1
- package/esm/preview-text/rate.d.ts +5 -0
- package/esm/preview-text/utils.d.ts +5 -5
- package/esm/preview-text/utils.mjs.map +1 -1
- package/esm/radio/index.d.ts +36 -36
- package/esm/radio/index.mjs +25 -28
- package/esm/radio/index.mjs.map +1 -1
- package/esm/rate/index.d.ts +187 -0
- package/esm/rate/index.mjs +14 -0
- package/esm/rate/index.mjs.map +1 -0
- package/esm/reset/index.mjs.map +1 -1
- package/esm/segmented/index.d.ts +26 -0
- package/esm/segmented/index.mjs +37 -0
- package/esm/segmented/index.mjs.map +1 -0
- package/esm/segmented/segmented.d.ts +25 -0
- package/esm/select/index.mjs +16 -19
- package/esm/select/index.mjs.map +1 -1
- package/esm/select-table/index.mjs +12 -15
- package/esm/select-table/index.mjs.map +1 -1
- package/esm/shared/overlay-elements.d.ts +6 -0
- package/esm/shared/overlay-elements.mjs +16 -0
- package/esm/shared/overlay-elements.mjs.map +1 -0
- package/esm/slider/index.d.ts +177 -0
- package/esm/slider/index.mjs +14 -0
- package/esm/slider/index.mjs.map +1 -0
- package/esm/styles/preview-text/index.css +1 -1
- package/esm/submit/index.mjs.map +1 -1
- package/esm/switch/index.d.ts +12 -12
- package/esm/switch/index.mjs.map +1 -1
- package/esm/time-picker/index.mjs +6 -8
- package/esm/time-picker/index.mjs.map +1 -1
- package/esm/time-select/index.mjs +6 -8
- package/esm/time-select/index.mjs.map +1 -1
- package/esm/transfer/index.mjs.map +1 -1
- package/esm/tree/index.mjs +28 -31
- package/esm/tree/index.mjs.map +1 -1
- package/esm/tree/utils.mjs.map +1 -1
- package/esm/tree-select/index.mjs +17 -20
- package/esm/tree-select/index.mjs.map +1 -1
- package/esm/upload/index.d.ts +1 -1
- package/esm/upload/index.mjs +7 -9
- package/esm/upload/index.mjs.map +1 -1
- package/esm/upload/upload.d.ts +2 -2
- package/esm/vendor/sizes.mjs.map +1 -1
- package/package.json +115 -113
- package/esm/__builtins__/shared/hooks.d.ts +0 -7
- package/esm/__builtins__/shared/hooks.mjs +0 -59
- package/esm/__builtins__/shared/hooks.mjs.map +0 -1
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { connect as r, mapProps as m } from "@silver-formily/vue";
|
|
2
|
+
import { ElDatePickerPanel as o } from "element-plus";
|
|
3
|
+
import { getDefaultFormat as a } from "../date-picker/utils.mjs";
|
|
4
|
+
import { PreviewText as i } from "../preview-text/index.mjs";
|
|
5
|
+
import { mapReadPretty as l } from "../__builtins__/shared/transform-component.mjs";
|
|
6
|
+
const c = r(
|
|
7
|
+
o,
|
|
8
|
+
m(
|
|
9
|
+
{
|
|
10
|
+
disabled: !0,
|
|
11
|
+
editable: !0
|
|
12
|
+
},
|
|
13
|
+
(e) => {
|
|
14
|
+
const t = {};
|
|
15
|
+
return e.readOnly && (t.editable = !1), e.valueFormat || (t.valueFormat = a(e.type, "valueFormat")), e.dateFormat || (t.dateFormat = a(e.type)), {
|
|
16
|
+
...e,
|
|
17
|
+
...t
|
|
18
|
+
};
|
|
19
|
+
}
|
|
20
|
+
),
|
|
21
|
+
l(i.DatePicker)
|
|
22
|
+
);
|
|
23
|
+
export {
|
|
24
|
+
c as DatePickerPanel,
|
|
25
|
+
c as default
|
|
26
|
+
};
|
|
27
|
+
//# sourceMappingURL=index.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../src/date-picker-panel/index.ts"],"sourcesContent":["import { connect, mapProps } from '@silver-formily/vue'\r\nimport { ElDatePickerPanel } from 'element-plus'\r\nimport { mapReadPretty } from '../__builtins__'\r\nimport { getDefaultFormat } from '../date-picker/utils'\r\nimport { PreviewText } from '../preview-text'\r\n\r\nexport const DatePickerPanel = connect<typeof ElDatePickerPanel>(\r\n ElDatePickerPanel,\r\n mapProps(\r\n {\r\n disabled: true,\r\n editable: true,\r\n },\r\n (props: any) => {\r\n const next: Record<string, any> = {}\r\n\r\n if (props.readOnly) {\r\n next.editable = false\r\n }\r\n\r\n if (!props.valueFormat) {\r\n next.valueFormat = getDefaultFormat(props.type, 'valueFormat')\r\n }\r\n\r\n if (!props.dateFormat) {\r\n next.dateFormat = getDefaultFormat(props.type)\r\n }\r\n\r\n return {\r\n ...props,\r\n ...next,\r\n }\r\n },\r\n ),\r\n mapReadPretty(PreviewText.DatePicker),\r\n)\r\n\r\nexport default DatePickerPanel\r\n"],"names":["DatePickerPanel","connect","ElDatePickerPanel","mapProps","props","next","getDefaultFormat","mapReadPretty","PreviewText"],"mappings":";;;;;AAMO,MAAMA,IAAkBC;AAAA,EAC7BC;AAAA,EACAC;AAAA,IACE;AAAA,MACE,UAAU;AAAA,MACV,UAAU;AAAA,IAAA;AAAA,IAEZ,CAACC,MAAe;AACd,YAAMC,IAA4B,CAAA;AAElC,aAAID,EAAM,aACRC,EAAK,WAAW,KAGbD,EAAM,gBACTC,EAAK,cAAcC,EAAiBF,EAAM,MAAM,aAAa,IAG1DA,EAAM,eACTC,EAAK,aAAaC,EAAiBF,EAAM,IAAI,IAGxC;AAAA,QACL,GAAGA;AAAA,QACH,GAAGC;AAAA,MAAA;AAAA,IAEP;AAAA,EAAA;AAAA,EAEFE,EAAcC,EAAY,UAAU;AACtC;"}
|
package/esm/editable/index.mjs
CHANGED
|
@@ -1,16 +1,14 @@
|
|
|
1
1
|
import { useField as E, connect as h, mapProps as w } from "@silver-formily/vue";
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import "@formily/
|
|
6
|
-
import "@
|
|
7
|
-
import {
|
|
8
|
-
import { FormBaseItem as c, fieldFeedbackMapper as F } from "../form-item/index.mjs";
|
|
9
|
-
import { Edit as L, Close as G } from "@element-plus/icons-vue";
|
|
10
|
-
import { isValid as $, isPlainObj as H } from "@formily/shared";
|
|
2
|
+
import { FormBaseItem as c, fieldFeedbackMapper as R } from "../form-item/index.mjs";
|
|
3
|
+
import { defineComponent as z, ref as m, createElementBlock as p, openBlock as d, normalizeClass as i, createVNode as u, unref as t, mergeProps as P, withCtx as n, withDirectives as T, createBlock as _, createElementVNode as C, createTextVNode as S, toDisplayString as V, renderSlot as A, computed as g, createCommentVNode as q, Fragment as I, nextTick as x } from "vue";
|
|
4
|
+
import { Edit as F, Close as N } from "@element-plus/icons-vue";
|
|
5
|
+
import { reaction as D } from "@formily/reactive";
|
|
6
|
+
import { isValid as $, isPlainObj as M } from "@formily/shared";
|
|
7
|
+
import { ElPopover as j, ElText as G, ClickOutside as L } from "element-plus";
|
|
11
8
|
import { stylePrefix as W } from "../__builtins__/configs/index.mjs";
|
|
12
9
|
import { o as k } from "../vendor/lodash.mjs";
|
|
13
|
-
import
|
|
10
|
+
import { composeExport as H } from "../__builtins__/shared/utils.mjs";
|
|
11
|
+
import '../styles/editable/index.css';const J = /* @__PURE__ */ z({
|
|
14
12
|
name: "FEditablePopover",
|
|
15
13
|
inheritAttrs: !1,
|
|
16
14
|
__name: "editable-popover",
|
|
@@ -39,33 +37,33 @@ import '../styles/editable/index.css';const J = /* @__PURE__ */ R({
|
|
|
39
37
|
tooltipLayout: {}
|
|
40
38
|
},
|
|
41
39
|
setup(b) {
|
|
42
|
-
const a = b, e = E(),
|
|
40
|
+
const a = b, e = E(), l = `${W}-editable`, s = m(), r = m(!1);
|
|
43
41
|
if ($(e.value.data)) {
|
|
44
42
|
/* istanbul ignore else -- @preserve */
|
|
45
43
|
$(e.value.data.readPretty) || (e.value.data.readPretty = !0);
|
|
46
44
|
} else
|
|
47
45
|
e.value.data = {}, e.value.data.readPretty = !0;
|
|
48
46
|
function v(o) {
|
|
49
|
-
const
|
|
47
|
+
const f = s.value.parentElement;
|
|
50
48
|
/* istanbul ignore else -- @preserve */
|
|
51
|
-
|
|
49
|
+
f.contains(o.target) || (r.value = !1);
|
|
52
50
|
}
|
|
53
51
|
function y() {
|
|
54
|
-
|
|
52
|
+
r.value = !0;
|
|
55
53
|
}
|
|
56
|
-
return
|
|
54
|
+
return D(
|
|
57
55
|
() => e.value.form.queryFeedbacks({
|
|
58
56
|
type: "error",
|
|
59
57
|
address: `${e.value.address.entire}.*`
|
|
60
58
|
}),
|
|
61
59
|
(o) => {
|
|
62
|
-
o.length > 0 && (
|
|
60
|
+
o.length > 0 && (r.value = !0);
|
|
63
61
|
}
|
|
64
|
-
), (o,
|
|
65
|
-
class: i(
|
|
62
|
+
), (o, f) => (d(), p("div", {
|
|
63
|
+
class: i(l)
|
|
66
64
|
}, [
|
|
67
|
-
u(t(
|
|
68
|
-
visible:
|
|
65
|
+
u(t(j), P(o.$attrs, {
|
|
66
|
+
visible: r.value,
|
|
69
67
|
title: o.$attrs.title || t(e).title,
|
|
70
68
|
trigger: "click",
|
|
71
69
|
width: "auto"
|
|
@@ -74,41 +72,41 @@ import '../styles/editable/index.css';const J = /* @__PURE__ */ R({
|
|
|
74
72
|
C("div", {
|
|
75
73
|
ref_key: "contentRef",
|
|
76
74
|
ref: s,
|
|
77
|
-
class: i(`${
|
|
75
|
+
class: i(`${l}-popover-wrapper`)
|
|
78
76
|
}, [
|
|
79
|
-
|
|
77
|
+
A(o.$slots, "default")
|
|
80
78
|
], 2)
|
|
81
79
|
]),
|
|
82
80
|
reference: n(() => [
|
|
83
|
-
|
|
84
|
-
class: `${
|
|
81
|
+
T((d(), _(t(c), P(a, {
|
|
82
|
+
class: `${l}-trigger`
|
|
85
83
|
}), {
|
|
86
84
|
default: n(() => [
|
|
87
85
|
C("div", {
|
|
88
|
-
class: i(`${
|
|
86
|
+
class: i(`${l}-content`),
|
|
89
87
|
onClick: y
|
|
90
88
|
}, [
|
|
91
|
-
u(t(
|
|
89
|
+
u(t(G), null, {
|
|
92
90
|
default: n(() => [
|
|
93
91
|
S(V(t(e).title), 1)
|
|
94
92
|
]),
|
|
95
93
|
_: 1
|
|
96
94
|
}),
|
|
97
|
-
u(t(
|
|
98
|
-
class: i(`${
|
|
95
|
+
u(t(F), {
|
|
96
|
+
class: i(`${l}-edit-btn`)
|
|
99
97
|
}, null, 8, ["class"])
|
|
100
98
|
], 2)
|
|
101
99
|
]),
|
|
102
100
|
_: 1
|
|
103
101
|
}, 16, ["class"])), [
|
|
104
|
-
[t(
|
|
102
|
+
[t(L), v]
|
|
105
103
|
])
|
|
106
104
|
]),
|
|
107
105
|
_: 3
|
|
108
106
|
}, 16, ["visible", "title"])
|
|
109
107
|
]));
|
|
110
108
|
}
|
|
111
|
-
}), K = /* @__PURE__ */
|
|
109
|
+
}), K = /* @__PURE__ */ z({
|
|
112
110
|
name: "FEditable",
|
|
113
111
|
__name: "editable",
|
|
114
112
|
props: {
|
|
@@ -137,48 +135,48 @@ import '../styles/editable/index.css';const J = /* @__PURE__ */ R({
|
|
|
137
135
|
editProps: {}
|
|
138
136
|
},
|
|
139
137
|
setup(b) {
|
|
140
|
-
const a = b, e = E(),
|
|
138
|
+
const a = b, e = E(), l = m(null), s = `${W}-editable`, r = m(null), v = g(() => k(a, "editProps")), y = g(() => M(a.editProps) ? { ...k(a, "editProps"), ...a.editProps } : k(a, "editProps"));
|
|
141
139
|
function o() {
|
|
142
140
|
$(e.value.data) || (e.value.data = {});
|
|
143
141
|
}
|
|
144
142
|
o(), e.value.data.readPretty = !0;
|
|
145
|
-
async function
|
|
146
|
-
e.value.disabled || (o(), e.value.data.readPretty = !1, await x(),
|
|
143
|
+
async function f() {
|
|
144
|
+
e.value.disabled || (o(), e.value.data.readPretty = !1, await x(), r.value.feedbackTooltipRef.updatePopper(), l.value?.querySelector("input")?.focus());
|
|
147
145
|
}
|
|
148
146
|
function B() {
|
|
149
147
|
e.value.data?.readPretty !== !0 && (o(), setTimeout(async () => {
|
|
150
|
-
e.value.data.readPretty = !0, await x(),
|
|
148
|
+
e.value.data.readPretty = !0, await x(), r.value?.feedbackTooltipRef.updatePopper();
|
|
151
149
|
}, 0));
|
|
152
150
|
}
|
|
153
|
-
return (O, X) => (d(),
|
|
151
|
+
return (O, X) => (d(), p("div", {
|
|
154
152
|
ref_key: "innerRef",
|
|
155
|
-
ref:
|
|
153
|
+
ref: l,
|
|
156
154
|
class: i([s, t(e).disabled && "is-disabled"])
|
|
157
155
|
}, [
|
|
158
|
-
|
|
156
|
+
T((d(), p("div", {
|
|
159
157
|
class: i(`${s}-content`)
|
|
160
158
|
}, [
|
|
161
159
|
u(t(c), P({
|
|
162
160
|
ref_key: "formItemRef",
|
|
163
|
-
ref:
|
|
164
|
-
}, t(e).data?.readPretty === !1 ? y.value : v.value, { onClick:
|
|
161
|
+
ref: r
|
|
162
|
+
}, t(e).data?.readPretty === !1 ? y.value : v.value, { onClick: f }), {
|
|
165
163
|
default: n(() => [
|
|
166
164
|
C("div", null, [
|
|
167
|
-
|
|
165
|
+
A(O.$slots, "default")
|
|
168
166
|
])
|
|
169
167
|
]),
|
|
170
168
|
_: 3
|
|
171
169
|
}, 16),
|
|
172
|
-
t(e).disabled ? q("", !0) : (d(),
|
|
170
|
+
t(e).disabled ? q("", !0) : (d(), p(I, { key: 0 }, [
|
|
173
171
|
t(e).data?.readPretty === !0 ? (d(), _(t(c), {
|
|
174
172
|
key: 0,
|
|
175
173
|
size: a.size,
|
|
176
174
|
"feedback-layout": a.feedbackLayout
|
|
177
175
|
}, {
|
|
178
176
|
default: n(() => [
|
|
179
|
-
u(t(
|
|
177
|
+
u(t(F), {
|
|
180
178
|
class: i(`${s}-edit-btn`),
|
|
181
|
-
onClick:
|
|
179
|
+
onClick: f
|
|
182
180
|
}, null, 8, ["class"])
|
|
183
181
|
]),
|
|
184
182
|
_: 1
|
|
@@ -188,7 +186,7 @@ import '../styles/editable/index.css';const J = /* @__PURE__ */ R({
|
|
|
188
186
|
"feedback-layout": a.feedbackLayout
|
|
189
187
|
}, {
|
|
190
188
|
default: n(() => [
|
|
191
|
-
u(t(
|
|
189
|
+
u(t(N), {
|
|
192
190
|
class: i(`${s}-close-btn`),
|
|
193
191
|
onClick: B
|
|
194
192
|
}, null, 8, ["class"])
|
|
@@ -197,7 +195,7 @@ import '../styles/editable/index.css';const J = /* @__PURE__ */ R({
|
|
|
197
195
|
}, 8, ["size", "feedback-layout"]))
|
|
198
196
|
], 64))
|
|
199
197
|
], 2)), [
|
|
200
|
-
[t(
|
|
198
|
+
[t(L), B]
|
|
201
199
|
])
|
|
202
200
|
], 2));
|
|
203
201
|
}
|
|
@@ -206,18 +204,18 @@ import '../styles/editable/index.css';const J = /* @__PURE__ */ R({
|
|
|
206
204
|
required: !0,
|
|
207
205
|
description: "extra"
|
|
208
206
|
},
|
|
209
|
-
|
|
207
|
+
R
|
|
210
208
|
)), U = h(J, w(
|
|
211
209
|
{
|
|
212
210
|
required: !0,
|
|
213
211
|
description: "extra"
|
|
214
212
|
},
|
|
215
|
-
|
|
216
|
-
)),
|
|
213
|
+
R
|
|
214
|
+
)), de = H(Q, {
|
|
217
215
|
Popover: U
|
|
218
216
|
});
|
|
219
217
|
export {
|
|
220
|
-
|
|
221
|
-
|
|
218
|
+
de as Editable,
|
|
219
|
+
de as default
|
|
222
220
|
};
|
|
223
221
|
//# sourceMappingURL=index.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../src/editable/editable-popover.vue","../../src/editable/editable.vue","../../src/editable/index.ts"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { Field } from '@formily/core'\nimport type { IFormItemProps } from '../form-item/types'\nimport { Edit } from '@element-plus/icons-vue'\nimport { reaction } from '@formily/reactive'\nimport { isValid } from '@formily/shared'\nimport { useField } from '@silver-formily/vue'\nimport { ElPopover, ElText, ClickOutside as vClickOutside } from 'element-plus'\nimport { ref } from 'vue'\nimport { stylePrefix } from '../__builtins__/configs'\nimport { FormBaseItem } from '../form-item'\n\ndefineOptions({\n name: 'FEditablePopover',\n inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<IFormItemProps>(), {\n feedbackLayout: 'popover',\n size: 'default',\n})\n\nconst fieldRef = useField<Field>()\nconst prefixCls = `${stylePrefix}-editable`\nconst contentRef = ref<HTMLElement>()\nconst visible = ref(false)\n\nif (isValid(fieldRef.value.data)) {\n /* istanbul ignore else -- @preserve */\n if (!isValid(fieldRef.value.data.readPretty)) {\n fieldRef.value.data.readPretty = true\n }\n}\nelse {\n fieldRef.value.data = {}\n fieldRef.value.data.readPretty = true\n}\n\nfunction onClickOutside(e) {\n const popoverDOM = contentRef.value.parentElement\n /* istanbul ignore else -- @preserve */\n if (!popoverDOM.contains(e.target)) {\n visible.value = false\n }\n}\nfunction onClick() {\n visible.value = true\n}\n\nreaction(\n () => fieldRef.value.form.queryFeedbacks({\n type: 'error',\n address: `${fieldRef.value.address.entire}.*`,\n }),\n (errorList) => {\n if (errorList.length > 0) {\n visible.value = true\n }\n },\n)\n</script>\n\n<template>\n <div :class=\"prefixCls\">\n <ElPopover\n v-bind=\"$attrs\"\n :visible=\"visible\"\n :title=\"$attrs.title || fieldRef.title\" trigger=\"click\" width=\"auto\"\n >\n <template #default>\n <div ref=\"contentRef\" :class=\"`${prefixCls}-popover-wrapper`\">\n <slot />\n </div>\n </template>\n <template #reference>\n <FormBaseItem v-click-outside=\"onClickOutside\" v-bind=\"props\" :class=\"`${prefixCls}-trigger`\">\n <div :class=\"`${prefixCls}-content`\" @click=\"onClick\">\n <ElText>\n {{ fieldRef.title }}\n </ElText>\n <Edit :class=\"`${prefixCls}-edit-btn`\" />\n </div>\n </FormBaseItem>\n </template>\n </ElPopover>\n </div>\n</template>\n","<script lang=\"ts\" setup>\nimport type { Field } from '@formily/core'\nimport type { IFormItemProps } from '../form-item/types'\nimport { Close, Edit } from '@element-plus/icons-vue'\nimport { isPlainObj, isValid } from '@formily/shared'\nimport { useField } from '@silver-formily/vue'\nimport { ClickOutside as vClickOutside } from 'element-plus'\nimport { omit } from 'lodash-es'\nimport { computed, nextTick, ref } from 'vue'\nimport { stylePrefix } from '../__builtins__/configs'\nimport { FormBaseItem } from '../form-item'\n\ndefineOptions({\n name: 'FEditable',\n})\n\nconst props = withDefaults(defineProps<IFormItemProps & { editProps?: IFormItemProps }>(), {\n feedbackLayout: 'popover',\n size: 'default',\n})\n\nconst fieldRef = useField<Field>()\nconst innerRef = ref<HTMLElement>(null)\nconst prefixCls = `${stylePrefix}-editable`\nconst formItemRef = ref<InstanceType<typeof FormBaseItem>>(null)\n\nconst commonProps = computed(() => omit(props, 'editProps'))\nconst editProps = computed(() => {\n if (isPlainObj(props.editProps)) {\n return { ...omit(props, 'editProps'), ...props.editProps }\n }\n return omit(props, 'editProps')\n})\n\nfunction handleEnsureReadPretty() {\n if (!isValid(fieldRef.value.data)) {\n fieldRef.value.data = {}\n }\n}\n\nhandleEnsureReadPretty()\nfieldRef.value.data.readPretty = true\n\nasync function onClick() {\n if (fieldRef.value.disabled)\n return\n handleEnsureReadPretty()\n fieldRef.value.data.readPretty = false\n await nextTick()\n formItemRef.value.feedbackTooltipRef.updatePopper()\n innerRef.value?.querySelector('input')?.focus()\n}\n\nfunction onClickOutside() {\n if (fieldRef.value.data?.readPretty === true)\n return\n handleEnsureReadPretty()\n // 使用下拉菜单等触发的事件完成应有的操作\n setTimeout(async () => {\n fieldRef.value.data.readPretty = true\n await nextTick()\n formItemRef.value?.feedbackTooltipRef.updatePopper()\n }, 0)\n}\n</script>\n\n<template>\n <div ref=\"innerRef\" :class=\"[prefixCls, fieldRef.disabled && 'is-disabled']\">\n <div v-click-outside=\"onClickOutside\" :class=\"`${prefixCls}-content`\">\n <FormBaseItem ref=\"formItemRef\" v-bind=\"fieldRef.data?.readPretty === false ? editProps : commonProps\" @click=\"onClick\">\n <div>\n <slot />\n </div>\n </FormBaseItem>\n <template v-if=\"!fieldRef.disabled\">\n <template v-if=\"fieldRef.data?.readPretty === true\">\n <FormBaseItem :size=\"props.size\" :feedback-layout=\"props.feedbackLayout\">\n <Edit :class=\"`${prefixCls}-edit-btn`\" @click=\"onClick\" />\n </FormBaseItem>\n </template>\n <template v-else>\n <FormBaseItem :size=\"props.size\" :feedback-layout=\"props.feedbackLayout\">\n <Close :class=\"`${prefixCls}-close-btn`\" @click=\"onClickOutside\" />\n </FormBaseItem>\n </template>\n </template>\n </div>\n </div>\n</template>\n","import type { ElPopover } from 'element-plus'\nimport type { IFormItemProps } from '../form-item/types'\nimport { connect, mapProps } from '@silver-formily/vue'\nimport { composeExport } from '../__builtins__/shared'\nimport { fieldFeedbackMapper } from '../form-item'\nimport FEditablePopover from './editable-popover.vue'\nimport FEditable from './editable.vue'\nimport './style.scss'\n\nexport type EditableProps = IFormItemProps\nexport type EditablePopoverProps = typeof ElPopover\n\nconst EditableInner = connect<typeof FEditable>(FEditable, mapProps(\n {\n required: true,\n description: 'extra',\n },\n fieldFeedbackMapper,\n))\n\nconst EditablePopover = connect<typeof FEditablePopover>(FEditablePopover, mapProps(\n {\n required: true,\n description: 'extra',\n },\n fieldFeedbackMapper,\n))\n\nexport const Editable = composeExport(EditableInner, {\n Popover: EditablePopover,\n})\n\nexport default Editable\n"],"names":["props","__props","fieldRef","useField","prefixCls","stylePrefix","contentRef","ref","visible","isValid","onClickOutside","e","popoverDOM","onClick","reaction","errorList","_createElementBlock","_createVNode","_unref","ElPopover","_mergeProps","_ctx","$attrs","_createElementVNode","_renderSlot","_createBlock","FormBaseItem","ElText","_createTextVNode","_toDisplayString","Edit","innerRef","formItemRef","commonProps","computed","omit","editProps","isPlainObj","handleEnsureReadPretty","nextTick","_normalizeClass","_Fragment","Close","EditableInner","connect","FEditable","mapProps","fieldFeedbackMapper","EditablePopover","FEditablePopover","Editable","composeExport"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../src/editable/editable-popover.vue","../../src/editable/editable.vue","../../src/editable/index.ts"],"sourcesContent":["<script lang=\"ts\" setup>\r\nimport type { Field } from '@formily/core'\r\nimport type { IFormItemProps } from '../form-item/types'\r\nimport { Edit } from '@element-plus/icons-vue'\r\nimport { reaction } from '@formily/reactive'\r\nimport { isValid } from '@formily/shared'\r\nimport { useField } from '@silver-formily/vue'\r\nimport { ElPopover, ElText, ClickOutside as vClickOutside } from 'element-plus'\r\nimport { ref } from 'vue'\r\nimport { stylePrefix } from '../__builtins__/configs'\r\nimport { FormBaseItem } from '../form-item'\r\n\r\ndefineOptions({\r\n name: 'FEditablePopover',\r\n inheritAttrs: false,\r\n})\r\n\r\nconst props = withDefaults(defineProps<IFormItemProps>(), {\r\n feedbackLayout: 'popover',\r\n size: 'default',\r\n})\r\n\r\nconst fieldRef = useField<Field>()\r\nconst prefixCls = `${stylePrefix}-editable`\r\nconst contentRef = ref<HTMLElement>()\r\nconst visible = ref(false)\r\n\r\nif (isValid(fieldRef.value.data)) {\r\n /* istanbul ignore else -- @preserve */\r\n if (!isValid(fieldRef.value.data.readPretty)) {\r\n fieldRef.value.data.readPretty = true\r\n }\r\n}\r\nelse {\r\n fieldRef.value.data = {}\r\n fieldRef.value.data.readPretty = true\r\n}\r\n\r\nfunction onClickOutside(e) {\r\n const popoverDOM = contentRef.value.parentElement\r\n /* istanbul ignore else -- @preserve */\r\n if (!popoverDOM.contains(e.target)) {\r\n visible.value = false\r\n }\r\n}\r\nfunction onClick() {\r\n visible.value = true\r\n}\r\n\r\nreaction(\r\n () => fieldRef.value.form.queryFeedbacks({\r\n type: 'error',\r\n address: `${fieldRef.value.address.entire}.*`,\r\n }),\r\n (errorList) => {\r\n if (errorList.length > 0) {\r\n visible.value = true\r\n }\r\n },\r\n)\r\n</script>\r\n\r\n<template>\r\n <div :class=\"prefixCls\">\r\n <ElPopover\r\n v-bind=\"$attrs\"\r\n :visible=\"visible\"\r\n :title=\"$attrs.title || fieldRef.title\" trigger=\"click\" width=\"auto\"\r\n >\r\n <template #default>\r\n <div ref=\"contentRef\" :class=\"`${prefixCls}-popover-wrapper`\">\r\n <slot />\r\n </div>\r\n </template>\r\n <template #reference>\r\n <FormBaseItem v-click-outside=\"onClickOutside\" v-bind=\"props\" :class=\"`${prefixCls}-trigger`\">\r\n <div :class=\"`${prefixCls}-content`\" @click=\"onClick\">\r\n <ElText>\r\n {{ fieldRef.title }}\r\n </ElText>\r\n <Edit :class=\"`${prefixCls}-edit-btn`\" />\r\n </div>\r\n </FormBaseItem>\r\n </template>\r\n </ElPopover>\r\n </div>\r\n</template>\r\n","<script lang=\"ts\" setup>\r\nimport type { Field } from '@formily/core'\r\nimport type { IFormItemProps } from '../form-item/types'\r\nimport { Close, Edit } from '@element-plus/icons-vue'\r\nimport { isPlainObj, isValid } from '@formily/shared'\r\nimport { useField } from '@silver-formily/vue'\r\nimport { ClickOutside as vClickOutside } from 'element-plus'\r\nimport { omit } from 'lodash-es'\r\nimport { computed, nextTick, ref } from 'vue'\r\nimport { stylePrefix } from '../__builtins__/configs'\r\nimport { FormBaseItem } from '../form-item'\r\n\r\ndefineOptions({\r\n name: 'FEditable',\r\n})\r\n\r\nconst props = withDefaults(defineProps<IFormItemProps & { editProps?: IFormItemProps }>(), {\r\n feedbackLayout: 'popover',\r\n size: 'default',\r\n})\r\n\r\nconst fieldRef = useField<Field>()\r\nconst innerRef = ref<HTMLElement>(null)\r\nconst prefixCls = `${stylePrefix}-editable`\r\nconst formItemRef = ref<InstanceType<typeof FormBaseItem>>(null)\r\n\r\nconst commonProps = computed(() => omit(props, 'editProps'))\r\nconst editProps = computed(() => {\r\n if (isPlainObj(props.editProps)) {\r\n return { ...omit(props, 'editProps'), ...props.editProps }\r\n }\r\n return omit(props, 'editProps')\r\n})\r\n\r\nfunction handleEnsureReadPretty() {\r\n if (!isValid(fieldRef.value.data)) {\r\n fieldRef.value.data = {}\r\n }\r\n}\r\n\r\nhandleEnsureReadPretty()\r\nfieldRef.value.data.readPretty = true\r\n\r\nasync function onClick() {\r\n if (fieldRef.value.disabled)\r\n return\r\n handleEnsureReadPretty()\r\n fieldRef.value.data.readPretty = false\r\n await nextTick()\r\n formItemRef.value.feedbackTooltipRef.updatePopper()\r\n innerRef.value?.querySelector('input')?.focus()\r\n}\r\n\r\nfunction onClickOutside() {\r\n if (fieldRef.value.data?.readPretty === true)\r\n return\r\n handleEnsureReadPretty()\r\n // 使用下拉菜单等触发的事件完成应有的操作\r\n setTimeout(async () => {\r\n fieldRef.value.data.readPretty = true\r\n await nextTick()\r\n formItemRef.value?.feedbackTooltipRef.updatePopper()\r\n }, 0)\r\n}\r\n</script>\r\n\r\n<template>\r\n <div ref=\"innerRef\" :class=\"[prefixCls, fieldRef.disabled && 'is-disabled']\">\r\n <div v-click-outside=\"onClickOutside\" :class=\"`${prefixCls}-content`\">\r\n <FormBaseItem ref=\"formItemRef\" v-bind=\"fieldRef.data?.readPretty === false ? editProps : commonProps\" @click=\"onClick\">\r\n <div>\r\n <slot />\r\n </div>\r\n </FormBaseItem>\r\n <template v-if=\"!fieldRef.disabled\">\r\n <template v-if=\"fieldRef.data?.readPretty === true\">\r\n <FormBaseItem :size=\"props.size\" :feedback-layout=\"props.feedbackLayout\">\r\n <Edit :class=\"`${prefixCls}-edit-btn`\" @click=\"onClick\" />\r\n </FormBaseItem>\r\n </template>\r\n <template v-else>\r\n <FormBaseItem :size=\"props.size\" :feedback-layout=\"props.feedbackLayout\">\r\n <Close :class=\"`${prefixCls}-close-btn`\" @click=\"onClickOutside\" />\r\n </FormBaseItem>\r\n </template>\r\n </template>\r\n </div>\r\n </div>\r\n</template>\r\n","import type { ElPopover } from 'element-plus'\r\nimport type { IFormItemProps } from '../form-item/types'\r\nimport { connect, mapProps } from '@silver-formily/vue'\r\nimport { composeExport } from '../__builtins__/shared'\r\nimport { fieldFeedbackMapper } from '../form-item'\r\nimport FEditablePopover from './editable-popover.vue'\r\nimport FEditable from './editable.vue'\r\nimport './style.scss'\r\n\r\nexport type EditableProps = IFormItemProps\r\nexport type EditablePopoverProps = typeof ElPopover\r\n\r\nconst EditableInner = connect<typeof FEditable>(FEditable, mapProps(\r\n {\r\n required: true,\r\n description: 'extra',\r\n },\r\n fieldFeedbackMapper,\r\n))\r\n\r\nconst EditablePopover = connect<typeof FEditablePopover>(FEditablePopover, mapProps(\r\n {\r\n required: true,\r\n description: 'extra',\r\n },\r\n fieldFeedbackMapper,\r\n))\r\n\r\nexport const Editable = composeExport(EditableInner, {\r\n Popover: EditablePopover,\r\n})\r\n\r\nexport default Editable\r\n"],"names":["props","__props","fieldRef","useField","prefixCls","stylePrefix","contentRef","ref","visible","isValid","onClickOutside","e","popoverDOM","onClick","reaction","errorList","_createElementBlock","_createVNode","_unref","ElPopover","_mergeProps","_ctx","$attrs","_createElementVNode","_renderSlot","_createBlock","FormBaseItem","ElText","_createTextVNode","_toDisplayString","Edit","innerRef","formItemRef","commonProps","computed","omit","editProps","isPlainObj","handleEnsureReadPretty","nextTick","_normalizeClass","_Fragment","Close","EditableInner","connect","FEditable","mapProps","fieldFeedbackMapper","EditablePopover","FEditablePopover","Editable","composeExport"],"mappings":"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"}
|
package/esm/env.d.mjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"env.d.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
package/esm/form/form.mjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { defineComponent as h, createBlock as f, createCommentVNode as S, openBlock as p, unref as t, withCtx as i, createVNode as n, mergeProps as d, renderSlot as s, withModifiers as F } from "vue";
|
|
2
2
|
import { useForm as v, FormProvider as w } from "@silver-formily/vue";
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
3
|
+
import { PreviewText as c } from "../preview-text/index.mjs";
|
|
4
|
+
import { _ as b } from "../form-layout/form-layout.mjs";
|
|
5
5
|
const $ = /* @__PURE__ */ h({
|
|
6
6
|
name: "FForm",
|
|
7
7
|
inheritAttrs: !1,
|
|
@@ -30,11 +30,11 @@ const $ = /* @__PURE__ */ h({
|
|
|
30
30
|
form: o.form
|
|
31
31
|
}, {
|
|
32
32
|
default: i(() => [
|
|
33
|
-
n(t(
|
|
33
|
+
n(t(c), {
|
|
34
34
|
placeholder: o.previewTextPlaceholder
|
|
35
35
|
}, {
|
|
36
36
|
default: i(() => [
|
|
37
|
-
n(t(
|
|
37
|
+
n(t(b), d(m.$attrs, {
|
|
38
38
|
onSubmit: r[0] || (r[0] = (e) => a(e, l.form))
|
|
39
39
|
}), {
|
|
40
40
|
default: i(() => [
|
|
@@ -47,12 +47,12 @@ const $ = /* @__PURE__ */ h({
|
|
|
47
47
|
}, 8, ["placeholder"])
|
|
48
48
|
]),
|
|
49
49
|
_: 3
|
|
50
|
-
}, 8, ["form"])) : t(u) ? (p(), f(t(
|
|
50
|
+
}, 8, ["form"])) : t(u) ? (p(), f(t(c), {
|
|
51
51
|
key: 1,
|
|
52
52
|
placeholder: o.previewTextPlaceholder
|
|
53
53
|
}, {
|
|
54
54
|
default: i(() => [
|
|
55
|
-
n(t(
|
|
55
|
+
n(t(b), d(m.$attrs, {
|
|
56
56
|
onSubmit: r[1] || (r[1] = F((e) => a(e, t(u)), ["prevent", "stop"]))
|
|
57
57
|
}), {
|
|
58
58
|
default: i(() => [
|
package/esm/form/form.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form.mjs","sources":["../../src/form/form.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { Form as FormType, IFormFeedback } from '@formily/core'\nimport type { PropType } from 'vue'\nimport { FormProvider, useForm } from '@silver-formily/vue'\nimport { FormLayout } from '../form-layout'\nimport { PreviewText } from '../preview-text'\n\ndefineOptions({\n name: 'FForm',\n inheritAttrs: false,\n})\n\nconst props = defineProps({\n form: {\n type: Object as PropType<FormType>,\n },\n previewTextPlaceholder: {\n type: String,\n },\n onAutoSubmit: {\n type: Function as PropType<(values: FormType['values']) => Promise<any>>,\n },\n onAutoSubmitFailed: {\n type: Function as PropType<(error: IFormFeedback[]) => void>,\n },\n})\n\nconst top = useForm()\n\nfunction handleSubmit(e: Event, form: FormType) {\n form\n .submit(values => props.onAutoSubmit?.(values))\n .catch(error => props.onAutoSubmitFailed?.(error))\n}\n</script>\n\n<template>\n <FormProvider v-if=\"props.form\" :form=\"props.form\">\n <PreviewText :placeholder=\"props.previewTextPlaceholder\">\n <FormLayout v-bind=\"$attrs\" @submit=\"(e) => handleSubmit(e, form)\">\n <slot />\n </FormLayout>\n </PreviewText>\n </FormProvider>\n <template v-else-if=\"top\">\n <PreviewText :placeholder=\"props.previewTextPlaceholder\">\n <FormLayout\n v-bind=\"$attrs\"\n @submit.prevent.stop=\"(e) => handleSubmit(e, top)\"\n >\n <slot />\n </FormLayout>\n </PreviewText>\n </template>\n</template>\n"],"names":["props","__props","top","useForm","handleSubmit","e","form","values","error","_createBlock","_unref","FormProvider","_createVNode","PreviewText","FormLayout","_mergeProps","_ctx","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAYA,UAAMA,IAAQC,GAeRC,IAAMC,EAAA;AAEZ,aAASC,EAAaC,GAAUC,GAAgB;AAC9C,MAAAA,EACG,OAAO,CAAAC,MAAUP,EAAM,eAAeO,CAAM,CAAC,EAC7C,MAAM,CAAAC,MAASR,EAAM,qBAAqBQ,CAAK,CAAC;AAAA,IACrD;qBAIsBR,EAAM,aAA1BS,EAMeC,EAAAC,CAAA,GAAA;AAAA;MANkB,MAAMX,EAAM;AAAA,IAAA;iBAC3C,MAIc;AAAA,QAJdY,EAIcF,EAAAG,CAAA,GAAA;AAAA,UAJA,aAAab,EAAM;AAAA,QAAA;qBAC/B,MAEa;AAAA,YAFbY,EAEaF,EAAAI,CAAA,GAFbC,EAEaC,EAAA,QAFa;AAAA,cAAG,2BAAS,MAAMZ,EAAa,GAAGH,EAAA,IAAI;AAAA,YAAA;yBAC9D,MAAQ;AAAA,gBAARgB,EAAQD,EAAA,QAAA,SAAA;AAAA,cAAA;;;;;;;;uBAION,EAAAR,CAAA,UACnBO,EAOcC,EAAAG,CAAA,GAAA;AAAA;MAPA,aAAab,EAAM;AAAA,IAAA;iBAC/B,MAKa;AAAA,QALbY,EAKaF,EAAAI,CAAA,GALbC,EAKaC,EAAA,QAJG;AAAA,UACb,6BAAsB,MAAMZ,EAAa,GAAGM,EAAAR,CAAA,CAAG,GAAA,CAAA,WAAA,MAAA,CAAA;AAAA,QAAA;qBAEhD,MAAQ;AAAA,YAARe,EAAQD,EAAA,QAAA,SAAA;AAAA,UAAA;;;;;;;;"}
|
|
1
|
+
{"version":3,"file":"form.mjs","sources":["../../src/form/form.vue"],"sourcesContent":["<script lang=\"ts\" setup>\r\nimport type { Form as FormType, IFormFeedback } from '@formily/core'\r\nimport type { PropType } from 'vue'\r\nimport { FormProvider, useForm } from '@silver-formily/vue'\r\nimport { FormLayout } from '../form-layout'\r\nimport { PreviewText } from '../preview-text'\r\n\r\ndefineOptions({\r\n name: 'FForm',\r\n inheritAttrs: false,\r\n})\r\n\r\nconst props = defineProps({\r\n form: {\r\n type: Object as PropType<FormType>,\r\n },\r\n previewTextPlaceholder: {\r\n type: String,\r\n },\r\n onAutoSubmit: {\r\n type: Function as PropType<(values: FormType['values']) => Promise<any>>,\r\n },\r\n onAutoSubmitFailed: {\r\n type: Function as PropType<(error: IFormFeedback[]) => void>,\r\n },\r\n})\r\n\r\nconst top = useForm()\r\n\r\nfunction handleSubmit(e: Event, form: FormType) {\r\n form\r\n .submit(values => props.onAutoSubmit?.(values))\r\n .catch(error => props.onAutoSubmitFailed?.(error))\r\n}\r\n</script>\r\n\r\n<template>\r\n <FormProvider v-if=\"props.form\" :form=\"props.form\">\r\n <PreviewText :placeholder=\"props.previewTextPlaceholder\">\r\n <FormLayout v-bind=\"$attrs\" @submit=\"(e) => handleSubmit(e, form)\">\r\n <slot />\r\n </FormLayout>\r\n </PreviewText>\r\n </FormProvider>\r\n <template v-else-if=\"top\">\r\n <PreviewText :placeholder=\"props.previewTextPlaceholder\">\r\n <FormLayout\r\n v-bind=\"$attrs\"\r\n @submit.prevent.stop=\"(e) => handleSubmit(e, top)\"\r\n >\r\n <slot />\r\n </FormLayout>\r\n </PreviewText>\r\n </template>\r\n</template>\r\n"],"names":["props","__props","top","useForm","handleSubmit","e","form","values","error","_createBlock","_unref","FormProvider","_createVNode","PreviewText","FormLayout","_mergeProps","_ctx","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAYA,UAAMA,IAAQC,GAeRC,IAAMC,EAAA;AAEZ,aAASC,EAAaC,GAAUC,GAAgB;AAC9C,MAAAA,EACG,OAAO,CAAAC,MAAUP,EAAM,eAAeO,CAAM,CAAC,EAC7C,MAAM,CAAAC,MAASR,EAAM,qBAAqBQ,CAAK,CAAC;AAAA,IACrD;qBAIsBR,EAAM,aAA1BS,EAMeC,EAAAC,CAAA,GAAA;AAAA;MANkB,MAAMX,EAAM;AAAA,IAAA;iBAC3C,MAIc;AAAA,QAJdY,EAIcF,EAAAG,CAAA,GAAA;AAAA,UAJA,aAAab,EAAM;AAAA,QAAA;qBAC/B,MAEa;AAAA,YAFbY,EAEaF,EAAAI,CAAA,GAFbC,EAEaC,EAAA,QAFa;AAAA,cAAG,2BAAS,MAAMZ,EAAa,GAAGH,EAAA,IAAI;AAAA,YAAA;yBAC9D,MAAQ;AAAA,gBAARgB,EAAQD,EAAA,QAAA,SAAA;AAAA,cAAA;;;;;;;;uBAION,EAAAR,CAAA,UACnBO,EAOcC,EAAAG,CAAA,GAAA;AAAA;MAPA,aAAab,EAAM;AAAA,IAAA;iBAC/B,MAKa;AAAA,QALbY,EAKaF,EAAAI,CAAA,GALbC,EAKaC,EAAA,QAJG;AAAA,UACb,6BAAsB,MAAMZ,EAAa,GAAGM,EAAAR,CAAA,CAAG,GAAA,CAAA,WAAA,MAAA,CAAA;AAAA,QAAA;qBAEhD,MAAQ;AAAA,YAARe,EAAQD,EAAA,QAAA,SAAA;AAAA,UAAA;;;;;;;;"}
|
|
@@ -35,8 +35,8 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
|
|
|
35
35
|
default: boolean;
|
|
36
36
|
};
|
|
37
37
|
}>> & Readonly<{}>, {
|
|
38
|
-
gutter: number;
|
|
39
38
|
align: string;
|
|
39
|
+
gutter: number;
|
|
40
40
|
alignFormItem: boolean;
|
|
41
41
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
42
42
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
@@ -13,8 +13,8 @@ export declare const FormButtonGroup: {
|
|
|
13
13
|
default: boolean;
|
|
14
14
|
};
|
|
15
15
|
}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
|
|
16
|
-
gutter: number;
|
|
17
16
|
align: string;
|
|
17
|
+
gutter: number;
|
|
18
18
|
alignFormItem: boolean;
|
|
19
19
|
}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
|
|
20
20
|
P: {};
|
|
@@ -37,8 +37,8 @@ export declare const FormButtonGroup: {
|
|
|
37
37
|
default: boolean;
|
|
38
38
|
};
|
|
39
39
|
}>> & Readonly<{}>, {}, {}, {}, {}, {
|
|
40
|
-
gutter: number;
|
|
41
40
|
align: string;
|
|
41
|
+
gutter: number;
|
|
42
42
|
alignFormItem: boolean;
|
|
43
43
|
}>;
|
|
44
44
|
__isFragment?: never;
|
|
@@ -58,8 +58,8 @@ export declare const FormButtonGroup: {
|
|
|
58
58
|
default: boolean;
|
|
59
59
|
};
|
|
60
60
|
}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
|
|
61
|
-
gutter: number;
|
|
62
61
|
align: string;
|
|
62
|
+
gutter: number;
|
|
63
63
|
alignFormItem: boolean;
|
|
64
64
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
65
65
|
$slots: {
|
|
@@ -1,25 +1,22 @@
|
|
|
1
|
-
import { defineComponent as p, computed as g, createBlock as a, openBlock as l, unref as e, mergeProps as
|
|
2
|
-
import {
|
|
3
|
-
import "
|
|
4
|
-
import "
|
|
5
|
-
import "
|
|
6
|
-
import {
|
|
7
|
-
import { composeExport as
|
|
8
|
-
import { useFormLayoutId as k } from "../form-layout/utils.mjs";
|
|
9
|
-
import { prefixCls as u } from "./utils.mjs";
|
|
10
|
-
import { FormItem as h } from "../form-item/index.mjs";
|
|
1
|
+
import { defineComponent as p, computed as g, createBlock as a, openBlock as l, unref as e, mergeProps as n, withCtx as r, renderSlot as u, createVNode as y } from "vue";
|
|
2
|
+
import { useForm as _ } from "@silver-formily/vue";
|
|
3
|
+
import { useAttrs as $, ElAffix as v, ElSpace as m } from "element-plus";
|
|
4
|
+
import { useFormLayoutId as F } from "../form-layout/utils.mjs";
|
|
5
|
+
import { prefixCls as i } from "./utils.mjs";
|
|
6
|
+
import { FormItem as k } from "../form-item/index.mjs";
|
|
7
|
+
import { composeExport as h } from "../__builtins__/shared/utils.mjs";
|
|
11
8
|
import '../styles/form-button-group/index.css';const b = /* @__PURE__ */ p({
|
|
12
9
|
__name: "form-button-group-sticky",
|
|
13
|
-
setup(
|
|
14
|
-
const t =
|
|
15
|
-
return (d, B) => (l(), a(e(
|
|
16
|
-
class: `${e(
|
|
10
|
+
setup(f) {
|
|
11
|
+
const t = $(), o = _(), s = F(), c = g(() => t.value.target ? t.value.target : s.value ? `#${s.value}` : o.value?.id ? `#formily-${o.value.id}` : void 0);
|
|
12
|
+
return (d, B) => (l(), a(e(v), n({
|
|
13
|
+
class: `${e(i)}__sticky`
|
|
17
14
|
}, e(t), {
|
|
18
15
|
position: e(t).position ?? "bottom",
|
|
19
16
|
target: c.value
|
|
20
17
|
}), {
|
|
21
18
|
default: r(() => [
|
|
22
|
-
|
|
19
|
+
u(d.$slots, "default")
|
|
23
20
|
]),
|
|
24
21
|
_: 3
|
|
25
22
|
}, 16, ["class", "position", "target"]));
|
|
@@ -42,31 +39,31 @@ import '../styles/form-button-group/index.css';const b = /* @__PURE__ */ p({
|
|
|
42
39
|
default: !1
|
|
43
40
|
}
|
|
44
41
|
},
|
|
45
|
-
setup(
|
|
46
|
-
const t =
|
|
47
|
-
return (o, s) => t.alignFormItem ? (l(), a(e(
|
|
42
|
+
setup(f) {
|
|
43
|
+
const t = f;
|
|
44
|
+
return (o, s) => t.alignFormItem ? (l(), a(e(k), n({
|
|
48
45
|
key: 0,
|
|
49
46
|
colon: !1,
|
|
50
47
|
label: " "
|
|
51
48
|
}, o.$attrs, {
|
|
52
|
-
class: e(
|
|
49
|
+
class: e(i),
|
|
53
50
|
style: {
|
|
54
51
|
width: "100%"
|
|
55
52
|
}
|
|
56
53
|
}), {
|
|
57
54
|
default: r(() => [
|
|
58
|
-
y(e(
|
|
55
|
+
y(e(m), {
|
|
59
56
|
size: t.gutter
|
|
60
57
|
}, {
|
|
61
58
|
default: r(() => [
|
|
62
|
-
|
|
59
|
+
u(o.$slots, "default")
|
|
63
60
|
]),
|
|
64
61
|
_: 3
|
|
65
62
|
}, 8, ["size"])
|
|
66
63
|
]),
|
|
67
64
|
_: 3
|
|
68
|
-
}, 16, ["class"])) : (l(), a(e(
|
|
69
|
-
class: e(
|
|
65
|
+
}, 16, ["class"])) : (l(), a(e(m), n({ key: 1 }, o.$attrs, {
|
|
66
|
+
class: e(i),
|
|
70
67
|
style: {
|
|
71
68
|
justifyContent: t.align === "left" ? "flex-start" : t.align === "right" ? "flex-end" : "center",
|
|
72
69
|
display: "flex"
|
|
@@ -74,15 +71,15 @@ import '../styles/form-button-group/index.css';const b = /* @__PURE__ */ p({
|
|
|
74
71
|
size: t.gutter
|
|
75
72
|
}), {
|
|
76
73
|
default: r(() => [
|
|
77
|
-
|
|
74
|
+
u(o.$slots, "default")
|
|
78
75
|
]),
|
|
79
76
|
_: 3
|
|
80
77
|
}, 16, ["class", "style", "size"]));
|
|
81
78
|
}
|
|
82
|
-
}),
|
|
79
|
+
}), G = h(x, {
|
|
83
80
|
Sticky: b
|
|
84
81
|
});
|
|
85
82
|
export {
|
|
86
|
-
|
|
83
|
+
G as FormButtonGroup
|
|
87
84
|
};
|
|
88
85
|
//# sourceMappingURL=index.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../src/form-button-group/form-button-group-sticky.vue","../../src/form-button-group/form-button-group.vue","../../src/form-button-group/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { AffixProps } from 'element-plus'\nimport type { ComputedRef } from 'vue'\nimport { useForm } from '@silver-formily/vue'\nimport { ElAffix, useAttrs } from 'element-plus'\nimport { computed } from 'vue'\nimport { useFormLayoutId } from '../form-layout/utils'\nimport { prefixCls } from './utils'\n\nconst attrs = useAttrs() as ComputedRef<Partial<AffixProps>>\nconst formRef = useForm()\nconst formLayoutId = useFormLayoutId()\n\nconst target = computed(() => {\n if (attrs.value.target) {\n return attrs.value.target\n }\n if (formLayoutId.value) {\n return `#${formLayoutId.value}`\n }\n return formRef.value?.id ? `#formily-${formRef.value.id}` : undefined\n})\n</script>\n\n<template>\n <ElAffix\n :class=\"`${prefixCls}__sticky`\"\n v-bind=\"attrs\"\n :position=\"attrs.position ?? 'bottom'\"\n :target=\"target\"\n >\n <slot />\n </ElAffix>\n</template>\n","<script lang=\"ts\" setup>\nimport { ElSpace } from 'element-plus'\nimport FormItem from '../form-item/index'\nimport { prefixCls } from './utils'\n\ndefineOptions({\n name: 'FFormButtonGroup',\n inheritAttrs: false,\n})\n\nconst props = defineProps({\n align: {\n type: String,\n default: 'left',\n },\n gutter: {\n type: Number,\n default: 8,\n },\n alignFormItem: {\n type: Boolean,\n default: false,\n },\n})\n</script>\n\n<template>\n <FormItem\n v-if=\"props.alignFormItem\"\n :colon=\"false\"\n label=\" \"\n v-bind=\"$attrs\"\n :class=\"prefixCls\"\n :style=\"{\n width: '100%',\n }\"\n >\n <ElSpace :size=\"props.gutter\">\n <slot />\n </ElSpace>\n </FormItem>\n <ElSpace\n v-else\n v-bind=\"$attrs\"\n :class=\"prefixCls\"\n :style=\"{\n justifyContent: props.align === 'left'\n ? 'flex-start'\n : (props.align === 'right'\n ? 'flex-end'\n : 'center'),\n display: 'flex',\n }\"\n :size=\"props.gutter\"\n >\n <slot />\n </ElSpace>\n</template>\n","import { composeExport } from '../__builtins__/shared'\nimport FormButtonGroupSticky from './form-button-group-sticky.vue'\nimport FormButtonGroupInner from './form-button-group.vue'\nimport './style.scss'\n\nexport const FormButtonGroup = composeExport(FormButtonGroupInner, {\n Sticky: FormButtonGroupSticky,\n})\n"],"names":["attrs","useAttrs","formRef","useForm","formLayoutId","useFormLayoutId","target","computed","_openBlock","_createBlock","_unref","_mergeProps","prefixCls","_renderSlot","_ctx","props","__props","$attrs","_createVNode","ElSpace","FormButtonGroup","composeExport","FormButtonGroupInner","FormButtonGroupSticky"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../src/form-button-group/form-button-group-sticky.vue","../../src/form-button-group/form-button-group.vue","../../src/form-button-group/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { AffixProps } from 'element-plus'\r\nimport type { ComputedRef } from 'vue'\r\nimport { useForm } from '@silver-formily/vue'\r\nimport { ElAffix, useAttrs } from 'element-plus'\r\nimport { computed } from 'vue'\r\nimport { useFormLayoutId } from '../form-layout/utils'\r\nimport { prefixCls } from './utils'\r\n\r\nconst attrs = useAttrs() as ComputedRef<Partial<AffixProps>>\r\nconst formRef = useForm()\r\nconst formLayoutId = useFormLayoutId()\r\n\r\nconst target = computed(() => {\r\n if (attrs.value.target) {\r\n return attrs.value.target\r\n }\r\n if (formLayoutId.value) {\r\n return `#${formLayoutId.value}`\r\n }\r\n return formRef.value?.id ? `#formily-${formRef.value.id}` : undefined\r\n})\r\n</script>\r\n\r\n<template>\r\n <ElAffix\r\n :class=\"`${prefixCls}__sticky`\"\r\n v-bind=\"attrs\"\r\n :position=\"attrs.position ?? 'bottom'\"\r\n :target=\"target\"\r\n >\r\n <slot />\r\n </ElAffix>\r\n</template>\r\n","<script lang=\"ts\" setup>\r\nimport { ElSpace } from 'element-plus'\r\nimport FormItem from '../form-item/index'\r\nimport { prefixCls } from './utils'\r\n\r\ndefineOptions({\r\n name: 'FFormButtonGroup',\r\n inheritAttrs: false,\r\n})\r\n\r\nconst props = defineProps({\r\n align: {\r\n type: String,\r\n default: 'left',\r\n },\r\n gutter: {\r\n type: Number,\r\n default: 8,\r\n },\r\n alignFormItem: {\r\n type: Boolean,\r\n default: false,\r\n },\r\n})\r\n</script>\r\n\r\n<template>\r\n <FormItem\r\n v-if=\"props.alignFormItem\"\r\n :colon=\"false\"\r\n label=\" \"\r\n v-bind=\"$attrs\"\r\n :class=\"prefixCls\"\r\n :style=\"{\r\n width: '100%',\r\n }\"\r\n >\r\n <ElSpace :size=\"props.gutter\">\r\n <slot />\r\n </ElSpace>\r\n </FormItem>\r\n <ElSpace\r\n v-else\r\n v-bind=\"$attrs\"\r\n :class=\"prefixCls\"\r\n :style=\"{\r\n justifyContent: props.align === 'left'\r\n ? 'flex-start'\r\n : (props.align === 'right'\r\n ? 'flex-end'\r\n : 'center'),\r\n display: 'flex',\r\n }\"\r\n :size=\"props.gutter\"\r\n >\r\n <slot />\r\n </ElSpace>\r\n</template>\r\n","import { composeExport } from '../__builtins__/shared'\r\nimport FormButtonGroupSticky from './form-button-group-sticky.vue'\r\nimport FormButtonGroupInner from './form-button-group.vue'\r\nimport './style.scss'\r\n\r\nexport const FormButtonGroup = composeExport(FormButtonGroupInner, {\r\n Sticky: FormButtonGroupSticky,\r\n})\r\n"],"names":["attrs","useAttrs","formRef","useForm","formLayoutId","useFormLayoutId","target","computed","_openBlock","_createBlock","_unref","_mergeProps","prefixCls","_renderSlot","_ctx","props","__props","$attrs","_createVNode","ElSpace","FormButtonGroup","composeExport","FormButtonGroupInner","FormButtonGroupSticky"],"mappings":";;;;;;;;;;AASA,UAAMA,IAAQC,EAAA,GACRC,IAAUC,EAAA,GACVC,IAAeC,EAAA,GAEfC,IAASC,EAAS,MAClBP,EAAM,MAAM,SACPA,EAAM,MAAM,SAEjBI,EAAa,QACR,IAAIA,EAAa,KAAK,KAExBF,EAAQ,OAAO,KAAK,YAAYA,EAAQ,MAAM,EAAE,KAAK,MAC7D;sBAICM,KAAAC,EAOUC,MAPVC,EAOU;AAAA,MANP,UAAUD,EAAAE,CAAA,CAAS;AAAA,IAAA,GACZF,EAAAV,CAAA,GAAK;AAAA,MACZ,UAAUU,EAAAV,CAAA,EAAM,YAAQ;AAAA,MACxB,QAAQM,EAAA;AAAA,IAAA;iBAET,MAAQ;AAAA,QAARO,EAAQC,EAAA,QAAA,SAAA;AAAA,MAAA;;;;;;;;;;;;;;;;;;;;;;;ACrBZ,UAAMC,IAAQC;qBAkBJD,EAAM,iBADdP,EAAA,GAAAC,EAaWC,MAbXC,EAaW;AAAA;MAXR,OAAO;AAAA,MACR,OAAM;AAAA,IAAA,GACEM,EAAAA,QAAM;AAAA,MACb,OAAOP,EAAAE,CAAA;AAAA,MACP,OAAO;AAAA;;IAEP;iBAED,MAEU;AAAA,QAFVM,EAEUR,EAAAS,CAAA,GAAA;AAAA,UAFA,MAAMJ,EAAM;AAAA,QAAA;qBACpB,MAAQ;AAAA,YAARF,EAAQC,EAAA,QAAA,SAAA;AAAA,UAAA;;;;;+BAGZL,EAeUC,EAAAS,CAAA,GAfVR,EAeU,EAAA,KAAA,EAAA,GAbAM,EAAAA,QAAM;AAAA,MACb,OAAOP,EAAAE,CAAA;AAAA,MACP,OAAK;AAAA,QAA2B,gBAAAG,EAAM,UAAK,wBAAgDA,EAAM,UAAK;;;MAQtG,MAAMA,EAAM;AAAA,IAAA;iBAEb,MAAQ;AAAA,QAARF,EAAQC,EAAA,QAAA,SAAA;AAAA,MAAA;;;;IClDCM,IAAkBC,EAAcC,GAAsB;AAAA,EACjE,QAAQC;AACV,CAAC;"}
|
|
@@ -1,12 +1,6 @@
|
|
|
1
1
|
import { stylePrefix as o } from "../__builtins__/configs/index.mjs";
|
|
2
|
-
|
|
3
|
-
import "element-plus";
|
|
4
|
-
import "@formily/reactive";
|
|
5
|
-
import "@formily/core";
|
|
6
|
-
import "@silver-formily/reactive-vue";
|
|
7
|
-
import "@silver-formily/vue";
|
|
8
|
-
const s = `${o}-form-button-group`;
|
|
2
|
+
const t = `${o}-form-button-group`;
|
|
9
3
|
export {
|
|
10
|
-
|
|
4
|
+
t as prefixCls
|
|
11
5
|
};
|
|
12
6
|
//# sourceMappingURL=utils.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.mjs","sources":["../../src/form-button-group/utils.ts"],"sourcesContent":["import { stylePrefix } from '../__builtins__'\n\nexport const prefixCls = `${stylePrefix}-form-button-group`\n"],"names":["prefixCls","stylePrefix"],"mappings":"
|
|
1
|
+
{"version":3,"file":"utils.mjs","sources":["../../src/form-button-group/utils.ts"],"sourcesContent":["import { stylePrefix } from '../__builtins__'\r\n\r\nexport const prefixCls = `${stylePrefix}-form-button-group`\r\n"],"names":["prefixCls","stylePrefix"],"mappings":";AAEO,MAAMA,IAAY,GAAGC,CAAW;"}
|