@farris/ui-vue 1.2.6 → 1.2.7
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 +147 -139
- package/components/accordion/index.umd.cjs +1 -1
- package/components/avatar/index.esm.js +11 -28
- package/components/avatar/index.umd.cjs +1 -1
- package/components/checkbox/index.esm.js +33 -50
- package/components/checkbox/index.umd.cjs +1 -1
- package/components/combo-list/index.esm.js +183 -171
- package/components/combo-list/index.umd.cjs +1 -1
- package/components/condition/index.esm.js +236 -235
- package/components/condition/index.umd.cjs +1 -1
- package/components/data-grid/index.esm.js +1531 -1560
- package/components/data-grid/index.umd.cjs +1 -1
- package/components/data-view/index.esm.js +1299 -1300
- package/components/data-view/index.umd.cjs +1 -1
- package/components/date-picker/index.esm.js +235 -252
- package/components/date-picker/index.umd.cjs +1 -1
- package/components/dynamic-form/index.esm.js +127 -143
- package/components/dynamic-form/index.umd.cjs +1 -1
- package/components/dynamic-view/index.esm.js +206 -201
- package/components/dynamic-view/index.umd.cjs +1 -1
- package/components/external-container/index.esm.js +650 -647
- package/components/external-container/index.umd.cjs +1 -1
- package/components/field-selector/index.esm.js +1101 -1131
- package/components/field-selector/index.umd.cjs +1 -1
- package/components/filter-bar/index.esm.js +335 -332
- package/components/filter-bar/index.umd.cjs +1 -1
- package/components/input-group/index.esm.js +128 -145
- package/components/input-group/index.umd.cjs +1 -1
- package/components/list-view/index.esm.js +306 -303
- package/components/list-view/index.umd.cjs +1 -1
- package/components/lookup/index.esm.js +2470 -2469
- package/components/lookup/index.umd.cjs +1 -1
- package/components/mapping-editor/index.esm.js +1928 -1958
- package/components/mapping-editor/index.umd.cjs +1 -1
- package/components/order/index.esm.js +802 -788
- package/components/order/index.umd.cjs +1 -1
- package/components/page-header/index.esm.js +116 -137
- package/components/page-header/index.umd.cjs +1 -1
- package/components/property-editor/index.esm.js +533 -521
- package/components/property-editor/index.umd.cjs +2 -2
- package/components/property-panel/index.esm.js +178 -177
- package/components/property-panel/index.umd.cjs +1 -1
- package/components/radio-group/index.esm.js +56 -73
- package/components/radio-group/index.umd.cjs +1 -1
- package/components/response-layout-editor/index.esm.js +547 -518
- package/components/response-layout-editor/index.umd.cjs +1 -1
- package/components/response-toolbar/index.esm.js +260 -281
- package/components/response-toolbar/index.umd.cjs +1 -1
- package/components/schema-selector/index.esm.js +598 -617
- package/components/schema-selector/index.umd.cjs +2 -2
- package/components/switch/index.esm.js +137 -154
- package/components/switch/index.umd.cjs +1 -1
- package/components/tabs/index.esm.js +109 -130
- package/components/tabs/index.umd.cjs +1 -1
- package/components/textarea/index.esm.js +103 -120
- package/components/textarea/index.umd.cjs +1 -1
- package/components/time-picker/index.esm.js +172 -189
- package/components/time-picker/index.umd.cjs +1 -1
- package/components/transfer/index.esm.js +124 -122
- package/components/transfer/index.umd.cjs +1 -1
- package/components/tree-grid/index.esm.js +1600 -1630
- package/components/tree-grid/index.umd.cjs +1 -1
- package/components/tree-view/index.esm.js +245 -246
- package/components/tree-view/index.umd.cjs +1 -1
- package/farris.all.esm.js +4123 -4112
- package/farris.all.umd.cjs +8 -8
- package/package.json +1 -1
- package/types/combo-list/src/components/list-container.component.d.ts +6 -0
- package/types/combo-list/src/components/list-container.props.d.ts +9 -1
- package/types/data-grid/src/data-grid.props.d.ts +1 -0
- package/types/lookup/src/property-config/converters/lookup-property.converter.d.ts +0 -4
- package/types/lookup/src/property-config/lookup.property-config.d.ts +2 -2
- package/types/property-panel/src/composition/entity/base-property.d.ts +0 -16
- package/types/property-panel/src/composition/entity/input-base-property.d.ts +21 -0
|
@@ -4,7 +4,7 @@ var x = (e, t, n) => oe(e, typeof t != "symbol" ? t + "" : t, n);
|
|
|
4
4
|
import { ref as b, computed as g, watch as E, onMounted as L, nextTick as z, createVNode as B, reactive as ae, withDirectives as ie, resolveDirective as re, defineComponent as Q, Fragment as W, inject as q } from "vue";
|
|
5
5
|
import { cloneDeep as le } from "lodash-es";
|
|
6
6
|
import "bignumber.js";
|
|
7
|
-
import { useNumber as ue, useFormat as
|
|
7
|
+
import { useNumber as ue, useFormat as ce, useSpinner as se, useTextBox as pe } from "@farris/ui-vue/components/number-spinner";
|
|
8
8
|
const R = {}, _ = {};
|
|
9
9
|
function U(e) {
|
|
10
10
|
const { properties: t, title: n } = e, o = Object.keys(t).reduce((a, l) => (a[l] = t[l].type === "object" && t[l].properties ? U(t[l]) : le(t[l].default), a), {});
|
|
@@ -43,22 +43,22 @@ function ye(e, t, n = /* @__PURE__ */ new Map()) {
|
|
|
43
43
|
return me(o, n);
|
|
44
44
|
}
|
|
45
45
|
function fe(e = {}) {
|
|
46
|
-
function t(i, u, r,
|
|
46
|
+
function t(i, u, r, c) {
|
|
47
47
|
if (typeof r == "number")
|
|
48
|
-
return
|
|
48
|
+
return c[i].length === r;
|
|
49
49
|
if (typeof r == "object") {
|
|
50
50
|
const y = Object.keys(r)[0], f = r[y];
|
|
51
51
|
if (y === "not")
|
|
52
|
-
return Number(
|
|
52
|
+
return Number(c[i].length) !== Number(f);
|
|
53
53
|
if (y === "moreThan")
|
|
54
|
-
return Number(
|
|
54
|
+
return Number(c[i].length) >= Number(f);
|
|
55
55
|
if (y === "lessThan")
|
|
56
|
-
return Number(
|
|
56
|
+
return Number(c[i].length) <= Number(f);
|
|
57
57
|
}
|
|
58
58
|
return !1;
|
|
59
59
|
}
|
|
60
|
-
function n(i, u, r,
|
|
61
|
-
return
|
|
60
|
+
function n(i, u, r, c) {
|
|
61
|
+
return c[i] && c[i].propertyValue && String(c[i].propertyValue.value) === String(r);
|
|
62
62
|
}
|
|
63
63
|
const o = /* @__PURE__ */ new Map([
|
|
64
64
|
["length", t],
|
|
@@ -67,16 +67,16 @@ function fe(e = {}) {
|
|
|
67
67
|
Object.keys(e).reduce((i, u) => (i.set(u, e[u]), i), o);
|
|
68
68
|
function a(i, u) {
|
|
69
69
|
const r = i;
|
|
70
|
-
return typeof u == "number" ? [{ target: r, operator: "length", param: null, value: Number(u) }] : typeof u == "boolean" ? [{ target: r, operator: "getProperty", param: i, value: !!u }] : typeof u == "object" ? Object.keys(u).map((
|
|
71
|
-
if (
|
|
72
|
-
return { target: r, operator: "length", param: null, value: u[
|
|
73
|
-
const y =
|
|
70
|
+
return typeof u == "number" ? [{ target: r, operator: "length", param: null, value: Number(u) }] : typeof u == "boolean" ? [{ target: r, operator: "getProperty", param: i, value: !!u }] : typeof u == "object" ? Object.keys(u).map((c) => {
|
|
71
|
+
if (c === "length")
|
|
72
|
+
return { target: r, operator: "length", param: null, value: u[c] };
|
|
73
|
+
const y = c, f = u[c];
|
|
74
74
|
return { target: r, operator: "getProperty", param: y, value: f };
|
|
75
75
|
}) : [];
|
|
76
76
|
}
|
|
77
77
|
function l(i) {
|
|
78
|
-
return Object.keys(i).reduce((r,
|
|
79
|
-
const y = a(
|
|
78
|
+
return Object.keys(i).reduce((r, c) => {
|
|
79
|
+
const y = a(c, i[c]);
|
|
80
80
|
return r.push(...y), r;
|
|
81
81
|
}, []);
|
|
82
82
|
}
|
|
@@ -90,11 +90,11 @@ function fe(e = {}) {
|
|
|
90
90
|
function m(i, u) {
|
|
91
91
|
return l(i).reduce((y, f) => y && d(f, u), !0);
|
|
92
92
|
}
|
|
93
|
-
function
|
|
94
|
-
const r = Object.keys(i),
|
|
95
|
-
return
|
|
93
|
+
function s(i, u) {
|
|
94
|
+
const r = Object.keys(i), c = r.includes("allOf"), y = r.includes("anyOf"), f = c || y, S = (f ? i[f ? c ? "allOf" : "anyOf" : "allOf"] : [i]).map((P) => m(P, u));
|
|
95
|
+
return c ? !S.includes(!1) : S.includes(!0);
|
|
96
96
|
}
|
|
97
|
-
return { parseValueSchema:
|
|
97
|
+
return { parseValueSchema: s };
|
|
98
98
|
}
|
|
99
99
|
const p = {
|
|
100
100
|
Button: { type: "Button", name: "按钮", icon: "Button" },
|
|
@@ -209,10 +209,10 @@ const p = {
|
|
|
209
209
|
/** 审批类 end */
|
|
210
210
|
}, ge = {}, ve = {};
|
|
211
211
|
fe();
|
|
212
|
-
function he(e, t, n = /* @__PURE__ */ new Map(), o = (d, m,
|
|
212
|
+
function he(e, t, n = /* @__PURE__ */ new Map(), o = (d, m, s) => m, a = {}, l = (d) => d) {
|
|
213
213
|
return R[t.title] = t, _[t.title] = o, ge[t.title] = a, ve[t.title] = l, (d = {}) => {
|
|
214
|
-
const m = ye(d, t, n),
|
|
215
|
-
return Object.assign(
|
|
214
|
+
const m = ye(d, t, n), s = Object.keys(e).reduce((i, u) => (i[u] = e[u].default, i), {});
|
|
215
|
+
return Object.assign(s, m);
|
|
216
216
|
};
|
|
217
217
|
}
|
|
218
218
|
function be(e, t) {
|
|
@@ -505,12 +505,12 @@ const we = "https://json-schema.org/draft/2020-12/schema", Be = "https://farris-
|
|
|
505
505
|
updateOn: { type: String, default: "blur" }
|
|
506
506
|
}, Z = he(H, Pe, Ce, Te);
|
|
507
507
|
function Ae(e, t, n, o) {
|
|
508
|
-
const a = b(e.disabled), l = b(!1), d = b("text"), m = b(e.showBorder),
|
|
508
|
+
const a = b(e.disabled), l = b(!1), d = b("text"), m = b(e.showBorder), s = b(e.textAlign), i = b(e.updateOn), u = g(() => e.editable || !e.readonly), r = g(() => e.editable && !e.disabled && !e.readonly), c = g(() => !e.disabled && l.value), y = g(() => n.value === "" || n.value === null || n.value === void 0), f = g(() => (e.disabled || e.readonly) && !e.forcePlaceholder ? "" : e.placeholder), T = g(() => e.readonly || !e.editable), k = g(() => e.enableTitle ? n.value : ""), S = g(() => ({
|
|
509
509
|
"form-control": !0,
|
|
510
510
|
"f-utils-fill": !0,
|
|
511
|
-
"text-left":
|
|
512
|
-
"text-center":
|
|
513
|
-
"text-right":
|
|
511
|
+
"text-left": s.value === "left",
|
|
512
|
+
"text-center": s.value === "center",
|
|
513
|
+
"text-right": s.value === "right"
|
|
514
514
|
})), F = g(() => {
|
|
515
515
|
const v = {
|
|
516
516
|
"f-cmp-inputgroup": !0,
|
|
@@ -518,7 +518,7 @@ function Ae(e, t, n, o) {
|
|
|
518
518
|
"f-state-disable": a.value,
|
|
519
519
|
"f-state-editable": r.value,
|
|
520
520
|
"f-state-readonly": T.value,
|
|
521
|
-
"f-state-focus":
|
|
521
|
+
"f-state-focus": c.value
|
|
522
522
|
};
|
|
523
523
|
return (e.customClass || "").split(" ").reduce(($, te) => ($[te] = !0, $), v), v;
|
|
524
524
|
}), P = g(() => m.value ? "" : "border-width : 0 ");
|
|
@@ -533,7 +533,7 @@ function Ae(e, t, n, o) {
|
|
|
533
533
|
), E(() => e.disabled, (v, A) => {
|
|
534
534
|
v !== A && (a.value = v);
|
|
535
535
|
});
|
|
536
|
-
function
|
|
536
|
+
function O(v) {
|
|
537
537
|
return l.value = !1, t.emit("blur", v), v.stopPropagation(), !1;
|
|
538
538
|
}
|
|
539
539
|
function h(v) {
|
|
@@ -547,10 +547,10 @@ function Ae(e, t, n, o) {
|
|
|
547
547
|
const A = v.target.value;
|
|
548
548
|
o.value = A, i.value === "input" && (t.emit("update:modelValue", A), t.emit("update:value", A));
|
|
549
549
|
}
|
|
550
|
-
function
|
|
550
|
+
function V(v) {
|
|
551
551
|
t.emit("keydown", v);
|
|
552
552
|
}
|
|
553
|
-
function
|
|
553
|
+
function N(v) {
|
|
554
554
|
t.emit("keyup", v);
|
|
555
555
|
}
|
|
556
556
|
function D(v) {
|
|
@@ -567,18 +567,18 @@ function Ae(e, t, n, o) {
|
|
|
567
567
|
disabled: a,
|
|
568
568
|
displayText: o,
|
|
569
569
|
editable: r,
|
|
570
|
-
hasFocused:
|
|
570
|
+
hasFocused: c,
|
|
571
571
|
inputGroupClass: F,
|
|
572
572
|
inputType: d,
|
|
573
573
|
isEmpty: y,
|
|
574
574
|
modelValue: n,
|
|
575
575
|
readonly: T,
|
|
576
|
-
onBlur:
|
|
576
|
+
onBlur: O,
|
|
577
577
|
onClick: h,
|
|
578
578
|
onFocus: C,
|
|
579
579
|
onInput: w,
|
|
580
|
-
onKeydown:
|
|
581
|
-
onKeyup:
|
|
580
|
+
onKeydown: V,
|
|
581
|
+
onKeyup: N,
|
|
582
582
|
onMousedown: D,
|
|
583
583
|
onTextBoxValueChange: j,
|
|
584
584
|
placeholder: f,
|
|
@@ -588,14 +588,14 @@ function Ae(e, t, n, o) {
|
|
|
588
588
|
};
|
|
589
589
|
}
|
|
590
590
|
function De(e, t, n, o) {
|
|
591
|
-
const a = b(e.disabled), l = b(!1), d = b("text"), m = b(e.showBorder),
|
|
591
|
+
const a = b(e.disabled), l = b(!1), d = b("text"), m = b(e.showBorder), s = b(e.textAlign);
|
|
592
592
|
g(() => e.editable || !e.readonly);
|
|
593
|
-
const i = g(() => e.editable && !e.disabled && !e.readonly), u = g(() => !e.disabled && l.value), r = g(() => n.value === "" || n.value === null || n.value === void 0),
|
|
593
|
+
const i = g(() => e.editable && !e.disabled && !e.readonly), u = g(() => !e.disabled && l.value), r = g(() => n.value === "" || n.value === null || n.value === void 0), c = g(() => e.placeholder), y = g(() => e.readonly || !e.editable), f = g(() => e.enableTitle ? n.value : ""), T = g(() => ({
|
|
594
594
|
"form-control": !0,
|
|
595
595
|
// 'f-utils-fill': true,
|
|
596
|
-
"text-left":
|
|
597
|
-
"text-center":
|
|
598
|
-
"text-right":
|
|
596
|
+
"text-left": s.value === "left",
|
|
597
|
+
"text-center": s.value === "center",
|
|
598
|
+
"text-right": s.value === "right"
|
|
599
599
|
})), k = g(() => ({
|
|
600
600
|
"f-cmp-inputgroup": !0,
|
|
601
601
|
"input-group": !0,
|
|
@@ -623,14 +623,14 @@ function De(e, t, n, o) {
|
|
|
623
623
|
// onKeyup,
|
|
624
624
|
// onMousedown,
|
|
625
625
|
// onTextBoxValueChange,
|
|
626
|
-
placeholder:
|
|
626
|
+
placeholder: c,
|
|
627
627
|
textBoxClass: T,
|
|
628
628
|
textBoxTitle: f,
|
|
629
629
|
inputGroupStyle: S
|
|
630
630
|
};
|
|
631
631
|
}
|
|
632
632
|
function X(e, t, n) {
|
|
633
|
-
const o = b(!1), a = g(() => e.enableClear && !e.readonly && !e.disabled), { changeTextBoxValue: l, displayText: d, hasFocused: m, isEmpty:
|
|
633
|
+
const o = b(!1), a = g(() => e.enableClear && !e.readonly && !e.disabled), { changeTextBoxValue: l, displayText: d, hasFocused: m, isEmpty: s } = n;
|
|
634
634
|
function i(T) {
|
|
635
635
|
o.value = T;
|
|
636
636
|
}
|
|
@@ -644,19 +644,19 @@ function X(e, t, n) {
|
|
|
644
644
|
width: "24px",
|
|
645
645
|
display: o.value ? "flex" : "none"
|
|
646
646
|
}));
|
|
647
|
-
function
|
|
647
|
+
function c(T) {
|
|
648
648
|
T.stopPropagation(), a.value && (l("", !0), i(!o.value), t.emit("clear"));
|
|
649
649
|
}
|
|
650
650
|
function y(T) {
|
|
651
|
-
a.value && !
|
|
651
|
+
a.value && !s.value && i(!0);
|
|
652
652
|
}
|
|
653
653
|
function f(T) {
|
|
654
654
|
a.value && i(!1);
|
|
655
655
|
}
|
|
656
|
-
return { clearButtonClass: u, clearButtonStyle: r, hasShownClearButton: o, onClearValue:
|
|
656
|
+
return { clearButtonClass: u, clearButtonStyle: r, hasShownClearButton: o, onClearValue: c, onMouseEnter: y, onMouseLeave: f, shouldShowClearButton: a };
|
|
657
657
|
}
|
|
658
658
|
const Ee = ["moz", "ms", "webkit"];
|
|
659
|
-
function
|
|
659
|
+
function Oe() {
|
|
660
660
|
let e = 0;
|
|
661
661
|
return (t) => {
|
|
662
662
|
const n = (/* @__PURE__ */ new Date()).getTime(), o = Math.max(0, 16 - (n - e)), a = setTimeout(() => {
|
|
@@ -665,15 +665,15 @@ function Ve() {
|
|
|
665
665
|
return e = n + o, a;
|
|
666
666
|
};
|
|
667
667
|
}
|
|
668
|
-
function
|
|
668
|
+
function Ve() {
|
|
669
669
|
if (typeof window > "u")
|
|
670
670
|
return () => 0;
|
|
671
671
|
if (window.requestAnimationFrame)
|
|
672
672
|
return window.requestAnimationFrame.bind(window);
|
|
673
673
|
const e = Ee.filter((t) => `${t}RequestAnimationFrame` in window)[0];
|
|
674
|
-
return e ? window[`${e}RequestAnimationFrame`] :
|
|
674
|
+
return e ? window[`${e}RequestAnimationFrame`] : Oe();
|
|
675
675
|
}
|
|
676
|
-
|
|
676
|
+
Ve();
|
|
677
677
|
const Le = (e) => {
|
|
678
678
|
const t = e;
|
|
679
679
|
return t.install = function(n) {
|
|
@@ -688,32 +688,32 @@ function Y(e, t) {
|
|
|
688
688
|
})), appendedContent: n, shouldShowAppendedButton: a };
|
|
689
689
|
}
|
|
690
690
|
function K(e, t, n, o) {
|
|
691
|
-
const { appendedContent: a } = o, l = b(e.enableViewPassword), d = g(() => e.type === "password"), m = '<span class="f-icon f-icon-eye" style="color: rgb(56, 143, 255);"></span>',
|
|
692
|
-
E(() => [e.readonly, e.disabled], ([
|
|
693
|
-
d.value && (n.value =
|
|
691
|
+
const { appendedContent: a } = o, l = b(e.enableViewPassword), d = g(() => e.type === "password"), m = '<span class="f-icon f-icon-eye" style="color: rgb(56, 143, 255);"></span>', s = '<span class="f-icon f-icon-eye"></span>', i = b(!1);
|
|
692
|
+
E(() => [e.readonly, e.disabled], ([c, y]) => {
|
|
693
|
+
d.value && (n.value = c || y ? "password" : n.value, a.value = c || y ? s : a.value);
|
|
694
694
|
});
|
|
695
695
|
function u() {
|
|
696
|
-
return i.value = !i.value, n.value = i.value ? "text" : "password", a.value = i.value ? m :
|
|
696
|
+
return i.value = !i.value, n.value = i.value ? "text" : "password", a.value = i.value ? m : s, !1;
|
|
697
697
|
}
|
|
698
698
|
function r() {
|
|
699
|
-
n.value = d.value ? "password" : "text", a.value = d.value ? l.value ?
|
|
699
|
+
n.value = d.value ? "password" : "text", a.value = d.value ? l.value ? s : "" : a.value;
|
|
700
700
|
}
|
|
701
701
|
return r(), { isPassword: d, onClickAppendedButton: u };
|
|
702
702
|
}
|
|
703
|
-
function
|
|
703
|
+
function Ne(e, t, n) {
|
|
704
704
|
const o = b(), {
|
|
705
705
|
onBlurTextBox: a,
|
|
706
706
|
onFocusTextBox: l,
|
|
707
707
|
onInput: d,
|
|
708
708
|
onKeyDown: m,
|
|
709
|
-
textBoxValue:
|
|
709
|
+
textBoxValue: s
|
|
710
710
|
} = n, i = g(() => e.disabled || e.readonly || !e.editable ? "" : e.placeholder), u = g(() => ({
|
|
711
711
|
"form-control": !0,
|
|
712
712
|
"f-utils-fill": !0
|
|
713
713
|
})), r = g(() => ({
|
|
714
714
|
"text-align": e.textAlign
|
|
715
715
|
}));
|
|
716
|
-
function
|
|
716
|
+
function c(T) {
|
|
717
717
|
T.stopPropagation();
|
|
718
718
|
}
|
|
719
719
|
function y() {
|
|
@@ -729,18 +729,18 @@ function Ie(e, t, n) {
|
|
|
729
729
|
class: u.value,
|
|
730
730
|
style: r.value,
|
|
731
731
|
type: "text",
|
|
732
|
-
value:
|
|
732
|
+
value: s.value,
|
|
733
733
|
disabled: e.disabled,
|
|
734
734
|
readonly: e.readonly || !e.editable,
|
|
735
735
|
placeholder: i.value,
|
|
736
736
|
onBlur: a,
|
|
737
|
-
onChange:
|
|
737
|
+
onChange: c,
|
|
738
738
|
onFocus: f,
|
|
739
739
|
onInput: d,
|
|
740
740
|
onKeydown: m
|
|
741
741
|
}, null);
|
|
742
742
|
}
|
|
743
|
-
function
|
|
743
|
+
function Ie(e, t, n) {
|
|
744
744
|
const {
|
|
745
745
|
canDownward: o,
|
|
746
746
|
canUpward: a,
|
|
@@ -750,7 +750,7 @@ function Ne(e, t, n) {
|
|
|
750
750
|
"input-group-append": !0,
|
|
751
751
|
"btn-group": !0,
|
|
752
752
|
"btn-group-number": !0
|
|
753
|
-
})),
|
|
753
|
+
})), s = g(() => ({
|
|
754
754
|
btn: !0,
|
|
755
755
|
"btn-secondary": !0,
|
|
756
756
|
"btn-number-flag": !0
|
|
@@ -765,7 +765,7 @@ function Ne(e, t, n) {
|
|
|
765
765
|
class: m.value
|
|
766
766
|
}, [B("button", {
|
|
767
767
|
title: "upButton",
|
|
768
|
-
class:
|
|
768
|
+
class: s.value,
|
|
769
769
|
style: i.value,
|
|
770
770
|
onClick: d,
|
|
771
771
|
disabled: !a()
|
|
@@ -773,7 +773,7 @@ function Ne(e, t, n) {
|
|
|
773
773
|
class: "f-icon f-icon-arrow-chevron-up number-arrow-chevron"
|
|
774
774
|
}, null)]), B("button", {
|
|
775
775
|
title: "downButton",
|
|
776
|
-
class:
|
|
776
|
+
class: s.value,
|
|
777
777
|
style: u.value,
|
|
778
778
|
onClick: l,
|
|
779
779
|
disabled: !o()
|
|
@@ -782,25 +782,25 @@ function Ne(e, t, n) {
|
|
|
782
782
|
}, null)])]);
|
|
783
783
|
}
|
|
784
784
|
function je(e, t) {
|
|
785
|
-
const n = ue(e, t), o =
|
|
785
|
+
const n = ue(e, t), o = ce(e, t, n), a = se(e, t, o, n), l = pe(e, t, o, n, a), d = Ie(e, t, a), {
|
|
786
786
|
displayValue: m,
|
|
787
|
-
modelValue:
|
|
787
|
+
modelValue: s,
|
|
788
788
|
getRealValue: i
|
|
789
|
-
} = n, u =
|
|
789
|
+
} = n, u = Ne(e, t, l), {
|
|
790
790
|
format: r
|
|
791
791
|
} = o, {
|
|
792
|
-
isFocus:
|
|
792
|
+
isFocus: c
|
|
793
793
|
} = l, y = g(() => !e.disabled && !e.readonly);
|
|
794
794
|
return L(() => {
|
|
795
795
|
const f = i(e.modelValue);
|
|
796
796
|
m.value = r(f);
|
|
797
797
|
}), E(() => [e.value], ([f]) => {
|
|
798
798
|
const T = i(f);
|
|
799
|
-
|
|
799
|
+
s.value = T, m.value = r(T);
|
|
800
800
|
}), E(() => [e.modelValue], ([f]) => {
|
|
801
|
-
f !==
|
|
801
|
+
f !== s.value && (s.value = f, !c.value && (m.value = r(i(f))));
|
|
802
802
|
}), E(() => [e.precision, e.useThousands, e.prefix, e.suffix, e.showZero], () => {
|
|
803
|
-
m.value = r(
|
|
803
|
+
m.value = r(s.value);
|
|
804
804
|
}), () => B("div", {
|
|
805
805
|
class: "input-group f-state-hover flex-row f-cmp-number-spinner"
|
|
806
806
|
}, [u(), y.value && d()]);
|
|
@@ -808,9 +808,9 @@ function je(e, t) {
|
|
|
808
808
|
function Ge(e, t, n, o) {
|
|
809
809
|
const a = b(), l = b(e.autocomplete), d = b(e.enableTitle), {
|
|
810
810
|
isPassword: m
|
|
811
|
-
} = n,
|
|
811
|
+
} = n, s = b(e.minLength), i = b(e.maxLength), u = b(e.tabIndex), {
|
|
812
812
|
disabled: r,
|
|
813
|
-
displayText:
|
|
813
|
+
displayText: c,
|
|
814
814
|
inputType: y,
|
|
815
815
|
onBlur: f,
|
|
816
816
|
onFocus: T,
|
|
@@ -819,11 +819,11 @@ function Ge(e, t, n, o) {
|
|
|
819
819
|
onKeydown: F,
|
|
820
820
|
onKeyup: P,
|
|
821
821
|
onMousedown: M,
|
|
822
|
-
onTextBoxValueChange:
|
|
822
|
+
onTextBoxValueChange: O,
|
|
823
823
|
readonly: h,
|
|
824
824
|
placeholder: C,
|
|
825
825
|
textBoxClass: w,
|
|
826
|
-
textBoxTitle:
|
|
826
|
+
textBoxTitle: V
|
|
827
827
|
} = o;
|
|
828
828
|
return L(() => {
|
|
829
829
|
e.selectOnCreated, e.focusOnCreated;
|
|
@@ -834,16 +834,16 @@ function Ge(e, t, n, o) {
|
|
|
834
834
|
class: w.value,
|
|
835
835
|
disabled: r == null ? void 0 : r.value,
|
|
836
836
|
maxlength: i.value,
|
|
837
|
-
minlength:
|
|
837
|
+
minlength: s.value,
|
|
838
838
|
placeholder: C.value,
|
|
839
839
|
readonly: h == null ? void 0 : h.value,
|
|
840
840
|
tabindex: u.value,
|
|
841
|
-
title: d.value && !m.value ?
|
|
841
|
+
title: d.value && !m.value ? V.value : "",
|
|
842
842
|
type: y.value,
|
|
843
|
-
value:
|
|
843
|
+
value: c == null ? void 0 : c.value,
|
|
844
844
|
onBlur: f,
|
|
845
845
|
onClick: S,
|
|
846
|
-
onChange:
|
|
846
|
+
onChange: O,
|
|
847
847
|
onFocus: T,
|
|
848
848
|
onInput: k,
|
|
849
849
|
onKeydown: F,
|
|
@@ -871,10 +871,10 @@ function J(e, t, n, o, a) {
|
|
|
871
871
|
const {
|
|
872
872
|
appendedButtonClass: l,
|
|
873
873
|
appendedContent: d
|
|
874
|
-
} = n, m = g(() => e.showButtonWhenDisabled && (!e.editable || !e.readonly) && !e.disabled),
|
|
874
|
+
} = n, m = g(() => e.showButtonWhenDisabled && (!e.editable || !e.readonly) && !e.disabled), s = g(() => d.value && !t.slots.groupTextTemplate), i = g(() => !!t.slots.groupTextTemplate), {
|
|
875
875
|
clearButtonClass: u,
|
|
876
876
|
clearButtonStyle: r,
|
|
877
|
-
onClearValue:
|
|
877
|
+
onClearValue: c,
|
|
878
878
|
shouldShowClearButton: y
|
|
879
879
|
} = o;
|
|
880
880
|
function f() {
|
|
@@ -882,7 +882,7 @@ function J(e, t, n, o, a) {
|
|
|
882
882
|
id: "clearIcon",
|
|
883
883
|
class: u.value,
|
|
884
884
|
style: r.value,
|
|
885
|
-
onClick: (C) =>
|
|
885
|
+
onClick: (C) => c(C)
|
|
886
886
|
}, [B("i", {
|
|
887
887
|
class: "f-icon modal_close"
|
|
888
888
|
}, null)]);
|
|
@@ -911,15 +911,15 @@ function J(e, t, n, o, a) {
|
|
|
911
911
|
function M() {
|
|
912
912
|
return t.slots.groupTextTemplate && t.slots.groupTextTemplate();
|
|
913
913
|
}
|
|
914
|
-
function
|
|
915
|
-
return
|
|
914
|
+
function O() {
|
|
915
|
+
return s.value ? P : i.value ? M : "";
|
|
916
916
|
}
|
|
917
|
-
const h =
|
|
917
|
+
const h = O();
|
|
918
918
|
return () => B("div", {
|
|
919
919
|
class: l.value
|
|
920
920
|
}, [y.value && f(), h && h()]);
|
|
921
921
|
}
|
|
922
|
-
const
|
|
922
|
+
const I = /* @__PURE__ */ Q({
|
|
923
923
|
name: "FInputGroup",
|
|
924
924
|
props: H,
|
|
925
925
|
emits: ["clear", "change", "blur", "click", "clickHandle", "focus", "input", "keydown", "keyup", "iconMouseEnter", "iconMouseLeave", "update:modelValue", "update:value", "updateExtendInfo", "valueChange"],
|
|
@@ -928,12 +928,12 @@ const N = /* @__PURE__ */ Q({
|
|
|
928
928
|
inputGroupClass: l,
|
|
929
929
|
inputType: d,
|
|
930
930
|
inputGroupStyle: m
|
|
931
|
-
} = a,
|
|
931
|
+
} = a, s = Y(e), {
|
|
932
932
|
shouldShowAppendedButton: i
|
|
933
|
-
} =
|
|
933
|
+
} = s, u = X(e, t, a), {
|
|
934
934
|
onMouseEnter: r,
|
|
935
|
-
onMouseLeave:
|
|
936
|
-
} = u, y = K(e, t, d,
|
|
935
|
+
onMouseLeave: c
|
|
936
|
+
} = u, y = K(e, t, d, s), f = je(e, t), T = Ge(e, t, y, a), k = J(e, t, s, u, y), S = Ue(e, t), F = g(() => e.type === "number");
|
|
937
937
|
E(() => [e.value], ([M]) => {
|
|
938
938
|
n.value = M, o.value = M;
|
|
939
939
|
}), E(() => [e.modelValue], ([M]) => {
|
|
@@ -946,7 +946,7 @@ const N = /* @__PURE__ */ Q({
|
|
|
946
946
|
class: l.value,
|
|
947
947
|
style: m.value,
|
|
948
948
|
onMouseenter: r,
|
|
949
|
-
onMouseleave:
|
|
949
|
+
onMouseleave: c
|
|
950
950
|
}, [F.value ? f() : B(W, null, [S(), T(), i.value && k()])])]);
|
|
951
951
|
return () => P();
|
|
952
952
|
}
|
|
@@ -966,7 +966,7 @@ function He(e, t) {
|
|
|
966
966
|
function m() {
|
|
967
967
|
return !0;
|
|
968
968
|
}
|
|
969
|
-
function
|
|
969
|
+
function s(r) {
|
|
970
970
|
}
|
|
971
971
|
function i() {
|
|
972
972
|
}
|
|
@@ -978,7 +978,7 @@ function He(e, t) {
|
|
|
978
978
|
checkCanDeleteComponent: l,
|
|
979
979
|
checkCanMoveComponent: d,
|
|
980
980
|
hideNestedPaddingInDesginerView: m,
|
|
981
|
-
onAcceptMovedChildElement:
|
|
981
|
+
onAcceptMovedChildElement: s,
|
|
982
982
|
resolveComponentContext: i,
|
|
983
983
|
triggerBelongedComponentToMoveWhenMoved: n,
|
|
984
984
|
triggerBelongedComponentToDeleteWhenDeleted: o,
|
|
@@ -1135,13 +1135,13 @@ class $e {
|
|
|
1135
1135
|
* @param newControlType 新控件类型
|
|
1136
1136
|
*/
|
|
1137
1137
|
changeControlType(t, n) {
|
|
1138
|
-
var i, u, r,
|
|
1138
|
+
var i, u, r, c, y;
|
|
1139
1139
|
const o = n.propertyValue, a = this.formSchemaUtils.getComponentById(this.componentId);
|
|
1140
1140
|
let l = this.getControlParentContainer(t.id, a);
|
|
1141
1141
|
if (!l)
|
|
1142
1142
|
return;
|
|
1143
1143
|
const d = l.contents.findIndex((f) => f.id === t.id), m = l.contents[d];
|
|
1144
|
-
let
|
|
1144
|
+
let s;
|
|
1145
1145
|
this.designViewModelField && (this.designViewModelUtils.getDgViewModel(this.viewModelId).changeField(this.designViewModelField.id, {
|
|
1146
1146
|
editor: {
|
|
1147
1147
|
$type: o
|
|
@@ -1149,20 +1149,20 @@ class $e {
|
|
|
1149
1149
|
name: this.designViewModelField.name,
|
|
1150
1150
|
require: this.designViewModelField.require,
|
|
1151
1151
|
readonly: this.designViewModelField.readonly
|
|
1152
|
-
}, !1),
|
|
1152
|
+
}, !1), s = this.controlCreatorUtils.setFormFieldProperty("Form", this.designViewModelField, null, o)), Object.assign(s, {
|
|
1153
1153
|
id: m.id,
|
|
1154
1154
|
appearance: m.appearance,
|
|
1155
1155
|
size: m.size,
|
|
1156
1156
|
label: m.label
|
|
1157
|
-
}), Object.assign(
|
|
1158
|
-
isTextArea:
|
|
1157
|
+
}), Object.assign(s.editor, {
|
|
1158
|
+
isTextArea: s.isTextArea && m.isTextArea,
|
|
1159
1159
|
type: o || "",
|
|
1160
1160
|
placeHolder: (i = m.editor) == null ? void 0 : i.placeHolder,
|
|
1161
1161
|
holdPlace: (u = m.editor) == null ? void 0 : u.holdPlace,
|
|
1162
1162
|
readonly: (r = m.editor) == null ? void 0 : r.readonly,
|
|
1163
|
-
require: (
|
|
1163
|
+
require: (c = m.editor) == null ? void 0 : c.require,
|
|
1164
1164
|
visible: (y = m.editor) == null ? void 0 : y.visible
|
|
1165
|
-
}), l.contents.splice(d, 1,
|
|
1165
|
+
}), l.contents.splice(d, 1, s);
|
|
1166
1166
|
}
|
|
1167
1167
|
getAppearanceConfig(t = null) {
|
|
1168
1168
|
return {
|
|
@@ -1210,27 +1210,6 @@ class $e {
|
|
|
1210
1210
|
return o;
|
|
1211
1211
|
}
|
|
1212
1212
|
}
|
|
1213
|
-
getBindingFieldEditorOptions(t) {
|
|
1214
|
-
const n = this.formSchemaUtils.getFormMetadataBasicInfo();
|
|
1215
|
-
return {
|
|
1216
|
-
type: "field-selector",
|
|
1217
|
-
bindingType: { enable: !1 },
|
|
1218
|
-
editorParams: {
|
|
1219
|
-
propertyData: t,
|
|
1220
|
-
formBasicInfo: n
|
|
1221
|
-
},
|
|
1222
|
-
columns: [
|
|
1223
|
-
{ field: "name", title: "字段名称" },
|
|
1224
|
-
{ field: "bindingField", title: "绑定字段" },
|
|
1225
|
-
{ field: "fieldType", title: "字段类型" }
|
|
1226
|
-
],
|
|
1227
|
-
beforeOpenDialog: (o) => {
|
|
1228
|
-
const a = this.designViewModelUtils.getAllFields2TreeByVMId(this.viewModelId);
|
|
1229
|
-
o.instance.loadData(a);
|
|
1230
|
-
},
|
|
1231
|
-
textField: "bindingField"
|
|
1232
|
-
};
|
|
1233
|
-
}
|
|
1234
1213
|
}
|
|
1235
1214
|
class ze extends $e {
|
|
1236
1215
|
constructor(t, n) {
|
|
@@ -1267,10 +1246,14 @@ class ze extends $e {
|
|
|
1267
1246
|
{ field: "bindingField", title: "绑定字段" },
|
|
1268
1247
|
{ field: "fieldType", title: "字段类型" }
|
|
1269
1248
|
],
|
|
1249
|
+
textField: "bindingField",
|
|
1270
1250
|
data: o
|
|
1271
1251
|
}
|
|
1272
1252
|
};
|
|
1273
1253
|
}
|
|
1254
|
+
getBindingOtions(t) {
|
|
1255
|
+
return this.getFieldSelectorOptions(t);
|
|
1256
|
+
}
|
|
1274
1257
|
getComponentConfig(t, n = {}, o = {}) {
|
|
1275
1258
|
const a = Object.assign({
|
|
1276
1259
|
description: "组件信息",
|
|
@@ -1315,11 +1298,11 @@ function qe(e, t) {
|
|
|
1315
1298
|
hideNestedPaddingInDesginerView: l,
|
|
1316
1299
|
onAcceptMovedChildElement: d,
|
|
1317
1300
|
resolveComponentContext: m,
|
|
1318
|
-
triggerBelongedComponentToMoveWhenMoved:
|
|
1301
|
+
triggerBelongedComponentToMoveWhenMoved: s,
|
|
1319
1302
|
triggerBelongedComponentToDeleteWhenDeleted: i
|
|
1320
1303
|
} = He(e), u = e.schema;
|
|
1321
|
-
function r(
|
|
1322
|
-
return new We(
|
|
1304
|
+
function r(c) {
|
|
1305
|
+
return new We(c, t).getPropertyConfig(u);
|
|
1323
1306
|
}
|
|
1324
1307
|
return {
|
|
1325
1308
|
canAccepts: n,
|
|
@@ -1328,13 +1311,13 @@ function qe(e, t) {
|
|
|
1328
1311
|
hideNestedPaddingInDesginerView: l,
|
|
1329
1312
|
onAcceptMovedChildElement: d,
|
|
1330
1313
|
resolveComponentContext: m,
|
|
1331
|
-
triggerBelongedComponentToMoveWhenMoved:
|
|
1314
|
+
triggerBelongedComponentToMoveWhenMoved: s,
|
|
1332
1315
|
triggerBelongedComponentToDeleteWhenDeleted: i,
|
|
1333
1316
|
getPropsConfig: r
|
|
1334
1317
|
};
|
|
1335
1318
|
}
|
|
1336
1319
|
function Qe(e, t, n) {
|
|
1337
|
-
var
|
|
1320
|
+
var O;
|
|
1338
1321
|
function o() {
|
|
1339
1322
|
n != null && n.resolveComponentContext && n.resolveComponentContext();
|
|
1340
1323
|
}
|
|
@@ -1343,7 +1326,7 @@ function Qe(e, t, n) {
|
|
|
1343
1326
|
function m() {
|
|
1344
1327
|
return (t == null ? void 0 : t.schema.componentType) === "frame" ? !1 : n && n.checkCanMoveComponent ? n.checkCanMoveComponent() : !0;
|
|
1345
1328
|
}
|
|
1346
|
-
function
|
|
1329
|
+
function s() {
|
|
1347
1330
|
return !1;
|
|
1348
1331
|
}
|
|
1349
1332
|
function i() {
|
|
@@ -1360,9 +1343,9 @@ function Qe(e, t, n) {
|
|
|
1360
1343
|
const C = b(h == null ? void 0 : h.value.parent), w = r(C);
|
|
1361
1344
|
return w || null;
|
|
1362
1345
|
}
|
|
1363
|
-
function
|
|
1346
|
+
function c(h = t) {
|
|
1364
1347
|
const { componentInstance: C, designerItemElementRef: w } = h;
|
|
1365
|
-
return !C || !C.value ? null : C.value.canMove ? w :
|
|
1348
|
+
return !C || !C.value ? null : C.value.canMove ? w : c(h.parent);
|
|
1366
1349
|
}
|
|
1367
1350
|
function y(h) {
|
|
1368
1351
|
return !!n && n.canAccepts(h);
|
|
@@ -1379,13 +1362,13 @@ function Qe(e, t, n) {
|
|
|
1379
1362
|
const { componentType: C } = h;
|
|
1380
1363
|
let w = G(C, h);
|
|
1381
1364
|
n && n.onResolveNewComponentSchema && (w = n.onResolveNewComponentSchema(h, w));
|
|
1382
|
-
const
|
|
1383
|
-
return w && !w.id && w.type === C && (w.id = `${
|
|
1365
|
+
const V = C.toLowerCase().replace("-", "_");
|
|
1366
|
+
return w && !w.id && w.type === C && (w.id = `${V}_${Math.random().toString().slice(2, 6)}`), w;
|
|
1384
1367
|
}
|
|
1385
1368
|
function F(h, C) {
|
|
1386
|
-
const w = String(h.getAttribute("data-controltype")),
|
|
1387
|
-
|
|
1388
|
-
let D = G(w,
|
|
1369
|
+
const w = String(h.getAttribute("data-controltype")), V = h.getAttribute("data-feature"), N = V ? JSON.parse(V) : {};
|
|
1370
|
+
N.parentComponentInstance = d.value;
|
|
1371
|
+
let D = G(w, N);
|
|
1389
1372
|
n && n.onAcceptNewChildElement && (D = n.onAcceptNewChildElement(h, C, D));
|
|
1390
1373
|
const j = w.toLowerCase().replace("-", "_");
|
|
1391
1374
|
return D && !D.id && D.type === w && (D.id = `${j}_${Math.random().toString().slice(2, 6)}`), D;
|
|
@@ -1398,18 +1381,18 @@ function Qe(e, t, n) {
|
|
|
1398
1381
|
}
|
|
1399
1382
|
return d.value = {
|
|
1400
1383
|
canMove: m(),
|
|
1401
|
-
canSelectParent:
|
|
1384
|
+
canSelectParent: s(),
|
|
1402
1385
|
canDelete: i(),
|
|
1403
1386
|
canNested: !u(),
|
|
1404
1387
|
contents: t == null ? void 0 : t.schema.contents,
|
|
1405
1388
|
elementRef: e,
|
|
1406
|
-
parent: (
|
|
1389
|
+
parent: (O = t == null ? void 0 : t.parent) == null ? void 0 : O.componentInstance,
|
|
1407
1390
|
schema: t == null ? void 0 : t.schema,
|
|
1408
1391
|
styles: a,
|
|
1409
1392
|
designerClass: l,
|
|
1410
1393
|
canAccepts: y,
|
|
1411
1394
|
getBelongedComponentInstance: r,
|
|
1412
|
-
getDraggableDesignItemElement:
|
|
1395
|
+
getDraggableDesignItemElement: c,
|
|
1413
1396
|
getDraggingDisplayText: f,
|
|
1414
1397
|
getPropConfig: M,
|
|
1415
1398
|
getDragScopeElement: T,
|
|
@@ -1431,23 +1414,23 @@ const Re = /* @__PURE__ */ Q({
|
|
|
1431
1414
|
inputGroupClass: l,
|
|
1432
1415
|
inputType: d,
|
|
1433
1416
|
inputGroupStyle: m
|
|
1434
|
-
} = a,
|
|
1417
|
+
} = a, s = Y(e), {
|
|
1435
1418
|
shouldShowAppendedButton: i
|
|
1436
|
-
} =
|
|
1419
|
+
} = s, u = X(e, t, a), {
|
|
1437
1420
|
onMouseEnter: r,
|
|
1438
|
-
onMouseLeave:
|
|
1439
|
-
} = u, y = K(e, t, d,
|
|
1421
|
+
onMouseLeave: c
|
|
1422
|
+
} = u, y = K(e, t, d, s), f = b(), T = q("designer-host-service"), k = q("design-item-context"), S = qe(k, T), F = Qe(f, k, S);
|
|
1440
1423
|
L(() => {
|
|
1441
1424
|
f.value.componentInstance = F;
|
|
1442
1425
|
}), t.expose(F.value);
|
|
1443
|
-
const P = J(e, t,
|
|
1426
|
+
const P = J(e, t, s, u, y), M = b();
|
|
1444
1427
|
return () => B("div", {
|
|
1445
1428
|
id: "inputGroup",
|
|
1446
1429
|
ref: f,
|
|
1447
1430
|
class: l.value,
|
|
1448
1431
|
style: m.value,
|
|
1449
1432
|
onMouseenter: r,
|
|
1450
|
-
onMouseleave:
|
|
1433
|
+
onMouseleave: c
|
|
1451
1434
|
}, [B("input", {
|
|
1452
1435
|
ref: M,
|
|
1453
1436
|
class: "form-control",
|
|
@@ -1456,15 +1439,15 @@ const Re = /* @__PURE__ */ Q({
|
|
|
1456
1439
|
}, null), i.value && P()]);
|
|
1457
1440
|
}
|
|
1458
1441
|
});
|
|
1459
|
-
|
|
1460
|
-
e["input-group"] =
|
|
1442
|
+
I.register = (e, t, n, o) => {
|
|
1443
|
+
e["input-group"] = I, t["input-group"] = Z;
|
|
1461
1444
|
};
|
|
1462
|
-
|
|
1445
|
+
I.registerDesigner = (e, t, n) => {
|
|
1463
1446
|
e["input-group"] = Re, t["input-group"] = Z;
|
|
1464
1447
|
};
|
|
1465
|
-
const Je = Le(
|
|
1448
|
+
const Je = Le(I);
|
|
1466
1449
|
export {
|
|
1467
|
-
|
|
1450
|
+
I as FInputGroup,
|
|
1468
1451
|
Je as default,
|
|
1469
1452
|
H as inputGroupProps,
|
|
1470
1453
|
Z as propsResolver
|