@farris/ui-vue 1.3.5 → 1.3.6
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/components/accordion/index.esm.js +16 -16
- package/components/accordion/index.umd.cjs +1 -1
- package/components/avatar/index.esm.js +65 -65
- package/components/avatar/index.umd.cjs +1 -1
- package/components/button-edit/index.esm.js +13 -13
- package/components/button-edit/index.umd.cjs +1 -1
- package/components/calendar/index.esm.js +504 -490
- package/components/calendar/index.umd.cjs +1 -1
- package/components/capsule/index.esm.js +247 -233
- package/components/capsule/index.umd.cjs +1 -1
- package/components/checkbox/index.esm.js +356 -344
- package/components/checkbox/index.umd.cjs +1 -1
- package/components/color-picker/index.esm.js +159 -145
- package/components/color-picker/index.umd.cjs +2 -2
- package/components/combo-list/index.esm.js +127 -128
- package/components/combo-list/index.umd.cjs +1 -1
- package/components/combo-tree/index.esm.js +15 -15
- package/components/combo-tree/index.umd.cjs +1 -1
- package/components/component/index.esm.js +101 -87
- package/components/component/index.umd.cjs +1 -1
- package/components/condition/index.esm.js +7 -5
- package/components/condition/index.umd.cjs +1 -1
- package/components/content-container/index.esm.js +181 -167
- package/components/content-container/index.umd.cjs +1 -1
- package/components/data-grid/index.esm.js +4057 -4304
- package/components/data-grid/index.umd.cjs +1 -1
- package/components/data-view/index.esm.js +2450 -2467
- package/components/data-view/index.umd.cjs +1 -1
- package/components/date-picker/index.esm.js +789 -777
- package/components/date-picker/index.umd.cjs +1 -1
- package/components/designer-canvas/index.esm.js +3593 -3585
- package/components/designer-canvas/index.umd.cjs +1 -1
- package/components/dropdown/index.esm.js +257 -243
- package/components/dropdown/index.umd.cjs +2 -2
- package/components/dynamic-form/index.esm.js +322 -306
- package/components/dynamic-form/index.umd.cjs +1 -1
- package/components/dynamic-resolver/index.esm.js +177 -163
- package/components/dynamic-resolver/index.umd.cjs +1 -1
- package/components/event-parameter/index.esm.js +163 -2643
- package/components/event-parameter/index.umd.cjs +1 -1
- package/components/events-editor/index.esm.js +500 -486
- package/components/events-editor/index.umd.cjs +1 -1
- package/components/expression-editor/index.esm.js +37 -37
- package/components/expression-editor/index.umd.cjs +1 -1
- package/components/external-container/index.esm.js +485 -470
- package/components/external-container/index.umd.cjs +1 -1
- package/components/field-selector/index.esm.js +2611 -2623
- package/components/field-selector/index.umd.cjs +1 -1
- package/components/filter-bar/index.esm.js +3825 -3837
- package/components/filter-bar/index.umd.cjs +1 -1
- package/components/flow-canvas/index.esm.js +3720 -3712
- package/components/flow-canvas/index.umd.cjs +1 -1
- package/components/image-cropper/index.esm.js +402 -388
- package/components/image-cropper/index.umd.cjs +1 -1
- package/components/input-group/index.esm.js +201 -202
- package/components/input-group/index.umd.cjs +1 -1
- package/components/layout/index.esm.js +264 -245
- package/components/layout/index.umd.cjs +1 -1
- package/components/list-nav/index.esm.js +157 -143
- package/components/list-nav/index.umd.cjs +1 -1
- package/components/list-view/index.esm.js +312 -296
- package/components/list-view/index.umd.cjs +1 -1
- package/components/lookup/index.esm.js +4748 -4992
- package/components/lookup/index.umd.cjs +1 -1
- package/components/mapping-editor/index.esm.js +4215 -4462
- package/components/mapping-editor/index.umd.cjs +1 -1
- package/components/nav/index.esm.js +169 -155
- package/components/nav/index.umd.cjs +2 -2
- package/components/number-range/index.esm.js +150 -137
- package/components/number-range/index.umd.cjs +1 -1
- package/components/number-spinner/index.esm.js +207 -194
- package/components/number-spinner/index.umd.cjs +1 -1
- package/components/order/index.esm.js +427 -414
- package/components/order/index.umd.cjs +1 -1
- package/components/page-footer/index.esm.js +22 -22
- package/components/page-footer/index.umd.cjs +1 -1
- package/components/page-header/index.esm.js +510 -492
- package/components/page-header/index.umd.cjs +1 -1
- package/components/pagination/index.esm.js +192 -178
- package/components/pagination/index.umd.cjs +1 -1
- package/components/progress/index.esm.js +234 -220
- package/components/progress/index.umd.cjs +3 -3
- package/components/property-editor/index.esm.js +288 -277
- package/components/property-editor/index.umd.cjs +2 -2
- package/components/property-panel/index.esm.js +62 -61
- package/components/property-panel/index.umd.cjs +1 -1
- package/components/query-solution/index.esm.js +3015 -3027
- package/components/query-solution/index.umd.cjs +5 -5
- package/components/radio-button/index.esm.js +64 -64
- package/components/radio-button/index.umd.cjs +1 -1
- package/components/radio-group/index.esm.js +293 -280
- package/components/radio-group/index.umd.cjs +1 -1
- package/components/rate/index.esm.js +222 -208
- package/components/rate/index.umd.cjs +1 -1
- package/components/response-layout/index.esm.js +187 -173
- package/components/response-layout/index.umd.cjs +1 -1
- package/components/response-layout-editor/index.esm.js +554 -542
- package/components/response-layout-editor/index.umd.cjs +1 -1
- package/components/response-toolbar/index.esm.js +483 -469
- package/components/response-toolbar/index.umd.cjs +1 -1
- package/components/schema-selector/index.esm.js +632 -617
- package/components/schema-selector/index.umd.cjs +2 -2
- package/components/search-box/index.esm.js +228 -214
- package/components/search-box/index.umd.cjs +1 -1
- package/components/section/index.esm.js +419 -406
- package/components/section/index.umd.cjs +1 -1
- package/components/smoke-detector/index.esm.js +162 -148
- package/components/smoke-detector/index.umd.cjs +1 -1
- package/components/splitter/index.esm.js +308 -284
- package/components/splitter/index.umd.cjs +1 -1
- package/components/step/index.esm.js +279 -265
- package/components/step/index.umd.cjs +1 -1
- package/components/switch/index.esm.js +183 -170
- package/components/switch/index.umd.cjs +1 -1
- package/components/tabs/index.esm.js +307 -294
- package/components/tabs/index.umd.cjs +1 -1
- package/components/tags/index.esm.js +320 -306
- package/components/tags/index.umd.cjs +1 -1
- package/components/text/index.esm.js +245 -231
- package/components/text/index.umd.cjs +1 -1
- package/components/textarea/index.esm.js +260 -247
- package/components/textarea/index.umd.cjs +1 -1
- package/components/time-picker/index.esm.js +409 -396
- package/components/time-picker/index.umd.cjs +1 -1
- package/components/transfer/index.esm.js +424 -410
- package/components/transfer/index.umd.cjs +1 -1
- package/components/tree-grid/index.esm.js +2994 -3006
- package/components/tree-grid/index.umd.cjs +1 -1
- package/components/tree-view/index.esm.js +749 -733
- package/components/tree-view/index.umd.cjs +1 -1
- package/components/uploader/index.esm.js +325 -311
- package/components/uploader/index.umd.cjs +2 -2
- package/components/verify-detail/index.esm.js +304 -290
- package/components/verify-detail/index.umd.cjs +1 -1
- package/components/video/index.esm.js +99 -85
- package/components/video/index.umd.cjs +1 -1
- package/components/weather/index.esm.js +947 -933
- package/components/weather/index.umd.cjs +4 -4
- package/farris.all.esm.js +7750 -7990
- package/farris.all.umd.cjs +12 -12
- package/package.json +1 -1
- package/types/data-view/composition/types.d.ts +0 -1
- package/types/entity-binding-selector/composition/use-entity-tree.d.ts +3 -0
- package/types/entity-binding-selector/composition/use-field-tree.d.ts +1 -0
- package/components/event-parameter/index.css +0 -1
- package/types/data-grid/src/components/data/data-grid-area.component.d.ts +0 -8
- package/types/data-grid/src/components/data/data-grid-area.props.d.ts +0 -3
|
@@ -1,62 +1,76 @@
|
|
|
1
1
|
var ve = Object.defineProperty;
|
|
2
2
|
var be = (e, t, n) => t in e ? ve(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
|
|
3
3
|
var T = (e, t, n) => be(e, typeof t != "symbol" ? t + "" : t, n);
|
|
4
|
-
import { ref as b, computed as B, createVNode as h, Fragment as X, watch as H, withModifiers as Ce, withDirectives as Se, vModelText as we, defineComponent as x, Teleport as Fe, createApp as ke, onUnmounted as Ie, inject as N, nextTick as
|
|
5
|
-
import { isPlainObject as
|
|
6
|
-
import { useIdentify as Be, useHierarchy as Ve, useGroupData as Oe, usePagination as Te, useDataView as Pe, useSelection as Le, useEdit as
|
|
7
|
-
import { FCheckBox as
|
|
4
|
+
import { ref as b, computed as B, createVNode as h, Fragment as X, watch as H, withModifiers as Ce, withDirectives as Se, vModelText as we, defineComponent as x, Teleport as Fe, createApp as ke, onUnmounted as Ie, inject as N, nextTick as ne, onMounted as J, mergeProps as Me } from "vue";
|
|
5
|
+
import { isPlainObject as oe, cloneDeep as Q } from "lodash-es";
|
|
6
|
+
import { useIdentify as Be, useHierarchy as Ve, useGroupData as Oe, usePagination as Te, useDataView as Pe, useSelection as Le, useEdit as $e, useVisualDataBound as Ee, useVisualDataCell as De, useVisualDataRow as Ae, useVisualGroupRow as je, useVisualSummaryRow as Re, useVisualData as xe } from "../data-view/index.esm.js";
|
|
7
|
+
import { FCheckBox as Y } from "../checkbox/index.esm.js";
|
|
8
8
|
import He from "../list-view/index.esm.js";
|
|
9
9
|
import Ge from "../button-edit/index.esm.js";
|
|
10
10
|
import { resolveAppearance as Ne } from "../dynamic-resolver/index.esm.js";
|
|
11
|
-
import { useDesignerComponent as se, DgControl as
|
|
12
|
-
import { withInstall as
|
|
11
|
+
import { useDesignerComponent as se, DgControl as le } from "../designer-canvas/index.esm.js";
|
|
12
|
+
import { withInstall as qe } from "../common/index.esm.js";
|
|
13
13
|
const ce = {}, ue = {};
|
|
14
|
-
function
|
|
15
|
-
const { properties: t, title: n, ignore:
|
|
16
|
-
if (n && (!i || !
|
|
14
|
+
function Z(e) {
|
|
15
|
+
const { properties: t, title: n, ignore: o } = e, i = o && Array.isArray(o), a = Object.keys(t).reduce((r, c) => ((!i || !o.find((m) => m === c)) && (r[c] = t[c].type === "object" && t[c].properties ? Z(t[c]) : Q(t[c].default)), r), {});
|
|
16
|
+
if (n && (!i || !o.find((r) => r === "id"))) {
|
|
17
17
|
const r = n.toLowerCase().replace(/-/g, "_");
|
|
18
18
|
a.id = `${r}_${Math.random().toString().slice(2, 6)}`;
|
|
19
19
|
}
|
|
20
20
|
return a;
|
|
21
21
|
}
|
|
22
|
+
function Ue(e) {
|
|
23
|
+
const { properties: t, title: n, required: o } = e;
|
|
24
|
+
if (o && Array.isArray(o)) {
|
|
25
|
+
const i = o.reduce((a, r) => (a[r] = t[r].type === "object" && t[r].properties ? Z(t[r]) : Q(t[r].default), a), {});
|
|
26
|
+
if (n && o.find((a) => a === "id")) {
|
|
27
|
+
const a = n.toLowerCase().replace(/-/g, "_");
|
|
28
|
+
i.id = `${a}_${Math.random().toString().slice(2, 6)}`;
|
|
29
|
+
}
|
|
30
|
+
return i;
|
|
31
|
+
}
|
|
32
|
+
return {
|
|
33
|
+
type: n
|
|
34
|
+
};
|
|
35
|
+
}
|
|
22
36
|
function de(e, t = {}, n) {
|
|
23
|
-
const
|
|
24
|
-
if (
|
|
25
|
-
let i =
|
|
37
|
+
const o = ce[e];
|
|
38
|
+
if (o) {
|
|
39
|
+
let i = Ue(o);
|
|
26
40
|
const a = ue[e];
|
|
27
41
|
return i = a ? a({ getSchemaByType: de }, i, t, n) : i, i;
|
|
28
42
|
}
|
|
29
43
|
return null;
|
|
30
44
|
}
|
|
31
|
-
function qe(e, t) {
|
|
32
|
-
const n = Y(t);
|
|
33
|
-
return Object.keys(n).reduce((l, i) => (l[i] && ne(l[i]) && ne(e[i] || !e[i]) ? Object.assign(l[i], e[i] || {}) : l[i] = e[i], l), n), n;
|
|
34
|
-
}
|
|
35
45
|
function We(e, t) {
|
|
36
|
-
|
|
46
|
+
const n = Z(t);
|
|
47
|
+
return Object.keys(n).reduce((o, i) => (Object.prototype.hasOwnProperty.call(e, i) && (o[i] && oe(o[i]) && oe(e[i] || !e[i]) ? Object.assign(o[i], e[i] || {}) : o[i] = e[i]), o), n), n;
|
|
48
|
+
}
|
|
49
|
+
function _e(e, t) {
|
|
50
|
+
return Object.keys(e).filter((o) => e[o] != null).reduce((o, i) => {
|
|
37
51
|
if (t.has(i)) {
|
|
38
52
|
const a = t.get(i);
|
|
39
53
|
if (typeof a == "string")
|
|
40
|
-
|
|
54
|
+
o[a] = e[i];
|
|
41
55
|
else {
|
|
42
56
|
const r = a(i, e[i], e);
|
|
43
|
-
Object.assign(
|
|
57
|
+
Object.assign(o, r);
|
|
44
58
|
}
|
|
45
59
|
} else
|
|
46
|
-
|
|
47
|
-
return
|
|
60
|
+
o[i] = e[i];
|
|
61
|
+
return o;
|
|
48
62
|
}, {});
|
|
49
63
|
}
|
|
50
|
-
function
|
|
51
|
-
const
|
|
52
|
-
return
|
|
64
|
+
function ze(e, t, n = /* @__PURE__ */ new Map()) {
|
|
65
|
+
const o = We(e, t);
|
|
66
|
+
return _e(o, n);
|
|
53
67
|
}
|
|
54
|
-
function
|
|
55
|
-
function t(p, u,
|
|
56
|
-
if (typeof
|
|
57
|
-
return s[p].length ===
|
|
58
|
-
if (typeof
|
|
59
|
-
const g = Object.keys(
|
|
68
|
+
function Xe(e = {}) {
|
|
69
|
+
function t(p, u, l, s) {
|
|
70
|
+
if (typeof l == "number")
|
|
71
|
+
return s[p].length === l;
|
|
72
|
+
if (typeof l == "object") {
|
|
73
|
+
const g = Object.keys(l)[0], y = l[g];
|
|
60
74
|
if (g === "not")
|
|
61
75
|
return Number(s[p].length) !== Number(y);
|
|
62
76
|
if (g === "moreThan")
|
|
@@ -66,33 +80,33 @@ function ze(e = {}) {
|
|
|
66
80
|
}
|
|
67
81
|
return !1;
|
|
68
82
|
}
|
|
69
|
-
function n(p, u,
|
|
70
|
-
return s[p] && s[p].propertyValue && String(s[p].propertyValue.value) === String(
|
|
83
|
+
function n(p, u, l, s) {
|
|
84
|
+
return s[p] && s[p].propertyValue && String(s[p].propertyValue.value) === String(l);
|
|
71
85
|
}
|
|
72
|
-
const
|
|
86
|
+
const o = /* @__PURE__ */ new Map([
|
|
73
87
|
["length", t],
|
|
74
88
|
["getProperty", n]
|
|
75
89
|
]);
|
|
76
|
-
Object.keys(e).reduce((p, u) => (p.set(u, e[u]), p),
|
|
90
|
+
Object.keys(e).reduce((p, u) => (p.set(u, e[u]), p), o);
|
|
77
91
|
function i(p, u) {
|
|
78
|
-
const
|
|
79
|
-
return typeof u == "number" ? [{ target:
|
|
92
|
+
const l = p;
|
|
93
|
+
return typeof u == "number" ? [{ target: l, operator: "length", param: null, value: Number(u) }] : typeof u == "boolean" ? [{ target: l, operator: "getProperty", param: p, value: !!u }] : typeof u == "object" ? Object.keys(u).map((s) => {
|
|
80
94
|
if (s === "length")
|
|
81
|
-
return { target:
|
|
95
|
+
return { target: l, operator: "length", param: null, value: u[s] };
|
|
82
96
|
const g = s, y = u[s];
|
|
83
|
-
return { target:
|
|
97
|
+
return { target: l, operator: "getProperty", param: g, value: y };
|
|
84
98
|
}) : [];
|
|
85
99
|
}
|
|
86
100
|
function a(p) {
|
|
87
|
-
return Object.keys(p).reduce((
|
|
101
|
+
return Object.keys(p).reduce((l, s) => {
|
|
88
102
|
const g = i(s, p[s]);
|
|
89
|
-
return
|
|
103
|
+
return l.push(...g), l;
|
|
90
104
|
}, []);
|
|
91
105
|
}
|
|
92
106
|
function r(p, u) {
|
|
93
|
-
if (
|
|
94
|
-
const
|
|
95
|
-
return
|
|
107
|
+
if (o.has(p.operator)) {
|
|
108
|
+
const l = o.get(p.operator);
|
|
109
|
+
return l && l(p.target, p.param, p.value, u) || !1;
|
|
96
110
|
}
|
|
97
111
|
return !1;
|
|
98
112
|
}
|
|
@@ -100,7 +114,7 @@ function ze(e = {}) {
|
|
|
100
114
|
return a(p).reduce((g, y) => g && r(y, u), !0);
|
|
101
115
|
}
|
|
102
116
|
function m(p, u) {
|
|
103
|
-
const
|
|
117
|
+
const l = Object.keys(p), s = l.includes("allOf"), g = l.includes("anyOf"), y = s || g, v = (y ? p[y ? s ? "allOf" : "anyOf" : "allOf"] : [p]).map((w) => c(w, u));
|
|
104
118
|
return s ? !v.includes(!1) : v.includes(!0);
|
|
105
119
|
}
|
|
106
120
|
return { parseValueSchema: m };
|
|
@@ -145,20 +159,20 @@ const I = {
|
|
|
145
159
|
"tab-toolbar": { type: "tab-toolbar", name: "标签页工具栏", icon: "TabToolbar" },
|
|
146
160
|
fieldset: { type: "fieldset", name: "分组", icon: "fieldset" },
|
|
147
161
|
"query-solution": { type: "query-solution", name: "筛选方案", icon: "QueryScheme" }
|
|
148
|
-
},
|
|
149
|
-
|
|
150
|
-
function _(e, t, n = /* @__PURE__ */ new Map(),
|
|
151
|
-
return ce[t.title] = t, ue[t.title] =
|
|
152
|
-
const c =
|
|
162
|
+
}, Je = {}, Qe = {};
|
|
163
|
+
Xe();
|
|
164
|
+
function _(e, t, n = /* @__PURE__ */ new Map(), o = (r, c, m, p) => c, i = {}, a = (r) => r) {
|
|
165
|
+
return ce[t.title] = t, ue[t.title] = o, Je[t.title] = i, Qe[t.title] = a, (r = {}) => {
|
|
166
|
+
const c = ze(r, t, n), m = Object.keys(e).reduce((p, u) => (p[u] = e[u].default, p), {});
|
|
153
167
|
return Object.assign(m, c);
|
|
154
168
|
};
|
|
155
169
|
}
|
|
156
|
-
function
|
|
170
|
+
function K(e, t) {
|
|
157
171
|
return { customClass: t.class, customStyle: t.style };
|
|
158
172
|
}
|
|
159
|
-
const
|
|
160
|
-
["appearance",
|
|
161
|
-
]),
|
|
173
|
+
const Ye = /* @__PURE__ */ new Map([
|
|
174
|
+
["appearance", K]
|
|
175
|
+
]), Ze = "https://json-schema.org/draft/2020-12/schema", Ke = "https://farris-design.gitee.io/order.schema.json", et = "order", tt = "A Farris Component", nt = "object", ot = {
|
|
162
176
|
id: {
|
|
163
177
|
description: "The unique identifier for a order",
|
|
164
178
|
type: "string"
|
|
@@ -250,22 +264,22 @@ const Qe = /* @__PURE__ */ new Map([
|
|
|
250
264
|
type: "sting",
|
|
251
265
|
default: ""
|
|
252
266
|
}
|
|
253
|
-
},
|
|
267
|
+
}, lt = [
|
|
254
268
|
"id",
|
|
255
269
|
"type"
|
|
256
|
-
],
|
|
257
|
-
$schema:
|
|
258
|
-
$id:
|
|
259
|
-
title:
|
|
260
|
-
description:
|
|
261
|
-
type:
|
|
262
|
-
properties:
|
|
263
|
-
required:
|
|
270
|
+
], it = {
|
|
271
|
+
$schema: Ze,
|
|
272
|
+
$id: Ke,
|
|
273
|
+
title: et,
|
|
274
|
+
description: tt,
|
|
275
|
+
type: nt,
|
|
276
|
+
properties: ot,
|
|
277
|
+
required: lt
|
|
264
278
|
};
|
|
265
|
-
function
|
|
279
|
+
function at(e, t, n) {
|
|
266
280
|
return t;
|
|
267
281
|
}
|
|
268
|
-
const
|
|
282
|
+
const rt = "order", st = "A Farris Component", ct = "object", ut = {
|
|
269
283
|
basic: {
|
|
270
284
|
description: "Basic Infomation",
|
|
271
285
|
title: "基本信息",
|
|
@@ -347,12 +361,12 @@ const at = "order", rt = "A Farris Component", st = "object", ct = {
|
|
|
347
361
|
}
|
|
348
362
|
}
|
|
349
363
|
}
|
|
350
|
-
},
|
|
351
|
-
title:
|
|
352
|
-
description:
|
|
353
|
-
type:
|
|
354
|
-
categories:
|
|
355
|
-
},
|
|
364
|
+
}, dt = {
|
|
365
|
+
title: rt,
|
|
366
|
+
description: st,
|
|
367
|
+
type: ct,
|
|
368
|
+
categories: ut
|
|
369
|
+
}, ee = {
|
|
356
370
|
dataSource: {
|
|
357
371
|
type: Array,
|
|
358
372
|
default: [
|
|
@@ -371,13 +385,13 @@ const at = "order", rt = "A Farris Component", st = "object", ct = {
|
|
|
371
385
|
{ id: "3", name: "开票日期", order: "asc" }
|
|
372
386
|
]
|
|
373
387
|
}
|
|
374
|
-
},
|
|
375
|
-
["appearance",
|
|
388
|
+
}, ie = _(ee, it, Ye, at, dt), pt = /* @__PURE__ */ new Map([
|
|
389
|
+
["appearance", K]
|
|
376
390
|
]);
|
|
377
|
-
function
|
|
391
|
+
function ft(e, t, n) {
|
|
378
392
|
return t;
|
|
379
393
|
}
|
|
380
|
-
const
|
|
394
|
+
const mt = "https://json-schema.org/draft/2020-12/schema", yt = "https://farris-design.gitee.io/list-view.schema.json", gt = "list-view", ht = "A Farris Component", vt = "object", bt = {
|
|
381
395
|
id: {
|
|
382
396
|
description: "The unique identifier for list-view",
|
|
383
397
|
type: "string"
|
|
@@ -439,18 +453,18 @@ const ft = "https://json-schema.org/draft/2020-12/schema", mt = "https://farris-
|
|
|
439
453
|
type: "boolean",
|
|
440
454
|
default: !0
|
|
441
455
|
}
|
|
442
|
-
},
|
|
456
|
+
}, Ct = [
|
|
443
457
|
"id",
|
|
444
458
|
"type"
|
|
445
|
-
],
|
|
446
|
-
$schema:
|
|
447
|
-
$id:
|
|
448
|
-
title:
|
|
449
|
-
description:
|
|
450
|
-
type:
|
|
451
|
-
properties:
|
|
452
|
-
required:
|
|
453
|
-
},
|
|
459
|
+
], St = {
|
|
460
|
+
$schema: mt,
|
|
461
|
+
$id: yt,
|
|
462
|
+
title: gt,
|
|
463
|
+
description: ht,
|
|
464
|
+
type: vt,
|
|
465
|
+
properties: bt,
|
|
466
|
+
required: Ct
|
|
467
|
+
}, wt = "list-view", Ft = "A Farris Component", kt = "object", It = {
|
|
454
468
|
basic: {
|
|
455
469
|
description: "Basic Infomation",
|
|
456
470
|
title: "基本信息",
|
|
@@ -472,11 +486,11 @@ const ft = "https://json-schema.org/draft/2020-12/schema", mt = "https://farris-
|
|
|
472
486
|
}
|
|
473
487
|
}
|
|
474
488
|
}
|
|
475
|
-
},
|
|
476
|
-
title:
|
|
477
|
-
description:
|
|
478
|
-
type:
|
|
479
|
-
categories:
|
|
489
|
+
}, Mt = {
|
|
490
|
+
title: wt,
|
|
491
|
+
description: Ft,
|
|
492
|
+
type: kt,
|
|
493
|
+
categories: It
|
|
480
494
|
}, pe = {
|
|
481
495
|
/** 列集合 */
|
|
482
496
|
columns: {
|
|
@@ -519,8 +533,8 @@ const ft = "https://json-schema.org/draft/2020-12/schema", mt = "https://farris-
|
|
|
519
533
|
// 搜索启用高亮
|
|
520
534
|
enableHighlightSearch: { type: Boolean, default: !0 }
|
|
521
535
|
};
|
|
522
|
-
_(pe,
|
|
523
|
-
function
|
|
536
|
+
_(pe, St, pt, ft, Mt);
|
|
537
|
+
function Bt(e, t) {
|
|
524
538
|
function n(a) {
|
|
525
539
|
const r = [];
|
|
526
540
|
let c = a.nextNode();
|
|
@@ -528,9 +542,9 @@ function Mt(e, t) {
|
|
|
528
542
|
r.push(c), c = a.nextNode();
|
|
529
543
|
return r;
|
|
530
544
|
}
|
|
531
|
-
function
|
|
545
|
+
function o(a, r) {
|
|
532
546
|
const c = document.createTreeWalker(a, NodeFilter.SHOW_TEXT);
|
|
533
|
-
return n(c).map((
|
|
547
|
+
return n(c).map((l) => ({ textNode: l, text: (l.textContent || "").toLocaleLowerCase() })).map(({ textNode: l, text: s }) => {
|
|
534
548
|
const g = [];
|
|
535
549
|
let y = 0;
|
|
536
550
|
for (; y < s.length; ) {
|
|
@@ -541,20 +555,20 @@ function Mt(e, t) {
|
|
|
541
555
|
}
|
|
542
556
|
return g.map((d) => {
|
|
543
557
|
const f = new Range();
|
|
544
|
-
return f.setStart(
|
|
558
|
+
return f.setStart(l, d), f.setEnd(l, d + r.length), f;
|
|
545
559
|
});
|
|
546
560
|
}).flat();
|
|
547
561
|
}
|
|
548
562
|
function i(a) {
|
|
549
563
|
if (!CSS.highlights || (CSS.highlights.clear(), !a || !t))
|
|
550
564
|
return;
|
|
551
|
-
const r =
|
|
565
|
+
const r = o(t.value, a.toLocaleLowerCase()), c = new Highlight(...r);
|
|
552
566
|
CSS.highlights.set("search-result", c);
|
|
553
567
|
}
|
|
554
568
|
return { search: i };
|
|
555
569
|
}
|
|
556
|
-
function
|
|
557
|
-
const u = b(e.size),
|
|
570
|
+
function ae(e, t, n, o, i, a, r, c, m, p) {
|
|
571
|
+
const u = b(e.size), l = b(e.textField), s = b(e.titleField), g = b(e.disableField), y = B(() => {
|
|
558
572
|
var F, L;
|
|
559
573
|
return ((F = e.selection) == null ? void 0 : F.multiSelect) && ((L = e.selection) == null ? void 0 : L.showCheckbox);
|
|
560
574
|
}), {
|
|
@@ -581,7 +595,7 @@ function ie(e, t, n, l, i, a, r, c, m, p) {
|
|
|
581
595
|
}, [y.value && h("div", {
|
|
582
596
|
class: "f-list-select",
|
|
583
597
|
onClick: (V) => V.stopPropagation()
|
|
584
|
-
}, [h(
|
|
598
|
+
}, [h(Y, {
|
|
585
599
|
id: "list-" + S(F, L),
|
|
586
600
|
customClass: "listview-checkbox",
|
|
587
601
|
disabled: F[g.value],
|
|
@@ -594,15 +608,15 @@ function ie(e, t, n, l, i, a, r, c, m, p) {
|
|
|
594
608
|
class: "f-list-content"
|
|
595
609
|
}, [h("div", {
|
|
596
610
|
style: k.value,
|
|
597
|
-
title: F.raw[s.value] || F.raw[
|
|
598
|
-
}, [F.raw[
|
|
611
|
+
title: F.raw[s.value] || F.raw[l.value]
|
|
612
|
+
}, [F.raw[l.value]])])]);
|
|
599
613
|
}
|
|
600
614
|
return {
|
|
601
615
|
renderItem: O
|
|
602
616
|
};
|
|
603
617
|
}
|
|
604
|
-
function
|
|
605
|
-
const u = b(e.multiSelect),
|
|
618
|
+
function Vt(e, t, n, o, i, a, r, c, m, p) {
|
|
619
|
+
const u = b(e.multiSelect), l = b(e.disableField), {
|
|
606
620
|
onMouseenterItem: s,
|
|
607
621
|
onMouseoverItem: g,
|
|
608
622
|
onMouseoutItem: y
|
|
@@ -633,10 +647,10 @@ function Bt(e, t, n, l, i, a, r, c, m, p) {
|
|
|
633
647
|
}, [u.value && h("div", {
|
|
634
648
|
class: "f-list-select",
|
|
635
649
|
onClick: (F) => F.stopPropagation()
|
|
636
|
-
}, [h(
|
|
650
|
+
}, [h(Y, {
|
|
637
651
|
id: "list-" + d(C, k),
|
|
638
652
|
customClass: "listview-checkbox",
|
|
639
|
-
disabled: C[
|
|
653
|
+
disabled: C[l.value] || !C.checked,
|
|
640
654
|
checked: C.checked,
|
|
641
655
|
"onUpdate:checked": (F) => C.checked = F,
|
|
642
656
|
onChange: (F) => v(C, k, !F.checked)
|
|
@@ -648,8 +662,8 @@ function Bt(e, t, n, l, i, a, r, c, m, p) {
|
|
|
648
662
|
renderItem: M
|
|
649
663
|
};
|
|
650
664
|
}
|
|
651
|
-
function
|
|
652
|
-
const u = b(e.multiSelect),
|
|
665
|
+
function Ot(e, t, n, o, i, a, r, c, m, p) {
|
|
666
|
+
const u = b(e.multiSelect), l = b(e.disableField), {
|
|
653
667
|
onMouseenterItem: s,
|
|
654
668
|
onMouseoverItem: g,
|
|
655
669
|
onMouseoutItem: y
|
|
@@ -663,7 +677,7 @@ function Vt(e, t, n, l, i, a, r, c, m, p) {
|
|
|
663
677
|
dragenter: M,
|
|
664
678
|
dragover: C,
|
|
665
679
|
dragend: k
|
|
666
|
-
} =
|
|
680
|
+
} = o, {
|
|
667
681
|
removeItem: O
|
|
668
682
|
} = m, F = B(() => ({
|
|
669
683
|
margin: u.value ? "10px 0" : "10px 0px 10px 14px"
|
|
@@ -677,35 +691,35 @@ function Vt(e, t, n, l, i, a, r, c, m, p) {
|
|
|
677
691
|
return t.slots.itemContent ? t.slots.itemContent : L;
|
|
678
692
|
}
|
|
679
693
|
const V = D();
|
|
680
|
-
function A(P,
|
|
694
|
+
function A(P, E, R) {
|
|
681
695
|
return h("li", {
|
|
682
|
-
class: f(P,
|
|
683
|
-
id: d(P,
|
|
684
|
-
key: d(P,
|
|
685
|
-
onClick: (
|
|
686
|
-
onMouseenter: (
|
|
687
|
-
onMouseover: (
|
|
688
|
-
onMouseout: (
|
|
696
|
+
class: f(P, E),
|
|
697
|
+
id: d(P, E),
|
|
698
|
+
key: d(P, E),
|
|
699
|
+
onClick: ($) => S($, P, E),
|
|
700
|
+
onMouseenter: ($) => s($, P, E),
|
|
701
|
+
onMouseover: ($) => g($, P, E),
|
|
702
|
+
onMouseout: ($) => y($, P, E),
|
|
689
703
|
draggable: "true",
|
|
690
|
-
onDragstart: (
|
|
691
|
-
onDragenter: (
|
|
692
|
-
onDragend: (
|
|
693
|
-
onDragover: (
|
|
704
|
+
onDragstart: ($) => w($, P, E),
|
|
705
|
+
onDragenter: ($) => M($, E),
|
|
706
|
+
onDragend: ($) => k($, P),
|
|
707
|
+
onDragover: ($) => C($, E)
|
|
694
708
|
}, [u.value && h("div", {
|
|
695
709
|
class: "f-list-select",
|
|
696
|
-
onClick: (
|
|
697
|
-
}, [h(
|
|
698
|
-
id: "list-" + d(P,
|
|
710
|
+
onClick: ($) => $.stopPropagation()
|
|
711
|
+
}, [h(Y, {
|
|
712
|
+
id: "list-" + d(P, E),
|
|
699
713
|
customClass: "listview-checkbox",
|
|
700
|
-
disabled: P[
|
|
714
|
+
disabled: P[l.value] || !P.checked,
|
|
701
715
|
checked: P.checked,
|
|
702
|
-
"onUpdate:checked": (
|
|
703
|
-
onChange: (
|
|
716
|
+
"onUpdate:checked": ($) => P.checked = $,
|
|
717
|
+
onChange: ($) => v(P, E, !$.checked)
|
|
704
718
|
}, null)]), h("div", {
|
|
705
719
|
class: "f-list-content"
|
|
706
720
|
}, [V(P)]), h("div", {
|
|
707
721
|
class: "f-list-remove",
|
|
708
|
-
onClick: (
|
|
722
|
+
onClick: ($) => O(E)
|
|
709
723
|
}, [h("div", {
|
|
710
724
|
class: "f-list-remove-icon"
|
|
711
725
|
}, [h("i", {
|
|
@@ -720,10 +734,10 @@ function Vt(e, t, n, l, i, a, r, c, m, p) {
|
|
|
720
734
|
renderItem: A
|
|
721
735
|
};
|
|
722
736
|
}
|
|
723
|
-
function
|
|
737
|
+
function Tt(e, t, n, o, i, a, r, c, m, p) {
|
|
724
738
|
var d;
|
|
725
739
|
const u = b(((d = e.group) == null ? void 0 : d.groupFields) || []), {
|
|
726
|
-
collpaseGroupIconClass:
|
|
740
|
+
collpaseGroupIconClass: l
|
|
727
741
|
} = i, {
|
|
728
742
|
toggleGroupRow: s
|
|
729
743
|
} = p;
|
|
@@ -737,7 +751,7 @@ function Ot(e, t, n, l, i, a, r, c, m, p) {
|
|
|
737
751
|
}, [h("div", {
|
|
738
752
|
class: "fv-grid-group-row-icon"
|
|
739
753
|
}, [h("span", {
|
|
740
|
-
class:
|
|
754
|
+
class: l(f)
|
|
741
755
|
}, null)]), h("div", {
|
|
742
756
|
class: "f-navlookup-recommandLabel"
|
|
743
757
|
}, [f.raw[u.value[f.layer]]])]);
|
|
@@ -746,22 +760,22 @@ function Ot(e, t, n, l, i, a, r, c, m, p) {
|
|
|
746
760
|
renderItem: y
|
|
747
761
|
};
|
|
748
762
|
}
|
|
749
|
-
function
|
|
750
|
-
const e = b(-1), t = b(""), n = b(-1),
|
|
751
|
-
function i(p, u,
|
|
752
|
-
n.value =
|
|
763
|
+
function Pt() {
|
|
764
|
+
const e = b(-1), t = b(""), n = b(-1), o = b(!1);
|
|
765
|
+
function i(p, u, l) {
|
|
766
|
+
n.value = l;
|
|
753
767
|
}
|
|
754
|
-
function a(p, u,
|
|
755
|
-
|
|
768
|
+
function a(p, u, l) {
|
|
769
|
+
o.value || (n.value = l);
|
|
756
770
|
}
|
|
757
|
-
function r(p, u,
|
|
771
|
+
function r(p, u, l) {
|
|
758
772
|
n.value = -1;
|
|
759
773
|
}
|
|
760
774
|
function c() {
|
|
761
|
-
|
|
775
|
+
o.value = !0;
|
|
762
776
|
}
|
|
763
777
|
function m() {
|
|
764
|
-
|
|
778
|
+
o.value = !1;
|
|
765
779
|
}
|
|
766
780
|
return {
|
|
767
781
|
activeIndex: e,
|
|
@@ -774,8 +788,8 @@ function Tt() {
|
|
|
774
788
|
suspendHover: c
|
|
775
789
|
};
|
|
776
790
|
}
|
|
777
|
-
function
|
|
778
|
-
const i = b(e.idField), { dataView: a } = n, r = b(-1), c = b(!1), { activeIndex: m, focusedItemId: p, hoverIndex: u, resumeHover:
|
|
791
|
+
function Lt(e, t, n, o) {
|
|
792
|
+
const i = b(e.idField), { dataView: a } = n, r = b(-1), c = b(!1), { activeIndex: m, focusedItemId: p, hoverIndex: u, resumeHover: l, suspendHover: s } = o;
|
|
779
793
|
function g(v, S, w) {
|
|
780
794
|
v.stopPropagation(), s(), S && setTimeout(() => {
|
|
781
795
|
r.value = w, c.value = !0, S.moving = !0;
|
|
@@ -793,7 +807,7 @@ function Pt(e, t, n, l) {
|
|
|
793
807
|
function f(v, S) {
|
|
794
808
|
S && (S.moving = !1), a.value.forEach((w, M) => {
|
|
795
809
|
w.__fv_index__ = M;
|
|
796
|
-
}), c.value = !1,
|
|
810
|
+
}), c.value = !1, l(), u.value = S.raw.__fv_index__, m.value = S.raw.__fv_index__, p.value = S.raw[i.value], t.emit("change", a.value), t.emit("activeChange", S);
|
|
797
811
|
}
|
|
798
812
|
return {
|
|
799
813
|
dragstart: g,
|
|
@@ -803,18 +817,18 @@ function Pt(e, t, n, l) {
|
|
|
803
817
|
isDragging: c
|
|
804
818
|
};
|
|
805
819
|
}
|
|
806
|
-
function
|
|
807
|
-
const { dataView:
|
|
820
|
+
function $t(e, t, n) {
|
|
821
|
+
const { dataView: o } = n;
|
|
808
822
|
function i(a) {
|
|
809
|
-
if (a > -1 && a <
|
|
810
|
-
const r =
|
|
823
|
+
if (a > -1 && a < o.value.length) {
|
|
824
|
+
const r = o.value.splice(a, 1);
|
|
811
825
|
t.emit("removeItem", r[0]);
|
|
812
826
|
}
|
|
813
827
|
}
|
|
814
828
|
return { removeItem: i };
|
|
815
829
|
}
|
|
816
|
-
function Et(e, t, n,
|
|
817
|
-
const r = b(e.idField), c = b(e.disableField), m = b(e.draggable), p = b(e.itemClass), u = b(e.selection.multiSelect ?? !1),
|
|
830
|
+
function Et(e, t, n, o, i, a) {
|
|
831
|
+
const r = b(e.idField), c = b(e.disableField), m = b(e.draggable), p = b(e.itemClass), u = b(e.selection.multiSelect ?? !1), l = b(e.selection.multiSelectMode), { isDragging: s } = o, { activeIndex: g, focusedItemId: y, hoverIndex: d } = i, { clearSelection: f, getSelectedItems: v, toggleSelectItem: S } = a, w = b(v());
|
|
818
832
|
function M(V, A) {
|
|
819
833
|
const P = {
|
|
820
834
|
"f-listview-item": !0,
|
|
@@ -834,7 +848,7 @@ function Et(e, t, n, l, i, a) {
|
|
|
834
848
|
"f-listview-item-hover": !s.value && A === d.value,
|
|
835
849
|
moving: !!V.moving
|
|
836
850
|
};
|
|
837
|
-
return p.value.split(" ").reduce((R,
|
|
851
|
+
return p.value.split(" ").reduce((R, $) => (R[$] = !0, R), P), P;
|
|
838
852
|
}
|
|
839
853
|
function C(V, A) {
|
|
840
854
|
return V.raw[r.value] || "";
|
|
@@ -843,7 +857,7 @@ function Et(e, t, n, l, i, a) {
|
|
|
843
857
|
function O(V, A, P) {
|
|
844
858
|
V.checked = P, !V.raw[c.value] && (k.value && (y.value = V.raw[r.value]), S(V));
|
|
845
859
|
}
|
|
846
|
-
const F = B(() => u.value &&
|
|
860
|
+
const F = B(() => u.value && l.value === "OnCheckClearByClick"), L = B(() => !u.value || u.value && (l.value === "OnCheckAndClick" || l.value === "OnClick"));
|
|
847
861
|
function D(V, A, P) {
|
|
848
862
|
if (A.raw[c.value]) {
|
|
849
863
|
V.preventDefault(), V.stopPropagation();
|
|
@@ -858,21 +872,21 @@ function Et(e, t, n, l, i, a) {
|
|
|
858
872
|
onClickItem: D
|
|
859
873
|
};
|
|
860
874
|
}
|
|
861
|
-
function
|
|
862
|
-
const c = b(e.view), m = b(e.view === "CardView"), p = b({}), u = b("暂无数据"),
|
|
875
|
+
function Dt(e, t, n, o, i, a, r) {
|
|
876
|
+
const c = b(e.view), m = b(e.view === "CardView"), p = b({}), u = b("暂无数据"), l = Pt(), s = Lt(e, t, o, l), g = $t(e, t, o), y = Et(e, t, n, s, l, a), d = B(() => ({
|
|
863
877
|
"f-list-view-group": !0,
|
|
864
878
|
"d-flex": m.value,
|
|
865
879
|
"flex-wrap": m.value
|
|
866
880
|
})), f = B(() => !!n.value && n.value.length > 0), v = B(() => n.value.length === 0);
|
|
867
881
|
B(() => v.value && !t.slots.empty);
|
|
868
882
|
function S() {
|
|
869
|
-
return c.value === "SingleView" ?
|
|
883
|
+
return c.value === "SingleView" ? ae : c.value === "DraggableView" ? Ot : (c.value === "ContentView" || c.value === "CardView") && t.slots.content ? Vt : ae;
|
|
870
884
|
}
|
|
871
885
|
const w = S(), {
|
|
872
886
|
renderItem: M
|
|
873
|
-
} = w(e, t, n, s, i,
|
|
887
|
+
} = w(e, t, n, s, i, l, y, a, g, r), {
|
|
874
888
|
renderItem: C
|
|
875
|
-
} =
|
|
889
|
+
} = Tt(e, t, n, s, i, l, y, a, g, r), k = [M, C];
|
|
876
890
|
function O() {
|
|
877
891
|
return n.value.filter((D) => D.visible !== !1).map((D, V) => k[D.type](D, V, p));
|
|
878
892
|
}
|
|
@@ -893,18 +907,18 @@ function $t(e, t, n, l, i, a, r) {
|
|
|
893
907
|
renderListArea: L
|
|
894
908
|
};
|
|
895
909
|
}
|
|
896
|
-
function
|
|
897
|
-
function
|
|
910
|
+
function At(e, t, n) {
|
|
911
|
+
function o() {
|
|
898
912
|
return t.slots.header && h("div", {
|
|
899
913
|
class: "f-list-view-header"
|
|
900
914
|
}, [t.slots.header()]);
|
|
901
915
|
}
|
|
902
916
|
return {
|
|
903
|
-
renderHeader:
|
|
917
|
+
renderHeader: o
|
|
904
918
|
};
|
|
905
919
|
}
|
|
906
|
-
function
|
|
907
|
-
const
|
|
920
|
+
function re(e, t, n) {
|
|
921
|
+
const o = b(e.headerClass), i = b(e.placeholder), a = b(""), r = B(() => !a.value), c = B(() => !!a.value);
|
|
908
922
|
function m(s) {
|
|
909
923
|
a.value = "";
|
|
910
924
|
}
|
|
@@ -916,11 +930,11 @@ function ae(e, t, n) {
|
|
|
916
930
|
"form-group": !0,
|
|
917
931
|
"farris-form-group": !0
|
|
918
932
|
};
|
|
919
|
-
return
|
|
933
|
+
return o.value && o.value.split(" ").reduce((y, d) => (y[d] = !0, y), s), s;
|
|
920
934
|
});
|
|
921
935
|
function u(s) {
|
|
922
936
|
}
|
|
923
|
-
function
|
|
937
|
+
function l() {
|
|
924
938
|
return h("div", {
|
|
925
939
|
class: "f-list-view-header",
|
|
926
940
|
onClick: Ce(() => u, ["prevent", "stop"])
|
|
@@ -953,7 +967,7 @@ function ae(e, t, n) {
|
|
|
953
967
|
}, null)])])])])])])]);
|
|
954
968
|
}
|
|
955
969
|
return {
|
|
956
|
-
renderHeader:
|
|
970
|
+
renderHeader: l
|
|
957
971
|
};
|
|
958
972
|
}
|
|
959
973
|
const fe = /* @__PURE__ */ x({
|
|
@@ -961,7 +975,7 @@ const fe = /* @__PURE__ */ x({
|
|
|
961
975
|
props: pe,
|
|
962
976
|
emits: ["afterSearch", "checkValuesChange", "clickItem", "selectionChange", "removeItem", "change", "activeChange"],
|
|
963
977
|
setup(e, t) {
|
|
964
|
-
const n = b(),
|
|
978
|
+
const n = b(), o = b(!0), i = b(!1), a = b([]), r = 0, c = b(e.columns), m = Be(e), p = Ve(e), u = Oe(e, m), l = Te(e), s = Pe(e, /* @__PURE__ */ new Map(), p, m, l), g = Le(e, s, m, a, t), y = Bt(e, n), d = B(() => s.dataView.value.length), f = $e(e, t, m), v = Ee(), S = De(e, {}, v), w = Ae(e, f, p, m, v, S), M = je(e, m, S, w), C = Re(e, m, S, w), k = xe(e, c, s, d, r, w, M, C), {
|
|
965
979
|
getVisualData: O
|
|
966
980
|
} = k;
|
|
967
981
|
a.value = O(0, d.value + r - 1);
|
|
@@ -971,31 +985,31 @@ const fe = /* @__PURE__ */ x({
|
|
|
971
985
|
"f-list-view-multiple": e.multiSelect
|
|
972
986
|
};
|
|
973
987
|
return e.size !== "default" && (j[`${e.size}-item`] = !0), j;
|
|
974
|
-
}), L = B(() => !!t.slots.footer ||
|
|
988
|
+
}), L = B(() => !!t.slots.footer || o.value);
|
|
975
989
|
function D() {
|
|
976
|
-
return e.header === "SearchBar" ?
|
|
990
|
+
return e.header === "SearchBar" ? re : e.header === "ContentHeader" ? At : re;
|
|
977
991
|
}
|
|
978
992
|
const V = D(), {
|
|
979
993
|
renderHeader: A
|
|
980
994
|
} = V(e, t, y), {
|
|
981
995
|
renderListArea: P
|
|
982
|
-
} =
|
|
983
|
-
function
|
|
996
|
+
} = Dt(e, t, a, s, u, g, k);
|
|
997
|
+
function E(j) {
|
|
984
998
|
y.search(j);
|
|
985
999
|
}
|
|
986
1000
|
function R(j) {
|
|
987
1001
|
j && (s.load(j), a.value = O(0, d.value + r - 1));
|
|
988
1002
|
}
|
|
989
1003
|
t.expose({
|
|
990
|
-
search:
|
|
1004
|
+
search: E,
|
|
991
1005
|
updateDataSource: R
|
|
992
1006
|
});
|
|
993
|
-
function
|
|
1007
|
+
function $(j) {
|
|
994
1008
|
e.multiSelect && (j.preventDefault(), j.stopPropagation());
|
|
995
1009
|
}
|
|
996
1010
|
return () => h("div", {
|
|
997
1011
|
class: F.value,
|
|
998
|
-
onClick:
|
|
1012
|
+
onClick: $
|
|
999
1013
|
}, [A(), h("div", {
|
|
1000
1014
|
ref: n,
|
|
1001
1015
|
class: "f-list-view-content",
|
|
@@ -1009,7 +1023,7 @@ const fe = /* @__PURE__ */ x({
|
|
|
1009
1023
|
class: "f-list-view-footer"
|
|
1010
1024
|
}, [t.slots.footer && t.slots.footer()])]);
|
|
1011
1025
|
}
|
|
1012
|
-
}),
|
|
1026
|
+
}), jt = {
|
|
1013
1027
|
/**
|
|
1014
1028
|
* 组件标识
|
|
1015
1029
|
*/
|
|
@@ -1035,38 +1049,38 @@ const fe = /* @__PURE__ */ x({
|
|
|
1035
1049
|
*/
|
|
1036
1050
|
customClass: { type: Object, default: {} }
|
|
1037
1051
|
};
|
|
1038
|
-
function
|
|
1039
|
-
function n(
|
|
1040
|
-
|
|
1052
|
+
function Rt(e, t) {
|
|
1053
|
+
function n(o) {
|
|
1054
|
+
o.stopPropagation(), e.disabled || t.emit("click", o);
|
|
1041
1055
|
}
|
|
1042
1056
|
return {
|
|
1043
1057
|
onClickButton: n
|
|
1044
1058
|
};
|
|
1045
1059
|
}
|
|
1046
|
-
function
|
|
1060
|
+
function xt(e) {
|
|
1047
1061
|
const t = B(() => {
|
|
1048
|
-
const
|
|
1062
|
+
const o = {
|
|
1049
1063
|
"f-icon": !0
|
|
1050
1064
|
};
|
|
1051
1065
|
if (e.icon) {
|
|
1052
1066
|
const i = e.icon.trim().split(" ");
|
|
1053
|
-
i && i.length && i.reduce((a, r) => (a[r] = !0, a),
|
|
1067
|
+
i && i.length && i.reduce((a, r) => (a[r] = !0, a), o);
|
|
1054
1068
|
}
|
|
1055
|
-
return
|
|
1069
|
+
return o;
|
|
1056
1070
|
}), n = B(() => !!(e.icon && e.icon.trim()));
|
|
1057
1071
|
return { iconClass: t, shouldShowIcon: n };
|
|
1058
1072
|
}
|
|
1059
1073
|
const me = /* @__PURE__ */ x({
|
|
1060
1074
|
name: "FButton",
|
|
1061
|
-
props:
|
|
1075
|
+
props: jt,
|
|
1062
1076
|
emits: ["click"],
|
|
1063
1077
|
setup(e, t) {
|
|
1064
1078
|
const {
|
|
1065
1079
|
onClickButton: n
|
|
1066
|
-
} =
|
|
1067
|
-
iconClass:
|
|
1080
|
+
} = Rt(e, t), {
|
|
1081
|
+
iconClass: o,
|
|
1068
1082
|
shouldShowIcon: i
|
|
1069
|
-
} =
|
|
1083
|
+
} = xt(e), a = B(() => {
|
|
1070
1084
|
const r = {
|
|
1071
1085
|
btn: !0,
|
|
1072
1086
|
"btn-lg": e.size === "large",
|
|
@@ -1081,12 +1095,12 @@ const me = /* @__PURE__ */ x({
|
|
|
1081
1095
|
disabled: e.disabled,
|
|
1082
1096
|
onClick: (r) => n(r)
|
|
1083
1097
|
}, [i.value && h("i", {
|
|
1084
|
-
class:
|
|
1098
|
+
class: o.value
|
|
1085
1099
|
}, null), t.slots.default && t.slots.default()]);
|
|
1086
1100
|
}
|
|
1087
|
-
}),
|
|
1088
|
-
["appearance",
|
|
1089
|
-
]),
|
|
1101
|
+
}), Ht = /* @__PURE__ */ new Map([
|
|
1102
|
+
["appearance", K]
|
|
1103
|
+
]), Gt = "https://json-schema.org/draft/2020-12/schema", Nt = "https://farris-design.gitee.io/combo-list.schema.json", qt = "combo-list", Ut = "A Farris Input Component", Wt = "object", _t = {
|
|
1090
1104
|
id: {
|
|
1091
1105
|
description: "The unique identifier for a combo list",
|
|
1092
1106
|
type: "string"
|
|
@@ -1212,28 +1226,27 @@ const me = /* @__PURE__ */ x({
|
|
|
1212
1226
|
type: "sting",
|
|
1213
1227
|
default: ""
|
|
1214
1228
|
}
|
|
1215
|
-
},
|
|
1216
|
-
"id",
|
|
1229
|
+
}, zt = [
|
|
1217
1230
|
"type"
|
|
1218
|
-
],
|
|
1231
|
+
], Xt = [
|
|
1219
1232
|
"id",
|
|
1220
1233
|
"appearance",
|
|
1221
1234
|
"binding",
|
|
1222
1235
|
"visible"
|
|
1223
|
-
],
|
|
1224
|
-
$schema:
|
|
1225
|
-
$id:
|
|
1226
|
-
title:
|
|
1236
|
+
], Jt = {
|
|
1237
|
+
$schema: Gt,
|
|
1238
|
+
$id: Nt,
|
|
1239
|
+
title: qt,
|
|
1227
1240
|
description: Ut,
|
|
1228
|
-
type:
|
|
1229
|
-
properties:
|
|
1230
|
-
required:
|
|
1231
|
-
ignore:
|
|
1241
|
+
type: Wt,
|
|
1242
|
+
properties: _t,
|
|
1243
|
+
required: zt,
|
|
1244
|
+
ignore: Xt
|
|
1232
1245
|
};
|
|
1233
|
-
function
|
|
1246
|
+
function Qt(e, t, n) {
|
|
1234
1247
|
return t;
|
|
1235
1248
|
}
|
|
1236
|
-
const
|
|
1249
|
+
const te = {
|
|
1237
1250
|
/**
|
|
1238
1251
|
* 组件标识
|
|
1239
1252
|
*/
|
|
@@ -1399,7 +1412,7 @@ const ee = {
|
|
|
1399
1412
|
},
|
|
1400
1413
|
// 搜索启用高亮
|
|
1401
1414
|
enableHighlightSearch: { type: Boolean, default: !0 }
|
|
1402
|
-
}, ye = _(
|
|
1415
|
+
}, ye = _(te, Jt, Ht, Qt), Yt = {
|
|
1403
1416
|
dataSource: { type: Array, default: [] },
|
|
1404
1417
|
enableSearch: { type: Boolean, default: !1 },
|
|
1405
1418
|
idField: { type: String, default: "id" },
|
|
@@ -1420,12 +1433,12 @@ const ee = {
|
|
|
1420
1433
|
},
|
|
1421
1434
|
// 搜索启用高亮
|
|
1422
1435
|
enableHighlightSearch: { type: Boolean, default: !0 }
|
|
1423
|
-
},
|
|
1436
|
+
}, Zt = /* @__PURE__ */ x({
|
|
1424
1437
|
name: "FComboListContainer",
|
|
1425
|
-
props:
|
|
1438
|
+
props: Yt,
|
|
1426
1439
|
emits: ["selectionChange"],
|
|
1427
1440
|
setup(e, t) {
|
|
1428
|
-
const n = b(),
|
|
1441
|
+
const n = b(), o = b(e.dataSource), i = b([]), a = b(e.separator), r = b(e.width), c = b(e.maxHeight), m = b(String(e.selectedValues).split(a.value)), p = B(() => e.multiSelect), u = B(() => ({
|
|
1429
1442
|
enableSelectRow: !0,
|
|
1430
1443
|
multiSelect: e.multiSelect,
|
|
1431
1444
|
multiSelectMode: "OnCheckAndClick",
|
|
@@ -1434,9 +1447,9 @@ const ee = {
|
|
|
1434
1447
|
showSelection: !0
|
|
1435
1448
|
}));
|
|
1436
1449
|
H(e.dataSource, () => {
|
|
1437
|
-
|
|
1450
|
+
o.value = e.dataSource;
|
|
1438
1451
|
});
|
|
1439
|
-
const
|
|
1452
|
+
const l = B(() => e.enableSearch ? "SearchBar" : "ContentHeader"), s = B(() => {
|
|
1440
1453
|
const d = {};
|
|
1441
1454
|
return r.value !== void 0 && (d.width = `${r.value}px`), c.value !== void 0 && c.value > 0 && (d.maxHeight = `${c.value}px`), d;
|
|
1442
1455
|
});
|
|
@@ -1450,7 +1463,7 @@ const ee = {
|
|
|
1450
1463
|
const {
|
|
1451
1464
|
searchOption: v
|
|
1452
1465
|
} = e;
|
|
1453
|
-
typeof v == "function" ? f =
|
|
1466
|
+
typeof v == "function" ? f = o.value.filter((S) => v(d, S)) : f = o.value.filter((S) => S[e.valueField].indexOf(d) > -1 || S[e.textField].indexOf(d) > -1), n.value.updateDataSource(f);
|
|
1454
1467
|
}
|
|
1455
1468
|
return H([() => e.selectedValues], ([d]) => {
|
|
1456
1469
|
m.value = d.split(a.value);
|
|
@@ -1461,9 +1474,9 @@ const ee = {
|
|
|
1461
1474
|
ref: n,
|
|
1462
1475
|
size: "small",
|
|
1463
1476
|
itemClass: "f-combo-list-item",
|
|
1464
|
-
header:
|
|
1477
|
+
header: l.value,
|
|
1465
1478
|
headerClass: "f-combo-list-search-box",
|
|
1466
|
-
data:
|
|
1479
|
+
data: o.value,
|
|
1467
1480
|
idField: e.idField,
|
|
1468
1481
|
textField: e.textField,
|
|
1469
1482
|
titleField: e.titleField,
|
|
@@ -1476,69 +1489,69 @@ const ee = {
|
|
|
1476
1489
|
}, null)]);
|
|
1477
1490
|
}
|
|
1478
1491
|
});
|
|
1479
|
-
function
|
|
1480
|
-
const t = b(""), n = b(e.modelValue),
|
|
1481
|
-
function a(
|
|
1482
|
-
const s = String(
|
|
1483
|
-
return
|
|
1492
|
+
function Kt(e) {
|
|
1493
|
+
const t = b(""), n = b(e.modelValue), o = b(e.data || []), i = b(e.editable);
|
|
1494
|
+
function a(l) {
|
|
1495
|
+
const s = String(l).split(e.separator), g = s.map((f) => [f, !0]), y = new Map(g);
|
|
1496
|
+
return o.value.filter((f) => y.has(String(f[e.valueField]))).sort((f, v) => {
|
|
1484
1497
|
const S = s.indexOf(f[e.valueField]), w = s.indexOf(v[e.valueField]);
|
|
1485
1498
|
return S - w;
|
|
1486
1499
|
});
|
|
1487
1500
|
}
|
|
1488
|
-
function r(
|
|
1489
|
-
const s = a(
|
|
1490
|
-
t.value = i.value ? s ||
|
|
1501
|
+
function r(l) {
|
|
1502
|
+
const s = a(l).map((g) => g[e.textField]).join(e.separator);
|
|
1503
|
+
t.value = i.value ? s || l : s;
|
|
1491
1504
|
}
|
|
1492
|
-
function c(
|
|
1493
|
-
const s =
|
|
1494
|
-
return
|
|
1505
|
+
function c(l) {
|
|
1506
|
+
const s = l.split(e.separator).map((y) => [y, !0]), g = new Map(s);
|
|
1507
|
+
return o.value.filter((y) => g.has(y[e.textField]));
|
|
1495
1508
|
}
|
|
1496
|
-
function m(
|
|
1509
|
+
function m(l) {
|
|
1497
1510
|
const s = {};
|
|
1498
|
-
return s[e.idField] =
|
|
1511
|
+
return s[e.idField] = l, s[e.textField] = l, [s];
|
|
1499
1512
|
}
|
|
1500
|
-
function p(
|
|
1501
|
-
let s = c(
|
|
1513
|
+
function p(l) {
|
|
1514
|
+
let s = c(l);
|
|
1502
1515
|
const g = s && s.length > 0;
|
|
1503
|
-
return i.value && !g && (s = m(
|
|
1516
|
+
return i.value && !g && (s = m(l)), s;
|
|
1504
1517
|
}
|
|
1505
1518
|
function u() {
|
|
1506
|
-
const { url:
|
|
1519
|
+
const { url: l, method: s = "GET", headers: g = {}, body: y = null } = e.remote, d = s.toLowerCase() === "get" ? { method: s, headers: g } : { method: s, headers: g, body: y };
|
|
1507
1520
|
let f = !1;
|
|
1508
|
-
fetch(
|
|
1521
|
+
fetch(l, d).then((v) => {
|
|
1509
1522
|
var w, M;
|
|
1510
1523
|
if (v.status === 200)
|
|
1511
1524
|
return f = !!((M = (w = v.headers) == null ? void 0 : w.get("content-type")) != null && M.includes("application/json")), f ? v.text() : v.json();
|
|
1512
1525
|
throw new Error(v.statusText);
|
|
1513
1526
|
}).then((v) => {
|
|
1514
|
-
|
|
1527
|
+
o.value = f ? JSON.parse(v) : v;
|
|
1515
1528
|
}).catch((v) => {
|
|
1516
1529
|
console.error(v);
|
|
1517
1530
|
});
|
|
1518
1531
|
}
|
|
1519
1532
|
return e.remote && u(), H(() => e.data, () => {
|
|
1520
|
-
|
|
1521
|
-
}), H([
|
|
1533
|
+
o.value = e.data;
|
|
1534
|
+
}), H([o], ([l]) => {
|
|
1522
1535
|
if (e.modelValue != null) {
|
|
1523
|
-
const s =
|
|
1536
|
+
const s = l.find((g) => g[e.valueField] === e.modelValue);
|
|
1524
1537
|
s && (t.value = s[e.textField]);
|
|
1525
1538
|
}
|
|
1526
|
-
}), H(() => e.modelValue, (
|
|
1527
|
-
n.value =
|
|
1528
|
-
}), r(e.modelValue), { dataSource:
|
|
1539
|
+
}), H(() => e.modelValue, (l) => {
|
|
1540
|
+
n.value = l, r(l);
|
|
1541
|
+
}), r(e.modelValue), { dataSource: o, displayText: t, editable: i, modelValue: n, getItemsByDisplayText: c, getItemsByValue: a, getSelectedItemsByDisplayText: p };
|
|
1529
1542
|
}
|
|
1530
|
-
const
|
|
1543
|
+
const q = /* @__PURE__ */ x({
|
|
1531
1544
|
name: "FComboList",
|
|
1532
|
-
props:
|
|
1545
|
+
props: te,
|
|
1533
1546
|
emits: ["clear", "update:modelValue", "change", "input"],
|
|
1534
1547
|
setup(e, t) {
|
|
1535
|
-
const n = b(),
|
|
1548
|
+
const n = b(), o = b(e.disabled), i = b(e.enableClear), a = b(e.enableSearch), r = b(e.readonly), {
|
|
1536
1549
|
dataSource: c,
|
|
1537
1550
|
displayText: m,
|
|
1538
1551
|
editable: p,
|
|
1539
1552
|
modelValue: u,
|
|
1540
|
-
getSelectedItemsByDisplayText:
|
|
1541
|
-
} =
|
|
1553
|
+
getSelectedItemsByDisplayText: l
|
|
1554
|
+
} = Kt(e), s = B(() => e.multiSelect), g = B(() => n.value ? n.value.elementRef.getBoundingClientRect().width : 0);
|
|
1542
1555
|
function y() {
|
|
1543
1556
|
!s.value && n.value && n.value.hidePopup();
|
|
1544
1557
|
}
|
|
@@ -1552,7 +1565,7 @@ const U = /* @__PURE__ */ x({
|
|
|
1552
1565
|
u.value = "", t.emit("update:modelValue", ""), t.emit("clear");
|
|
1553
1566
|
}
|
|
1554
1567
|
function S(C) {
|
|
1555
|
-
const k =
|
|
1568
|
+
const k = l(C);
|
|
1556
1569
|
d(k);
|
|
1557
1570
|
}
|
|
1558
1571
|
function w() {
|
|
@@ -1564,11 +1577,11 @@ const U = /* @__PURE__ */ x({
|
|
|
1564
1577
|
return t.expose({
|
|
1565
1578
|
getDisplayText: w
|
|
1566
1579
|
}), H([() => e.disabled, () => e.editable, () => e.enableClear, () => e.enableSearch, () => e.readonly], ([C, k, O, F, L]) => {
|
|
1567
|
-
|
|
1580
|
+
o.value = C, p.value = k, i.value = O, a.value = F, r.value = L;
|
|
1568
1581
|
}), () => h(Ge, {
|
|
1569
1582
|
ref: n,
|
|
1570
1583
|
id: e.id,
|
|
1571
|
-
disable:
|
|
1584
|
+
disable: o.value,
|
|
1572
1585
|
readonly: r.value,
|
|
1573
1586
|
forcePlaceholder: e.forcePlaceholder,
|
|
1574
1587
|
editable: p.value,
|
|
@@ -1590,7 +1603,7 @@ const U = /* @__PURE__ */ x({
|
|
|
1590
1603
|
onInput: M,
|
|
1591
1604
|
beforeOpen: e.beforeOpen
|
|
1592
1605
|
}, {
|
|
1593
|
-
default: () => [h(
|
|
1606
|
+
default: () => [h(Zt, {
|
|
1594
1607
|
idField: e.idField,
|
|
1595
1608
|
valueField: e.valueField,
|
|
1596
1609
|
textField: e.textField,
|
|
@@ -1606,13 +1619,13 @@ const U = /* @__PURE__ */ x({
|
|
|
1606
1619
|
}, null)]
|
|
1607
1620
|
});
|
|
1608
1621
|
}
|
|
1609
|
-
}),
|
|
1622
|
+
}), en = /* @__PURE__ */ new Map([
|
|
1610
1623
|
["appearance", Ne]
|
|
1611
1624
|
]);
|
|
1612
|
-
function
|
|
1625
|
+
function tn(e, t, n) {
|
|
1613
1626
|
return t;
|
|
1614
1627
|
}
|
|
1615
|
-
const
|
|
1628
|
+
const nn = "https://json-schema.org/draft/2020-12/schema", on = "https://farris-design.gitee.io/button-edit.schema.json", ln = "button-edit", an = "A Farris Input Component", rn = "object", sn = {
|
|
1616
1629
|
id: {
|
|
1617
1630
|
description: "The unique identifier for a Input Group",
|
|
1618
1631
|
type: "string"
|
|
@@ -1796,18 +1809,18 @@ const tn = "https://json-schema.org/draft/2020-12/schema", nn = "https://farris-
|
|
|
1796
1809
|
type: "string",
|
|
1797
1810
|
default: ""
|
|
1798
1811
|
}
|
|
1799
|
-
},
|
|
1812
|
+
}, cn = [
|
|
1800
1813
|
"id",
|
|
1801
1814
|
"type"
|
|
1802
|
-
],
|
|
1803
|
-
$schema:
|
|
1804
|
-
$id:
|
|
1805
|
-
title:
|
|
1806
|
-
description:
|
|
1807
|
-
type:
|
|
1808
|
-
properties:
|
|
1809
|
-
required:
|
|
1810
|
-
},
|
|
1815
|
+
], un = {
|
|
1816
|
+
$schema: nn,
|
|
1817
|
+
$id: on,
|
|
1818
|
+
title: ln,
|
|
1819
|
+
description: an,
|
|
1820
|
+
type: rn,
|
|
1821
|
+
properties: sn,
|
|
1822
|
+
required: cn
|
|
1823
|
+
}, dn = "buttonEdit", pn = "A Farris Component", fn = "object", mn = {
|
|
1811
1824
|
basic: {
|
|
1812
1825
|
description: "Basic Infomation",
|
|
1813
1826
|
title: "基本信息",
|
|
@@ -1889,11 +1902,11 @@ const tn = "https://json-schema.org/draft/2020-12/schema", nn = "https://farris-
|
|
|
1889
1902
|
}
|
|
1890
1903
|
}
|
|
1891
1904
|
}
|
|
1892
|
-
},
|
|
1893
|
-
title:
|
|
1894
|
-
description:
|
|
1895
|
-
type:
|
|
1896
|
-
categories:
|
|
1905
|
+
}, yn = {
|
|
1906
|
+
title: dn,
|
|
1907
|
+
description: pn,
|
|
1908
|
+
type: fn,
|
|
1909
|
+
categories: mn
|
|
1897
1910
|
}, ge = {
|
|
1898
1911
|
/**
|
|
1899
1912
|
* 组件标识
|
|
@@ -2003,17 +2016,17 @@ const tn = "https://json-schema.org/draft/2020-12/schema", nn = "https://farris-
|
|
|
2003
2016
|
/** 更新方式 blur | change */
|
|
2004
2017
|
updateOn: { type: String, default: "change" }
|
|
2005
2018
|
};
|
|
2006
|
-
_(ge,
|
|
2007
|
-
const
|
|
2019
|
+
_(ge, un, en, tn, yn);
|
|
2020
|
+
const gn = {
|
|
2008
2021
|
popupContentPosition: { type: Object, default: { left: 0, top: 0 } },
|
|
2009
2022
|
host: { type: Object },
|
|
2010
2023
|
backgroundColor: { type: String, default: "" }
|
|
2011
|
-
},
|
|
2024
|
+
}, hn = /* @__PURE__ */ x({
|
|
2012
2025
|
name: "FOverlay",
|
|
2013
|
-
props:
|
|
2026
|
+
props: gn,
|
|
2014
2027
|
emits: ["click"],
|
|
2015
2028
|
setup(e, t) {
|
|
2016
|
-
const n = b(e.popupContentPosition),
|
|
2029
|
+
const n = b(e.popupContentPosition), o = b(e.host), i = B(() => ({
|
|
2017
2030
|
backgroundColor: e.backgroundColor || "",
|
|
2018
2031
|
pointerEvents: "auto"
|
|
2019
2032
|
}));
|
|
@@ -2021,16 +2034,16 @@ const yn = {
|
|
|
2021
2034
|
t.emit("click"), c.preventDefault(), c.stopPropagation();
|
|
2022
2035
|
}
|
|
2023
2036
|
B(() => {
|
|
2024
|
-
const c =
|
|
2037
|
+
const c = o.value;
|
|
2025
2038
|
if (c) {
|
|
2026
2039
|
const m = c.getBoundingClientRect(), {
|
|
2027
2040
|
left: p,
|
|
2028
2041
|
top: u,
|
|
2029
|
-
height:
|
|
2042
|
+
height: l
|
|
2030
2043
|
} = m;
|
|
2031
2044
|
return {
|
|
2032
2045
|
left: p,
|
|
2033
|
-
top: u +
|
|
2046
|
+
top: u + l
|
|
2034
2047
|
};
|
|
2035
2048
|
}
|
|
2036
2049
|
return n.value;
|
|
@@ -2056,27 +2069,27 @@ const yn = {
|
|
|
2056
2069
|
});
|
|
2057
2070
|
}
|
|
2058
2071
|
});
|
|
2059
|
-
function
|
|
2072
|
+
function vn(e) {
|
|
2060
2073
|
if (e.content && e.content.render)
|
|
2061
2074
|
return e.content.render;
|
|
2062
2075
|
if (e.render && typeof e.render == "function")
|
|
2063
2076
|
return e.render;
|
|
2064
2077
|
}
|
|
2065
|
-
function
|
|
2078
|
+
function bn(e) {
|
|
2066
2079
|
const t = document.createElement("div");
|
|
2067
2080
|
t.style.display = "contents";
|
|
2068
2081
|
let n;
|
|
2069
|
-
const
|
|
2082
|
+
const o = e.onClickCallback || (() => {
|
|
2070
2083
|
}), i = () => {
|
|
2071
|
-
|
|
2084
|
+
o(), n && n.unmount();
|
|
2072
2085
|
};
|
|
2073
2086
|
return n = ke({
|
|
2074
2087
|
setup() {
|
|
2075
2088
|
Ie(() => {
|
|
2076
2089
|
document.body.removeChild(t);
|
|
2077
2090
|
});
|
|
2078
|
-
const a =
|
|
2079
|
-
return () => h(
|
|
2091
|
+
const a = vn(e);
|
|
2092
|
+
return () => h(hn, {
|
|
2080
2093
|
"popup-content-position": e.popupPosition,
|
|
2081
2094
|
host: e.host,
|
|
2082
2095
|
onClick: i,
|
|
@@ -2087,18 +2100,18 @@ function vn(e) {
|
|
|
2087
2100
|
}
|
|
2088
2101
|
}), document.body.appendChild(t), n.mount(t), n;
|
|
2089
2102
|
}
|
|
2090
|
-
class
|
|
2103
|
+
class Cn {
|
|
2091
2104
|
static show(t) {
|
|
2092
|
-
return
|
|
2105
|
+
return bn(t);
|
|
2093
2106
|
}
|
|
2094
2107
|
}
|
|
2095
|
-
const
|
|
2108
|
+
const Sn = Symbol("FModalService");
|
|
2096
2109
|
function he(e, t) {
|
|
2097
2110
|
function n() {
|
|
2098
|
-
const
|
|
2111
|
+
const o = e.beforeOpen || e.beforeClickButton || null;
|
|
2099
2112
|
let i = Promise.resolve(!0);
|
|
2100
|
-
if (
|
|
2101
|
-
const a =
|
|
2113
|
+
if (o) {
|
|
2114
|
+
const a = o(t.value);
|
|
2102
2115
|
if (typeof a > "u")
|
|
2103
2116
|
return i;
|
|
2104
2117
|
typeof a == "boolean" ? i = Promise.resolve(a) : i = a;
|
|
@@ -2107,11 +2120,11 @@ function he(e, t) {
|
|
|
2107
2120
|
}
|
|
2108
2121
|
return { judgeCanOpen: n };
|
|
2109
2122
|
}
|
|
2110
|
-
function
|
|
2123
|
+
function wn(e, t, n, o, i) {
|
|
2111
2124
|
const a = b(e.buttonBehavior), r = b(e.popupOnInput), c = B(() => ({
|
|
2112
2125
|
"input-group-append": !0,
|
|
2113
2126
|
"append-force-show": e.showButtonWhenDisabled && (e.readonly || e.disable)
|
|
2114
|
-
})), { judgeCanOpen: m } = he(e, i), p = B(() => e.showButtonWhenDisabled || (!e.editable || !e.readonly) && !e.disable), u = N(
|
|
2127
|
+
})), { judgeCanOpen: m } = he(e, i), p = B(() => e.showButtonWhenDisabled || (!e.editable || !e.readonly) && !e.disable), u = N(Sn, null), l = b();
|
|
2115
2128
|
async function s(d) {
|
|
2116
2129
|
if (await m() && p.value) {
|
|
2117
2130
|
const f = !!t.slots.default;
|
|
@@ -2120,14 +2133,14 @@ function Sn(e, t, n, l, i) {
|
|
|
2120
2133
|
...v,
|
|
2121
2134
|
render: () => t.slots.default && t.slots.default()
|
|
2122
2135
|
});
|
|
2123
|
-
|
|
2136
|
+
l.value = S == null ? void 0 : S.modalRef;
|
|
2124
2137
|
}
|
|
2125
|
-
a.value === "Overlay" &&
|
|
2138
|
+
a.value === "Overlay" && Cn.show({
|
|
2126
2139
|
// host: buttonEditRef.value,
|
|
2127
2140
|
host: document.body,
|
|
2128
2141
|
backgroundColor: "rgba(0,0,0,.15)",
|
|
2129
2142
|
render: () => t.slots.default && t.slots.default()
|
|
2130
|
-
}), f && a.value === "Popup" &&
|
|
2143
|
+
}), f && a.value === "Popup" && o.togglePopup(!0), f && r.value && o.hidePopup(), t.emit("clickButton", { origin: d, value: e.modelValue });
|
|
2131
2144
|
}
|
|
2132
2145
|
}
|
|
2133
2146
|
function g(d) {
|
|
@@ -2141,27 +2154,27 @@ function Sn(e, t, n, l, i) {
|
|
|
2141
2154
|
onClickButton: s,
|
|
2142
2155
|
onMouseEnterButton: g,
|
|
2143
2156
|
onMouseLeaveButton: y,
|
|
2144
|
-
modalRef:
|
|
2157
|
+
modalRef: l
|
|
2145
2158
|
};
|
|
2146
2159
|
}
|
|
2147
|
-
function
|
|
2148
|
-
const i = b(), a = b(!1), { judgeCanOpen: r } = he(e,
|
|
2160
|
+
function Fn(e, t, n, o) {
|
|
2161
|
+
const i = b(), a = b(!1), { judgeCanOpen: r } = he(e, o);
|
|
2149
2162
|
function c() {
|
|
2150
|
-
const
|
|
2151
|
-
|
|
2163
|
+
const l = i.value;
|
|
2164
|
+
l && l.show(n.value);
|
|
2152
2165
|
}
|
|
2153
|
-
async function m(
|
|
2166
|
+
async function m(l = !1) {
|
|
2154
2167
|
if (!!t.slots.default) {
|
|
2155
|
-
if (!
|
|
2168
|
+
if (!l && !a.value && !await r())
|
|
2156
2169
|
return;
|
|
2157
|
-
a.value = !a.value, await
|
|
2170
|
+
a.value = !a.value, await ne(), c();
|
|
2158
2171
|
}
|
|
2159
2172
|
}
|
|
2160
|
-
async function p(
|
|
2173
|
+
async function p(l = !1) {
|
|
2161
2174
|
if (!!t.slots.default) {
|
|
2162
|
-
if (!
|
|
2175
|
+
if (!l && !await r())
|
|
2163
2176
|
return;
|
|
2164
|
-
a.value = !0, await
|
|
2177
|
+
a.value = !0, await ne(), c();
|
|
2165
2178
|
}
|
|
2166
2179
|
}
|
|
2167
2180
|
function u() {
|
|
@@ -2169,14 +2182,14 @@ function wn(e, t, n, l) {
|
|
|
2169
2182
|
}
|
|
2170
2183
|
return { hidePopup: u, popup: p, shouldPopupContent: a, togglePopup: m, popoverRef: i };
|
|
2171
2184
|
}
|
|
2172
|
-
function
|
|
2185
|
+
function kn(e, t, n) {
|
|
2173
2186
|
const {
|
|
2174
|
-
buttonGroupClass:
|
|
2187
|
+
buttonGroupClass: o
|
|
2175
2188
|
} = n, i = b();
|
|
2176
2189
|
return {
|
|
2177
2190
|
renderButtonGroup: () => h("div", {
|
|
2178
2191
|
id: `${e.id}-button-group`,
|
|
2179
|
-
class:
|
|
2192
|
+
class: o.value
|
|
2180
2193
|
}, [t.slots.buttonContent ? h("span", {
|
|
2181
2194
|
class: "input-group-text input-group-append-button"
|
|
2182
2195
|
}, [t.slots.buttonContent()]) : e.buttonContent ? h("span", {
|
|
@@ -2187,12 +2200,12 @@ function Fn(e, t, n) {
|
|
|
2187
2200
|
buttonHandleElement: i
|
|
2188
2201
|
};
|
|
2189
2202
|
}
|
|
2190
|
-
const
|
|
2203
|
+
const In = /* @__PURE__ */ x({
|
|
2191
2204
|
name: "FButtonEdit",
|
|
2192
2205
|
props: ge,
|
|
2193
2206
|
emits: ["updateExtendInfo", "clear", "change", "click", "clickButton", "blur", "focus", "mouseEnterIcon", "mouseLeaveIcon", "keyup", "keydown", "inputClick", "input", "update:modelValue"],
|
|
2194
2207
|
setup(e, t) {
|
|
2195
|
-
const n = b(),
|
|
2208
|
+
const n = b(), o = N("design-item-context"), i = se(n, o), a = b(e.customClass), r = b(e.modelValue), c = Fn(e, t, n, r), m = wn(e, t, n, c, r), p = b(), u = B(() => ({
|
|
2196
2209
|
"f-cmp-inputgroup": !0,
|
|
2197
2210
|
"input-group": !0,
|
|
2198
2211
|
"f-state-disable": !0,
|
|
@@ -2202,7 +2215,7 @@ const kn = /* @__PURE__ */ x({
|
|
|
2202
2215
|
J(() => {
|
|
2203
2216
|
n.value.componentInstance = i;
|
|
2204
2217
|
}), t.expose(i.value);
|
|
2205
|
-
const
|
|
2218
|
+
const l = B(() => {
|
|
2206
2219
|
const g = {
|
|
2207
2220
|
"f-button-edit": !0,
|
|
2208
2221
|
"f-cmp-inputgroup": !0,
|
|
@@ -2211,10 +2224,10 @@ const kn = /* @__PURE__ */ x({
|
|
|
2211
2224
|
return a.value && a.value.split(" ").reduce((y, d) => (y[d] = !0, y), g), g;
|
|
2212
2225
|
}), {
|
|
2213
2226
|
renderButtonGroup: s
|
|
2214
|
-
} =
|
|
2227
|
+
} = kn(e, t, m);
|
|
2215
2228
|
return () => h("div", Me(t.attrs, {
|
|
2216
2229
|
ref: n,
|
|
2217
|
-
class:
|
|
2230
|
+
class: l.value,
|
|
2218
2231
|
id: e.id
|
|
2219
2232
|
}), [h("div", {
|
|
2220
2233
|
class: u.value
|
|
@@ -2226,7 +2239,7 @@ const kn = /* @__PURE__ */ x({
|
|
|
2226
2239
|
}, null), s()])]);
|
|
2227
2240
|
}
|
|
2228
2241
|
});
|
|
2229
|
-
class
|
|
2242
|
+
class Mn {
|
|
2230
2243
|
constructor(t, n) {
|
|
2231
2244
|
T(this, "componentId");
|
|
2232
2245
|
T(this, "viewModelId");
|
|
@@ -2243,22 +2256,22 @@ class In {
|
|
|
2243
2256
|
type: "object",
|
|
2244
2257
|
categories: {}
|
|
2245
2258
|
});
|
|
2246
|
-
var
|
|
2247
|
-
this.componentId = t, this.designerHostService = n, this.eventsEditorUtils = n.eventsEditorUtils, this.formSchemaUtils = n.formSchemaUtils, this.formMetadataConverter = n.formMetadataConverter, this.viewModelId = ((
|
|
2259
|
+
var o;
|
|
2260
|
+
this.componentId = t, this.designerHostService = n, this.eventsEditorUtils = n.eventsEditorUtils, this.formSchemaUtils = n.formSchemaUtils, this.formMetadataConverter = n.formMetadataConverter, this.viewModelId = ((o = this.formSchemaUtils) == null ? void 0 : o.getViewModelIdByComponentId(t)) || "", this.designViewModelUtils = n.designViewModelUtils, this.controlCreatorUtils = n.controlCreatorUtils, this.metadataService = n.metadataService, this.schemaService = n.schemaService;
|
|
2248
2261
|
}
|
|
2249
2262
|
getTableInfo() {
|
|
2250
2263
|
var t;
|
|
2251
2264
|
return (t = this.schemaService) == null ? void 0 : t.getTableInfoByViewModelId(this.viewModelId);
|
|
2252
2265
|
}
|
|
2253
2266
|
setDesignViewModelField(t) {
|
|
2254
|
-
var
|
|
2267
|
+
var o;
|
|
2255
2268
|
const n = t.binding && t.binding.type === "Form" && t.binding.field;
|
|
2256
2269
|
if (n) {
|
|
2257
2270
|
if (!this.designViewModelField) {
|
|
2258
2271
|
const i = this.designViewModelUtils.getDgViewModel(this.viewModelId);
|
|
2259
2272
|
this.designViewModelField = i.fields.find((a) => a.id === n);
|
|
2260
2273
|
}
|
|
2261
|
-
t.updateOn = (
|
|
2274
|
+
t.updateOn = (o = this.designViewModelField) == null ? void 0 : o.updateOn;
|
|
2262
2275
|
}
|
|
2263
2276
|
}
|
|
2264
2277
|
changeFieldEditorType(t, n) {
|
|
@@ -2315,11 +2328,11 @@ class In {
|
|
|
2315
2328
|
* @returns
|
|
2316
2329
|
*/
|
|
2317
2330
|
updateElementByParentContainer(t, n) {
|
|
2318
|
-
const
|
|
2319
|
-
if (!
|
|
2331
|
+
const o = n && n.parent && n.parent.schema;
|
|
2332
|
+
if (!o)
|
|
2320
2333
|
return;
|
|
2321
|
-
const i =
|
|
2322
|
-
|
|
2334
|
+
const i = o.contents.findIndex((r) => r.id === t), a = Q(o.contents[i]);
|
|
2335
|
+
o.contents.splice(i, 1), o.contents.splice(i, 0, a);
|
|
2323
2336
|
}
|
|
2324
2337
|
}
|
|
2325
2338
|
const G = class G {
|
|
@@ -2336,8 +2349,8 @@ const G = class G {
|
|
|
2336
2349
|
static getAllInputTypes() {
|
|
2337
2350
|
const t = [];
|
|
2338
2351
|
for (const n in G.fieldControlTypeMapping)
|
|
2339
|
-
G.fieldControlTypeMapping[n].forEach((
|
|
2340
|
-
t.find((i) => i.key ===
|
|
2352
|
+
G.fieldControlTypeMapping[n].forEach((o) => {
|
|
2353
|
+
t.find((i) => i.key === o.key && i.value === o.value) || t.push({ key: o.key, value: o.value });
|
|
2341
2354
|
});
|
|
2342
2355
|
return t;
|
|
2343
2356
|
}
|
|
@@ -2392,9 +2405,9 @@ T(G, "fieldControlTypeMapping", {
|
|
|
2392
2405
|
{ key: I["radio-group"].type, value: I["radio-group"].name }
|
|
2393
2406
|
]
|
|
2394
2407
|
});
|
|
2395
|
-
let
|
|
2396
|
-
const
|
|
2397
|
-
class
|
|
2408
|
+
let U = G;
|
|
2409
|
+
const Bn = b(0);
|
|
2410
|
+
class Vn {
|
|
2398
2411
|
constructor() {
|
|
2399
2412
|
/** 控件标题 */
|
|
2400
2413
|
T(this, "label", "");
|
|
@@ -2424,45 +2437,45 @@ class Bn {
|
|
|
2424
2437
|
T(this, "fieldSetId", "");
|
|
2425
2438
|
}
|
|
2426
2439
|
}
|
|
2427
|
-
function
|
|
2440
|
+
function On(e) {
|
|
2428
2441
|
let t, n;
|
|
2429
|
-
const
|
|
2442
|
+
const o = /* @__PURE__ */ new Map();
|
|
2430
2443
|
let i = [];
|
|
2431
|
-
function a(u,
|
|
2444
|
+
function a(u, l) {
|
|
2432
2445
|
const g = u.split(" ").filter((S) => S.startsWith("col-"));
|
|
2433
2446
|
if (g.length === 0) {
|
|
2434
|
-
|
|
2447
|
+
l.isSupportedClass = !1;
|
|
2435
2448
|
return;
|
|
2436
2449
|
}
|
|
2437
2450
|
let y = g.find((S) => /^col-([1-9]|10|11|12)$/.test(S)), d = g.find((S) => /^col-md-([1-9]|10|11|12)$/.test(S)), f = g.find((S) => /^col-xl-([1-9]|10|11|12)$/.test(S)), v = g.find((S) => /^col-el-([1-9]|10|11|12)$/.test(S));
|
|
2438
|
-
y = y || "col-12",
|
|
2451
|
+
y = y || "col-12", l.columnInSM = parseInt(y.replace("col-", ""), 10), l.displayWidthInSM = l.columnInSM / 12, l.displayWidthInSM !== 1 && (l.isSupportedClass = !1), d = d || "col-md-" + l.columnInSM, l.columnInMD = parseInt(d.replace("col-md-", ""), 10), l.displayWidthInMD = l.columnInMD / 6, [1, 2].includes(l.displayWidthInMD) || (l.isSupportedClass = !1), f = f || "col-xl-" + l.columnInMD, l.columnInLG = parseInt(f.replace("col-xl-", ""), 10), l.displayWidthInLG = l.columnInLG / 3, [1, 2, 3, 4].includes(l.displayWidthInLG) || (l.isSupportedClass = !1), v = v || "col-el-" + l.columnInLG, l.columnInEL = parseInt(v.replace("col-el-", ""), 10), l.displayWidthInEL = l.columnInEL / 2, [1, 2, 3, 4, 5, 6].includes(l.displayWidthInEL) || (l.isSupportedClass = !1);
|
|
2439
2452
|
}
|
|
2440
|
-
function r(u,
|
|
2453
|
+
function r(u, l, s, g = !1) {
|
|
2441
2454
|
let y = !1;
|
|
2442
2455
|
u.contents.forEach((d) => {
|
|
2443
2456
|
if (d.type === "fieldset") {
|
|
2444
|
-
s += 1, r(d,
|
|
2457
|
+
s += 1, r(d, l, s, !0), y = !0;
|
|
2445
2458
|
return;
|
|
2446
2459
|
}
|
|
2447
2460
|
y && (s += 1, y = !1);
|
|
2448
|
-
const f = d.appearance && d.appearance.class, v = new
|
|
2449
|
-
f ? a(f, v) : v.isSupportedClass = !1, v.label = d.label || d.id, v.id = d.id, v.group = s, g && (v.fieldSetId = u.id), n === d.id && (t = s),
|
|
2461
|
+
const f = d.appearance && d.appearance.class, v = new Vn();
|
|
2462
|
+
f ? a(f, v) : v.isSupportedClass = !1, v.label = d.label || d.id, v.id = d.id, v.group = s, g && (v.fieldSetId = u.id), n === d.id && (t = s), o.set(d.id, d), l.push(v);
|
|
2450
2463
|
});
|
|
2451
2464
|
}
|
|
2452
2465
|
function c(u) {
|
|
2453
|
-
const
|
|
2454
|
-
if (!
|
|
2466
|
+
const l = e.getComponentById(u);
|
|
2467
|
+
if (!l || !l.componentType || !l.componentType.startsWith("form"))
|
|
2455
2468
|
return { result: !1, message: "只可以在响应式表单组件中调整响应式布局配置" };
|
|
2456
|
-
const s = e.selectNode(
|
|
2469
|
+
const s = e.selectNode(l, (g) => g.type === le["response-form"].type);
|
|
2457
2470
|
return !s || !s.contents || s.contents.length === 0 ? { result: !1, message: "Form区域内没有控件,请先添加控件" } : { result: !0, message: "", formNode: s };
|
|
2458
2471
|
}
|
|
2459
|
-
function m(u,
|
|
2460
|
-
|
|
2461
|
-
const { result: s, message: g, formNode: y } = c(
|
|
2472
|
+
function m(u, l) {
|
|
2473
|
+
l = l || u.id;
|
|
2474
|
+
const { result: s, message: g, formNode: y } = c(l);
|
|
2462
2475
|
if (!s)
|
|
2463
2476
|
return { result: s, message: g };
|
|
2464
|
-
n = u.id, i = [],
|
|
2465
|
-
const d = y.contents[0].type ===
|
|
2477
|
+
n = u.id, i = [], o.clear();
|
|
2478
|
+
const d = y.contents[0].type === le.fieldset.type ? 0 : 1;
|
|
2466
2479
|
r(y, i, d);
|
|
2467
2480
|
const f = i.find((S) => !S.isSupportedClass);
|
|
2468
2481
|
return {
|
|
@@ -2473,15 +2486,15 @@ function Vn(e) {
|
|
|
2473
2486
|
importData: i
|
|
2474
2487
|
};
|
|
2475
2488
|
}
|
|
2476
|
-
function p(u,
|
|
2477
|
-
|
|
2478
|
-
const { result: s, formNode: g } = c(
|
|
2489
|
+
function p(u, l) {
|
|
2490
|
+
l = l;
|
|
2491
|
+
const { result: s, formNode: g } = c(l);
|
|
2479
2492
|
if (!s)
|
|
2480
2493
|
return "";
|
|
2481
2494
|
const y = [];
|
|
2482
2495
|
return u.forEach((d) => {
|
|
2483
2496
|
var S;
|
|
2484
|
-
const f =
|
|
2497
|
+
const f = o.get(d.id), v = f.appearance && f.appearance.class;
|
|
2485
2498
|
if (v) {
|
|
2486
2499
|
const M = v.split(" ").filter((D) => !D.startsWith("col-")), C = "col-" + d.columnInSM, k = "col-md-" + d.columnInMD, O = "col-xl-" + d.columnInLG, F = "col-el-" + d.columnInEL, L = [C, k, O, F].concat(M);
|
|
2487
2500
|
f.appearance.class = L.join(" ");
|
|
@@ -2500,19 +2513,19 @@ function Vn(e) {
|
|
|
2500
2513
|
getResonseFormLayoutConfig: r
|
|
2501
2514
|
};
|
|
2502
2515
|
}
|
|
2503
|
-
class
|
|
2504
|
-
constructor(n,
|
|
2505
|
-
super(n,
|
|
2516
|
+
class Tn extends Mn {
|
|
2517
|
+
constructor(n, o) {
|
|
2518
|
+
super(n, o);
|
|
2506
2519
|
T(this, "responseLayoutEditorFunction");
|
|
2507
|
-
this.responseLayoutEditorFunction =
|
|
2520
|
+
this.responseLayoutEditorFunction = On(this.formSchemaUtils);
|
|
2508
2521
|
}
|
|
2509
|
-
getPropertyConfig(n,
|
|
2510
|
-
return this.propertyConfig.categories.basic = this.getBasicProperties(n,
|
|
2522
|
+
getPropertyConfig(n, o) {
|
|
2523
|
+
return this.propertyConfig.categories.basic = this.getBasicProperties(n, o), this.propertyConfig.categories.appearance = this.getAppearanceProperties(n, o), this.propertyConfig.categories.editor = this.getEditorProperties(n), this.propertyConfig;
|
|
2511
2524
|
}
|
|
2512
|
-
getBasicProperties(n,
|
|
2525
|
+
getBasicProperties(n, o) {
|
|
2513
2526
|
var a;
|
|
2514
2527
|
const i = this;
|
|
2515
|
-
return this.setDesignViewModelField(n),
|
|
2528
|
+
return this.setDesignViewModelField(n), {
|
|
2516
2529
|
description: "Basic Information",
|
|
2517
2530
|
title: "基本信息",
|
|
2518
2531
|
properties: {
|
|
@@ -2533,7 +2546,7 @@ class On extends In {
|
|
|
2533
2546
|
textField: "value",
|
|
2534
2547
|
valueField: "key",
|
|
2535
2548
|
editable: !1,
|
|
2536
|
-
data: i.designViewModelField ?
|
|
2549
|
+
data: i.designViewModelField ? U.getEditorTypesByMDataType((a = i.designViewModelField.type) == null ? void 0 : a.name) : U.getAllInputTypes()
|
|
2537
2550
|
}
|
|
2538
2551
|
},
|
|
2539
2552
|
label: {
|
|
@@ -2562,7 +2575,7 @@ class On extends In {
|
|
|
2562
2575
|
if (r)
|
|
2563
2576
|
switch (r && r.propertyID) {
|
|
2564
2577
|
case "type": {
|
|
2565
|
-
i.changeControlType(n, r,
|
|
2578
|
+
i.changeControlType(n, r, o);
|
|
2566
2579
|
break;
|
|
2567
2580
|
}
|
|
2568
2581
|
case "label": {
|
|
@@ -2573,7 +2586,7 @@ class On extends In {
|
|
|
2573
2586
|
}
|
|
2574
2587
|
};
|
|
2575
2588
|
}
|
|
2576
|
-
getAppearanceProperties(n,
|
|
2589
|
+
getAppearanceProperties(n, o) {
|
|
2577
2590
|
const i = this;
|
|
2578
2591
|
return {
|
|
2579
2592
|
title: "样式",
|
|
@@ -2608,10 +2621,10 @@ class On extends In {
|
|
|
2608
2621
|
if (a)
|
|
2609
2622
|
switch (a && a.propertyID) {
|
|
2610
2623
|
case "responseLayout":
|
|
2611
|
-
i.responseLayoutEditorFunction.changeFormControlsByResponseLayoutConfig(a.propertyValue, i.componentId || n.id), i.updateUnifiedLayoutAfterResponseLayoutChanged(i.componentId), i.updateElementByParentContainer(n.id,
|
|
2624
|
+
i.responseLayoutEditorFunction.changeFormControlsByResponseLayoutConfig(a.propertyValue, i.componentId || n.id), i.updateUnifiedLayoutAfterResponseLayoutChanged(i.componentId), i.updateElementByParentContainer(n.id, o), delete n.responseLayout;
|
|
2612
2625
|
break;
|
|
2613
2626
|
case "class":
|
|
2614
|
-
i.updateUnifiedLayoutAfterControlChanged(a.propertyValue, n.id, this.componentId), i.updateElementByParentContainer(n.id,
|
|
2627
|
+
i.updateUnifiedLayoutAfterControlChanged(a.propertyValue, n.id, this.componentId), i.updateElementByParentContainer(n.id, o);
|
|
2615
2628
|
break;
|
|
2616
2629
|
}
|
|
2617
2630
|
}
|
|
@@ -2625,9 +2638,9 @@ class On extends In {
|
|
|
2625
2638
|
* @param propertyData 控件DOM属性
|
|
2626
2639
|
* @param newControlType 新控件类型
|
|
2627
2640
|
*/
|
|
2628
|
-
changeControlType(n,
|
|
2629
|
-
var u,
|
|
2630
|
-
const a =
|
|
2641
|
+
changeControlType(n, o, i) {
|
|
2642
|
+
var u, l, s, g;
|
|
2643
|
+
const a = o.propertyValue, r = i && i.parent && i.parent.schema;
|
|
2631
2644
|
if (!r)
|
|
2632
2645
|
return;
|
|
2633
2646
|
const c = r.contents.findIndex((y) => y.id === n.id), m = r.contents[c];
|
|
@@ -2649,20 +2662,20 @@ class On extends In {
|
|
|
2649
2662
|
}), Object.assign(p.editor, {
|
|
2650
2663
|
isTextArea: p.isTextArea && m.isTextArea,
|
|
2651
2664
|
placeholder: (u = m.editor) == null ? void 0 : u.placeholder,
|
|
2652
|
-
holdPlace: (
|
|
2665
|
+
holdPlace: (l = m.editor) == null ? void 0 : l.holdPlace,
|
|
2653
2666
|
readonly: (s = m.editor) == null ? void 0 : s.readonly,
|
|
2654
2667
|
require: (g = m.editor) == null ? void 0 : g.require
|
|
2655
2668
|
}), r.contents.splice(c, 1), r.contents.splice(c, 0, p), i.schema = Object.assign(m, p), Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(
|
|
2656
2669
|
(y) => y.classList.remove("dgComponentSelected")
|
|
2657
|
-
),
|
|
2670
|
+
), Bn.value++;
|
|
2658
2671
|
}
|
|
2659
|
-
getComponentConfig(n,
|
|
2672
|
+
getComponentConfig(n, o = {}, i = {}) {
|
|
2660
2673
|
const a = Object.assign({
|
|
2661
2674
|
description: "编辑器",
|
|
2662
2675
|
title: "编辑器",
|
|
2663
2676
|
type: "input-group",
|
|
2664
2677
|
$converter: "/converter/property-editor.converter"
|
|
2665
|
-
},
|
|
2678
|
+
}, o), r = Object.assign({
|
|
2666
2679
|
readonly: {
|
|
2667
2680
|
description: "",
|
|
2668
2681
|
title: "只读",
|
|
@@ -2692,12 +2705,12 @@ class On extends In {
|
|
|
2692
2705
|
* @param controlId 控件Id
|
|
2693
2706
|
* @param componentId 控件所在组件id
|
|
2694
2707
|
*/
|
|
2695
|
-
updateUnifiedLayoutAfterControlChanged(n,
|
|
2708
|
+
updateUnifiedLayoutAfterControlChanged(n, o, i) {
|
|
2696
2709
|
const a = n.split(" ");
|
|
2697
|
-
let r = a.find((
|
|
2710
|
+
let r = a.find((l) => /^col-([1-9]|10|11|12)$/.test(l)), c = a.find((l) => /^col-md-([1-9]|10|11|12)$/.test(l)), m = a.find((l) => /^col-xl-([1-9]|10|11|12)$/.test(l)), p = a.find((l) => /^col-el-([1-9]|10|11|12)$/.test(l));
|
|
2698
2711
|
r = r || "col-12", c = c || "col-md-" + r.replace("col-", ""), m = m || "col-xl-" + c.replace("col-md-", ""), p = p || "col-el-" + m.replace("col-xl-", "");
|
|
2699
2712
|
const u = {
|
|
2700
|
-
id:
|
|
2713
|
+
id: o,
|
|
2701
2714
|
columnInSM: parseInt(r.replace("col-", ""), 10),
|
|
2702
2715
|
columnInMD: parseInt(c.replace("col-md-", ""), 10),
|
|
2703
2716
|
columnInLG: parseInt(m.replace("col-xl-", ""), 10),
|
|
@@ -2710,19 +2723,19 @@ class On extends In {
|
|
|
2710
2723
|
* @param componentId 组件Id
|
|
2711
2724
|
* @param controlLayoutConfig 某单独变动的控件配置项,FormResponseLayoutContext类型
|
|
2712
2725
|
*/
|
|
2713
|
-
updateUnifiedLayoutAfterResponseLayoutChanged(n,
|
|
2726
|
+
updateUnifiedLayoutAfterResponseLayoutChanged(n, o) {
|
|
2714
2727
|
const { formNode: i } = this.responseLayoutEditorFunction.checkCanFindFormNode(n);
|
|
2715
2728
|
if (!i || !i.unifiedLayout)
|
|
2716
2729
|
return;
|
|
2717
2730
|
const a = [];
|
|
2718
|
-
if (this.responseLayoutEditorFunction.getResonseFormLayoutConfig(i, a, 1),
|
|
2719
|
-
const y = a.find((d) => d.id ===
|
|
2720
|
-
Object.assign(y || {},
|
|
2731
|
+
if (this.responseLayoutEditorFunction.getResonseFormLayoutConfig(i, a, 1), o) {
|
|
2732
|
+
const y = a.find((d) => d.id === o.id);
|
|
2733
|
+
Object.assign(y || {}, o);
|
|
2721
2734
|
}
|
|
2722
|
-
const r = a.map((y) => y.columnInSM), c = a.map((y) => y.columnInMD), m = a.map((y) => y.columnInLG), p = a.map((y) => y.columnInEL), u = this.checkIsUniqueColumn(r) ? r[0] : null,
|
|
2735
|
+
const r = a.map((y) => y.columnInSM), c = a.map((y) => y.columnInMD), m = a.map((y) => y.columnInLG), p = a.map((y) => y.columnInEL), u = this.checkIsUniqueColumn(r) ? r[0] : null, l = this.checkIsUniqueColumn(c) ? c[0] : null, s = this.checkIsUniqueColumn(m) ? m[0] : null, g = this.checkIsUniqueColumn(p) ? p[0] : null;
|
|
2723
2736
|
Object.assign(i.unifiedLayout, {
|
|
2724
2737
|
uniqueColClassInSM: u,
|
|
2725
|
-
uniqueColClassInMD:
|
|
2738
|
+
uniqueColClassInMD: l,
|
|
2726
2739
|
uniqueColClassInLG: s,
|
|
2727
2740
|
uniqueColClassInEL: g
|
|
2728
2741
|
});
|
|
@@ -2731,11 +2744,11 @@ class On extends In {
|
|
|
2731
2744
|
* 校验宽度样式值是否一致
|
|
2732
2745
|
*/
|
|
2733
2746
|
checkIsUniqueColumn(n) {
|
|
2734
|
-
const
|
|
2735
|
-
return Array.from(
|
|
2747
|
+
const o = new Set(n);
|
|
2748
|
+
return Array.from(o).length === 1;
|
|
2736
2749
|
}
|
|
2737
2750
|
}
|
|
2738
|
-
class
|
|
2751
|
+
class Pn extends Tn {
|
|
2739
2752
|
constructor(t, n) {
|
|
2740
2753
|
super(t, n);
|
|
2741
2754
|
}
|
|
@@ -2789,35 +2802,35 @@ class Tn extends On {
|
|
|
2789
2802
|
refreshPanelAfterChanged: !0
|
|
2790
2803
|
}
|
|
2791
2804
|
});
|
|
2792
|
-
return n.setPropertyRelates = function(
|
|
2793
|
-
if (
|
|
2794
|
-
switch (
|
|
2805
|
+
return n.setPropertyRelates = function(o) {
|
|
2806
|
+
if (o)
|
|
2807
|
+
switch (o.propertyID) {
|
|
2795
2808
|
case "data": {
|
|
2796
|
-
|
|
2809
|
+
o.propertyValue.parameters && (t.editor.valueField = o.propertyValue.parameters.valueField, t.editor.textField = o.propertyValue.parameters.nameField), t.editor.data = o.propertyValue.value;
|
|
2797
2810
|
break;
|
|
2798
2811
|
}
|
|
2799
2812
|
}
|
|
2800
2813
|
}, n;
|
|
2801
2814
|
}
|
|
2802
2815
|
}
|
|
2803
|
-
function
|
|
2816
|
+
function Ln(e, t) {
|
|
2804
2817
|
const n = e.schema;
|
|
2805
|
-
function
|
|
2806
|
-
return new
|
|
2818
|
+
function o(i, a) {
|
|
2819
|
+
return new Pn(i, t).getPropertyConfig(n, a);
|
|
2807
2820
|
}
|
|
2808
2821
|
return {
|
|
2809
|
-
getPropsConfig:
|
|
2822
|
+
getPropsConfig: o
|
|
2810
2823
|
};
|
|
2811
2824
|
}
|
|
2812
|
-
const
|
|
2825
|
+
const $n = /* @__PURE__ */ x({
|
|
2813
2826
|
name: "FComboListDesign",
|
|
2814
|
-
props:
|
|
2827
|
+
props: te,
|
|
2815
2828
|
emits: ["clear", "update:modelValue", "change"],
|
|
2816
2829
|
setup(e, t) {
|
|
2817
|
-
const n = b(),
|
|
2830
|
+
const n = b(), o = N("designer-host-service"), i = N("design-item-context"), a = Ln(i, o), r = se(n, i, a);
|
|
2818
2831
|
return J(() => {
|
|
2819
2832
|
n.value.componentInstance = r;
|
|
2820
|
-
}), t.expose(r.value), () => h(
|
|
2833
|
+
}), t.expose(r.value), () => h(In, {
|
|
2821
2834
|
ref: n,
|
|
2822
2835
|
buttonContent: e.dropDownIcon,
|
|
2823
2836
|
readonly: !0,
|
|
@@ -2828,18 +2841,18 @@ const Ln = /* @__PURE__ */ x({
|
|
|
2828
2841
|
}, null);
|
|
2829
2842
|
}
|
|
2830
2843
|
});
|
|
2831
|
-
|
|
2832
|
-
e["combo-list"] =
|
|
2844
|
+
q.register = (e, t, n, o) => {
|
|
2845
|
+
e["combo-list"] = q, t["combo-list"] = ye;
|
|
2833
2846
|
};
|
|
2834
|
-
|
|
2835
|
-
e["combo-list"] =
|
|
2847
|
+
q.registerDesigner = (e, t, n) => {
|
|
2848
|
+
e["combo-list"] = $n, t["combo-list"] = ye;
|
|
2836
2849
|
};
|
|
2837
|
-
const W =
|
|
2850
|
+
const W = qe(q), z = /* @__PURE__ */ x({
|
|
2838
2851
|
name: "FOrder",
|
|
2839
|
-
props:
|
|
2852
|
+
props: ee,
|
|
2840
2853
|
emits: ["change"],
|
|
2841
2854
|
setup(e, t) {
|
|
2842
|
-
const n = b(e.items),
|
|
2855
|
+
const n = b(e.items), o = b("排序列"), i = b("排序方式"), a = b("添加排序列"), r = [{
|
|
2843
2856
|
id: "asc",
|
|
2844
2857
|
name: "升序"
|
|
2845
2858
|
}, {
|
|
@@ -2854,7 +2867,7 @@ const W = Ue(U), z = /* @__PURE__ */ x({
|
|
|
2854
2867
|
const p = B(() => e.dataSource.map((f) => (f.disabled = c.value.has(f.id), f))), u = B(() => ({
|
|
2855
2868
|
"f-order": !0
|
|
2856
2869
|
}));
|
|
2857
|
-
function
|
|
2870
|
+
function l(f) {
|
|
2858
2871
|
n.value = n.value.filter((v) => v.id !== f.id), m(), t.emit("change", n.value);
|
|
2859
2872
|
}
|
|
2860
2873
|
function s() {
|
|
@@ -2885,14 +2898,14 @@ const W = Ue(U), z = /* @__PURE__ */ x({
|
|
|
2885
2898
|
view: "DraggableView",
|
|
2886
2899
|
"keep-order": !0,
|
|
2887
2900
|
itemClass: "f-order-item",
|
|
2888
|
-
onRemoveItem:
|
|
2901
|
+
onRemoveItem: l,
|
|
2889
2902
|
onChange: y
|
|
2890
2903
|
}, {
|
|
2891
2904
|
header: () => h("div", {
|
|
2892
2905
|
class: "f-order-header"
|
|
2893
2906
|
}, [h("span", {
|
|
2894
2907
|
class: "f-order-header-order-field"
|
|
2895
|
-
}, [
|
|
2908
|
+
}, [o.value]), h("span", {
|
|
2896
2909
|
class: "f-order-header-order-type"
|
|
2897
2910
|
}, [i.value])]),
|
|
2898
2911
|
itemContent: (f) => h("div", {
|
|
@@ -2939,7 +2952,7 @@ const W = Ue(U), z = /* @__PURE__ */ x({
|
|
|
2939
2952
|
});
|
|
2940
2953
|
function En(e, t, n) {
|
|
2941
2954
|
var M;
|
|
2942
|
-
const
|
|
2955
|
+
const o = "", i = "", a = b();
|
|
2943
2956
|
function r() {
|
|
2944
2957
|
return (t == null ? void 0 : t.schema.componentType) !== "frame";
|
|
2945
2958
|
}
|
|
@@ -2960,9 +2973,9 @@ function En(e, t, n) {
|
|
|
2960
2973
|
const k = b(C == null ? void 0 : C.value.parent), O = u(k);
|
|
2961
2974
|
return O || null;
|
|
2962
2975
|
}
|
|
2963
|
-
function
|
|
2976
|
+
function l(C = t) {
|
|
2964
2977
|
const { componentInstance: k, designerItemElementRef: O } = C;
|
|
2965
|
-
return !k || !k.value ? null : k.value.canMove ? O :
|
|
2978
|
+
return !k || !k.value ? null : k.value.canMove ? O : l(C.parent);
|
|
2966
2979
|
}
|
|
2967
2980
|
function s(C) {
|
|
2968
2981
|
return !!n;
|
|
@@ -3002,11 +3015,11 @@ function En(e, t, n) {
|
|
|
3002
3015
|
elementRef: e,
|
|
3003
3016
|
parent: (M = t == null ? void 0 : t.parent) == null ? void 0 : M.componentInstance,
|
|
3004
3017
|
schema: t == null ? void 0 : t.schema,
|
|
3005
|
-
styles:
|
|
3018
|
+
styles: o,
|
|
3006
3019
|
designerClass: i,
|
|
3007
3020
|
canAccepts: s,
|
|
3008
3021
|
getBelongedComponentInstance: u,
|
|
3009
|
-
getDraggableDesignItemElement:
|
|
3022
|
+
getDraggableDesignItemElement: l,
|
|
3010
3023
|
getDraggingDisplayText: g,
|
|
3011
3024
|
getPropConfig: S,
|
|
3012
3025
|
getDragScopeElement: y,
|
|
@@ -3018,12 +3031,12 @@ function En(e, t, n) {
|
|
|
3018
3031
|
onRemoveComponent: w
|
|
3019
3032
|
}, a;
|
|
3020
3033
|
}
|
|
3021
|
-
const
|
|
3034
|
+
const Dn = /* @__PURE__ */ x({
|
|
3022
3035
|
name: "FOrderDesign",
|
|
3023
|
-
props:
|
|
3036
|
+
props: ee,
|
|
3024
3037
|
emits: ["change"],
|
|
3025
3038
|
setup(e, t) {
|
|
3026
|
-
const n = b(e.items),
|
|
3039
|
+
const n = b(e.items), o = b("排序列"), i = b("排序方式"), a = b("添加排序列"), r = [{
|
|
3027
3040
|
id: "asc",
|
|
3028
3041
|
name: "升序"
|
|
3029
3042
|
}, {
|
|
@@ -3033,26 +3046,26 @@ const $n = /* @__PURE__ */ x({
|
|
|
3033
3046
|
J(() => {
|
|
3034
3047
|
m.value.componentInstance = u;
|
|
3035
3048
|
}), t.expose(u.value);
|
|
3036
|
-
function
|
|
3049
|
+
function l() {
|
|
3037
3050
|
const w = n.value.map((M) => [M.id, !0]);
|
|
3038
3051
|
c.value = new Map(w);
|
|
3039
3052
|
}
|
|
3040
|
-
|
|
3053
|
+
l();
|
|
3041
3054
|
const s = B(() => e.dataSource.map((w) => (w.disabled = c.value.has(w.id), w))), g = B(() => ({
|
|
3042
3055
|
"f-order": !0
|
|
3043
3056
|
}));
|
|
3044
3057
|
function y(w) {
|
|
3045
|
-
n.value = n.value.filter((M) => M.id !== w.id),
|
|
3058
|
+
n.value = n.value.filter((M) => M.id !== w.id), l(), t.emit("change", n.value);
|
|
3046
3059
|
}
|
|
3047
3060
|
function d() {
|
|
3048
3061
|
n.value = [...n.value, {
|
|
3049
3062
|
id: Date.now().toString(),
|
|
3050
3063
|
name: "",
|
|
3051
3064
|
order: "asc"
|
|
3052
|
-
}],
|
|
3065
|
+
}], l(), t.emit("change", n.value);
|
|
3053
3066
|
}
|
|
3054
3067
|
function f(w) {
|
|
3055
|
-
|
|
3068
|
+
l(), t.emit("change", n.value);
|
|
3056
3069
|
}
|
|
3057
3070
|
function v(w) {
|
|
3058
3071
|
if (w && w.length) {
|
|
@@ -3075,7 +3088,7 @@ const $n = /* @__PURE__ */ x({
|
|
|
3075
3088
|
class: "f-order-header"
|
|
3076
3089
|
}, [h("span", {
|
|
3077
3090
|
class: "f-order-header-order-field"
|
|
3078
|
-
}, [
|
|
3091
|
+
}, [o.value]), h("span", {
|
|
3079
3092
|
class: "f-order-header-order-type"
|
|
3080
3093
|
}, [i.value])]),
|
|
3081
3094
|
itemContent: (w) => h("div", {
|
|
@@ -3120,20 +3133,20 @@ const $n = /* @__PURE__ */ x({
|
|
|
3120
3133
|
class: g.value
|
|
3121
3134
|
}, [S()]);
|
|
3122
3135
|
}
|
|
3123
|
-
}),
|
|
3136
|
+
}), _n = {
|
|
3124
3137
|
install(e) {
|
|
3125
3138
|
e.component(z.name, z);
|
|
3126
3139
|
},
|
|
3127
|
-
register(e, t, n,
|
|
3128
|
-
e.order = z, t.order =
|
|
3140
|
+
register(e, t, n, o) {
|
|
3141
|
+
e.order = z, t.order = ie;
|
|
3129
3142
|
},
|
|
3130
3143
|
registerDesigner(e, t, n) {
|
|
3131
|
-
e.order =
|
|
3144
|
+
e.order = Dn, t.order = ie;
|
|
3132
3145
|
}
|
|
3133
3146
|
};
|
|
3134
3147
|
export {
|
|
3135
3148
|
z as FOrder,
|
|
3136
|
-
|
|
3137
|
-
|
|
3138
|
-
|
|
3149
|
+
_n as default,
|
|
3150
|
+
ee as orderProps,
|
|
3151
|
+
ie as propsResolver
|
|
3139
3152
|
};
|