@farris/ui-vue 1.7.2-beta.1 → 1.7.2-beta.2
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/avatar/index.esm.js +155 -148
- package/components/avatar/index.umd.cjs +1 -1
- package/components/button-edit/index.esm.js +1 -1
- package/components/button-edit/index.umd.cjs +1 -1
- package/components/calendar/index.esm.js +226 -224
- package/components/calendar/index.umd.cjs +3 -3
- package/components/collection-property-editor/index.esm.js +225 -223
- package/components/collection-property-editor/index.umd.cjs +2 -2
- package/components/combo-list/index.esm.js +76 -71
- package/components/combo-list/index.umd.cjs +1 -1
- package/components/comment/index.esm.js +169 -167
- package/components/comment/index.umd.cjs +6 -6
- package/components/component/index.esm.js +3691 -3043
- package/components/component/index.umd.cjs +2 -2
- package/components/condition/index.esm.js +2015 -1352
- package/components/condition/index.umd.cjs +2 -2
- package/components/data-grid/index.esm.js +407 -430
- package/components/data-grid/index.umd.cjs +1 -1
- package/components/data-view/index.esm.js +3082 -3196
- package/components/data-view/index.umd.cjs +1 -1
- package/components/designer-canvas/index.esm.js +3364 -2713
- package/components/designer-canvas/index.umd.cjs +1 -1
- package/components/drawer/index.esm.js +66 -64
- package/components/drawer/index.umd.cjs +2 -2
- package/components/dynamic-form/index.esm.js +1176 -524
- package/components/dynamic-form/index.umd.cjs +1 -1
- package/components/dynamic-resolver/index.esm.js +182 -180
- package/components/dynamic-resolver/index.umd.cjs +2 -2
- package/components/dynamic-view/index.esm.js +531 -455
- package/components/dynamic-view/index.umd.cjs +1 -1
- package/components/events-editor/index.esm.js +2352 -1700
- package/components/events-editor/index.umd.cjs +3 -3
- package/components/expression-editor/index.esm.js +8 -3
- package/components/expression-editor/index.umd.cjs +2 -2
- package/components/filter-bar/index.esm.js +422 -413
- package/components/filter-bar/index.umd.cjs +2 -2
- package/components/filter-condition-editor/index.esm.js +8 -3
- package/components/filter-condition-editor/index.umd.cjs +1 -1
- package/components/image/index.esm.js +363 -354
- package/components/image/index.umd.cjs +2 -2
- package/components/language-textbox/index.esm.js +189 -187
- package/components/language-textbox/index.umd.cjs +2 -2
- package/components/list-view/index.esm.js +388 -389
- package/components/list-view/index.umd.cjs +5 -5
- package/components/mapping-editor/index.esm.js +1465 -1488
- package/components/mapping-editor/index.umd.cjs +1 -1
- package/components/number-range/index.esm.js +180 -173
- package/components/number-range/index.umd.cjs +1 -1
- package/components/order/index.esm.js +815 -811
- package/components/order/index.umd.cjs +5 -5
- package/components/property-panel/index.esm.js +429 -420
- package/components/property-panel/index.umd.cjs +3 -3
- package/components/query-solution/index.esm.js +4746 -4085
- package/components/query-solution/index.umd.cjs +7 -7
- package/components/schema-selector/index.esm.js +1401 -1402
- package/components/schema-selector/index.umd.cjs +5 -5
- package/components/section/index.esm.js +102 -100
- package/components/section/index.umd.cjs +2 -2
- package/components/sort-condition-editor/index.esm.js +8 -3
- package/components/sort-condition-editor/index.umd.cjs +1 -1
- package/components/transfer/index.esm.js +537 -538
- package/components/transfer/index.umd.cjs +5 -5
- package/components/tree-grid/index.esm.js +280 -283
- package/components/tree-grid/index.umd.cjs +1 -1
- package/components/tree-view/index.esm.js +200 -202
- package/components/tree-view/index.umd.cjs +1 -1
- package/components/uploader/index.esm.js +533 -519
- package/components/uploader/index.umd.cjs +2 -2
- package/designer/data-grid/index.esm.js +3806 -3905
- package/designer/data-grid/index.umd.cjs +9 -9
- package/designer/drawer/index.esm.js +188 -186
- package/designer/drawer/index.umd.cjs +2 -2
- package/designer/dynamic-form/index.esm.js +1562 -1073
- package/designer/dynamic-form/index.umd.cjs +2 -2
- package/designer/farris-designer.all.esm.js +9793 -8613
- package/designer/farris-designer.all.umd.cjs +8 -8
- package/designer/list-view/index.esm.js +564 -564
- package/designer/list-view/index.umd.cjs +6 -6
- package/designer/radio-group/index.esm.js +236 -229
- package/designer/radio-group/index.umd.cjs +1 -1
- package/designer/response-layout-editor/index.esm.js +178 -171
- package/designer/response-layout-editor/index.umd.cjs +1 -1
- package/designer/tabs/index.esm.js +3154 -2508
- package/designer/tabs/index.umd.cjs +2 -2
- package/designer/time-picker/index.esm.js +193 -186
- package/designer/time-picker/index.umd.cjs +1 -1
- package/designer/tree-grid/index.esm.js +444 -447
- package/designer/tree-grid/index.umd.cjs +1 -1
- package/farris.all.esm.js +60126 -59649
- package/farris.all.umd.cjs +30 -30
- package/index.css +1 -1
- package/package.json +1 -1
- package/types/components.d.ts +1 -1
- package/types/condition/src/composition/condition-value/dropdown-value.d.ts +4 -0
- package/types/data-grid/index.d.ts +2 -5
- package/types/data-grid/src/data-grid.component.d.ts +1 -2
- package/types/data-view/components/row/hierarchy-row.component.d.ts +2 -2
- package/types/data-view/composition/appearance/use-cell-position.d.ts +1 -1
- package/types/data-view/composition/types.d.ts +0 -4
- package/types/data-view/composition/visualization/use-virtual-scroll.d.ts +2 -2
- package/types/data-view/composition/visualization/use-visual-data-bound.d.ts +2 -3
- package/types/data-view/composition/visualization/use-visual-data-row.d.ts +1 -2
- package/types/designer-canvas/src/composition/dg-control.d.ts +24 -0
- package/types/dynamic-form/designer.d.ts +0 -1
- package/types/dynamic-form/index.d.ts +4 -3
- package/types/dynamic-form/src/designer/dynamic-form.design.component.d.ts +8 -0
- package/types/dynamic-form/src/designer/response-form.design.props.d.ts +14 -0
- package/types/dynamic-form/src/designer/use-dynamic-form-rules.d.ts +2 -0
- package/types/dynamic-form/src/dynamic-form.component.d.ts +8 -0
- package/types/dynamic-form/src/response-form.props.d.ts +13 -1
- package/types/dynamic-form/src/schema/response-form-schema-resolver.d.ts +1 -0
- package/types/dynamic-form/src/types.d.ts +1 -0
- package/types/dynamic-resolver/src/types.d.ts +1 -0
- package/types/dynamic-view/index.d.ts +43 -3
- package/types/dynamic-view/src/components/maps.d.ts +6 -6
- package/types/dynamic-view/src/composition/index.d.ts +5 -0
- package/types/dynamic-view/src/composition/use-utils.d.ts +12 -0
- package/types/dynamic-view/src/dynamic-view.component.d.ts +6 -6
- package/types/language-textbox/index.d.ts +3 -3
- package/types/language-textbox/src/components/language-contents.component.d.ts +1 -1
- package/types/language-textbox/src/language-textbox.component.d.ts +1 -1
- package/types/lookup/src/components/favorite/lookup-favorite.component.d.ts +1 -1
- package/types/lookup/src/components/popup-container.component.d.ts +3 -3
- package/types/property-panel/src/property-panel.component.d.ts +3 -3
- package/types/tree-grid/src/components/data/data-area.component.d.ts +2 -2
- package/types/tree-grid/src/tree-grid.props.d.ts +0 -1
- package/types/tree-view/src/components/data/tree-area.component.d.ts +1 -1
- package/types/tree-view/src/tree-view.props.d.ts +0 -1
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
var
|
|
2
|
-
var
|
|
3
|
-
var T = (n, t, e) =>
|
|
4
|
-
import { radioCheckboxCommonProps as
|
|
5
|
-
import { resolveAppearance as
|
|
6
|
-
import
|
|
7
|
-
import { computed as S, nextTick as oe, defineComponent as J, ref as h, inject as ce, onMounted as Z, createVNode as v, Teleport as
|
|
8
|
-
import { DgControl as
|
|
9
|
-
import { cloneDeep as
|
|
1
|
+
var gt = Object.defineProperty;
|
|
2
|
+
var yt = (n, t, e) => t in n ? gt(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
|
|
3
|
+
var T = (n, t, e) => yt(n, typeof t != "symbol" ? t + "" : t, e);
|
|
4
|
+
import { radioCheckboxCommonProps as bt, FormSchemaEntityField$Type as Be, FormSchemaEntityFieldType$Type as Pe, isMobilePhone as Ct, getMaxZIndex as Se, useGuid as Ce, withInstall as wt } from "../../components/common/index.esm.js";
|
|
5
|
+
import { resolveAppearance as xt, createPropsResolver as Ve, getPropsResolverGenerator as Oe } from "../../components/dynamic-resolver/index.esm.js";
|
|
6
|
+
import Mt, { radioGroupProps as Re } from "../../components/radio-group/index.esm.js";
|
|
7
|
+
import { computed as S, nextTick as oe, defineComponent as J, ref as h, inject as ce, onMounted as Z, createVNode as v, Teleport as Ne, createApp as we, onUnmounted as pe, Fragment as ae, watch as D, onBeforeMount as It, watchEffect as Et, Transition as Le, shallowRef as Ft, render as ge, h as Bt, cloneVNode as St, mergeProps as xe, withDirectives as ye, vShow as kt, onUpdated as Tt, onBeforeUnmount as Pt, createTextVNode as ee, reactive as Vt, vModelText as ke } from "vue";
|
|
8
|
+
import { DgControl as C, canvasChanged as re, refreshCanvas as Ot, useDesignerComponent as Rt } from "../../components/designer-canvas/index.esm.js";
|
|
9
|
+
import { cloneDeep as ze, debounce as Nt } from "lodash-es";
|
|
10
10
|
import { LocaleService as ne } from "../../components/locale/index.esm.js";
|
|
11
11
|
import "../../components/property-panel/index.esm.js";
|
|
12
|
-
import
|
|
13
|
-
import
|
|
14
|
-
import
|
|
15
|
-
import { FNotifyService as
|
|
16
|
-
const
|
|
17
|
-
...
|
|
12
|
+
import Lt from "../../components/tags/index.esm.js";
|
|
13
|
+
import zt from "../../components/popover/index.esm.js";
|
|
14
|
+
import Ht from "../../components/data-grid/index.esm.js";
|
|
15
|
+
import { FNotifyService as At } from "../../components/notify/index.esm.js";
|
|
16
|
+
const $t = {
|
|
17
|
+
...bt,
|
|
18
18
|
/**
|
|
19
19
|
* 组件标识
|
|
20
20
|
*/
|
|
@@ -60,7 +60,7 @@ const At = {
|
|
|
60
60
|
*/
|
|
61
61
|
valueField: { type: String, default: "value" }
|
|
62
62
|
};
|
|
63
|
-
function
|
|
63
|
+
function Ut(n, t, e) {
|
|
64
64
|
const o = S(() => !n.disabled), i = S(() => n.data || n.enumData || n.options || []);
|
|
65
65
|
function l(r) {
|
|
66
66
|
return r[n.valueField];
|
|
@@ -82,7 +82,7 @@ function $t(n, t, e) {
|
|
|
82
82
|
onClickRadio: s
|
|
83
83
|
};
|
|
84
84
|
}
|
|
85
|
-
function
|
|
85
|
+
function Wt(n) {
|
|
86
86
|
const { formSchemaUtils: t, formStateMachineUtils: e } = n;
|
|
87
87
|
function o(r, d = "") {
|
|
88
88
|
return {
|
|
@@ -110,7 +110,7 @@ function Ut(n) {
|
|
|
110
110
|
}
|
|
111
111
|
return { getVariables: l, getControlName: a, getStateMachines: s };
|
|
112
112
|
}
|
|
113
|
-
class
|
|
113
|
+
class He {
|
|
114
114
|
constructor(t) {
|
|
115
115
|
T(this, "sessionVariables", [
|
|
116
116
|
{
|
|
@@ -377,7 +377,7 @@ class ze {
|
|
|
377
377
|
};
|
|
378
378
|
}
|
|
379
379
|
}
|
|
380
|
-
class
|
|
380
|
+
class jt {
|
|
381
381
|
constructor(t, e) {
|
|
382
382
|
T(this, "componentId");
|
|
383
383
|
T(this, "viewModelId");
|
|
@@ -438,7 +438,7 @@ class Wt {
|
|
|
438
438
|
valueField: "value",
|
|
439
439
|
idField: "value",
|
|
440
440
|
editable: !1,
|
|
441
|
-
data: [{ value: t.type, name:
|
|
441
|
+
data: [{ value: t.type, name: C[t.type] && C[t.type].name }]
|
|
442
442
|
}
|
|
443
443
|
}
|
|
444
444
|
}
|
|
@@ -494,7 +494,7 @@ class Wt {
|
|
|
494
494
|
* @returns
|
|
495
495
|
*/
|
|
496
496
|
getPropertyEditorParams(t, e = [], o = "visible", i = {}, l = {}, a = "") {
|
|
497
|
-
const { getVariables: s, getControlName: r, getStateMachines: d } =
|
|
497
|
+
const { getVariables: s, getControlName: r, getStateMachines: d } = Wt(this.designerHostService), c = this.getRealTargetType(t), u = e && e.length > 0 ? e : ["Const", "Variable", "StateMachine", "Expression"], g = {
|
|
498
498
|
type: "property-editor",
|
|
499
499
|
propertyTypes: u
|
|
500
500
|
};
|
|
@@ -588,8 +588,8 @@ class Wt {
|
|
|
588
588
|
const o = e && e.parent && e.parent.schema;
|
|
589
589
|
if (!o)
|
|
590
590
|
return;
|
|
591
|
-
const i = o.contents.findIndex((a) => a.id === t), l =
|
|
592
|
-
o.contents.splice(i, 1), o.contents.splice(i, 0, l),
|
|
591
|
+
const i = o.contents.findIndex((a) => a.id === t), l = ze(o.contents[i]);
|
|
592
|
+
o.contents.splice(i, 1), o.contents.splice(i, 0, l), Ot();
|
|
593
593
|
}
|
|
594
594
|
/**
|
|
595
595
|
* 属性编辑器,在编辑过程中会新增变量,此处需要将新增的变量追加到ViewModel中
|
|
@@ -624,9 +624,9 @@ class Wt {
|
|
|
624
624
|
const { expressions: m } = g;
|
|
625
625
|
let f = m.find((E) => E.target === s);
|
|
626
626
|
f || (f = { target: s, rules: [], targetType: r }, m.push(f));
|
|
627
|
-
const
|
|
628
|
-
if (
|
|
629
|
-
|
|
627
|
+
const b = f.rules.find((E) => E.type === d);
|
|
628
|
+
if (b)
|
|
629
|
+
b.value = c, b.message = u;
|
|
630
630
|
else {
|
|
631
631
|
const E = { id: l, type: d, value: c, message: u };
|
|
632
632
|
f.rules.push(E);
|
|
@@ -647,7 +647,7 @@ class Wt {
|
|
|
647
647
|
!r || !r.rules || (r.rules = r.rules.filter((d) => d.type !== l));
|
|
648
648
|
}
|
|
649
649
|
getExpressionOptions(t, e, o) {
|
|
650
|
-
return new
|
|
650
|
+
return new He(this.formSchemaUtils).getExpressionOptions(t, e, o);
|
|
651
651
|
}
|
|
652
652
|
getRealTargetType(t) {
|
|
653
653
|
return ["response-toolbar-item", "tab-toolbar-item", "section-toolbar-item", "drawer-toolbar-item"].indexOf(t.type) > -1 ? "Button" : t.binding && t.binding.field ? "Field" : "Container";
|
|
@@ -672,10 +672,10 @@ const ie = class ie {
|
|
|
672
672
|
*/
|
|
673
673
|
static getEditorTypesByMDataType(t, e = !1, o = "") {
|
|
674
674
|
if (e)
|
|
675
|
-
return [{ key:
|
|
675
|
+
return [{ key: C["language-textbox"].type, value: C["language-textbox"].name }];
|
|
676
676
|
let i = ie.fieldControlTypeMapping[t];
|
|
677
677
|
if (o === "data-grid-column" && (i != null && i.length)) {
|
|
678
|
-
const l = [
|
|
678
|
+
const l = [C["check-group"].type, C["radio-group"].type, C.image.type, C["rich-text-editor"].type];
|
|
679
679
|
i = i.filter((a) => !l.includes(a.key));
|
|
680
680
|
}
|
|
681
681
|
return i;
|
|
@@ -698,7 +698,7 @@ const ie = class ie {
|
|
|
698
698
|
static mappingDomPropAndSchemaProp(t, e) {
|
|
699
699
|
var l;
|
|
700
700
|
const o = (l = t.editor) == null ? void 0 : l.type, i = [];
|
|
701
|
-
return (t.type ===
|
|
701
|
+
return (t.type === C["data-grid-column"].type || t.type === C["tree-grid-column"].type) && e && e.categoryId && e.categoryId.indexOf("gridFieldEditor") < 0 && i.push({ domField: "title", schemaField: "name" }), i.push({ domField: "label", schemaField: "name" }), i.push({ domField: "editor.required", schemaField: "require" }), i.push({ domField: "editor.readonly", schemaField: "readonly" }), (o === C["input-group"].type || o === C.textarea.type || o === C["number-spinner"].type) && i.push({ domField: "editor.maxLength", schemaField: "type.length" }), o === C["number-spinner"].type && i.push({ domField: "editor.precision", schemaField: "type.precision" }), (t.type === C["data-grid-column"].type || t.type === C["tree-grid-column"].type) && i.push({ domField: "formatter.precision", schemaField: "type.precision" }), (o === C["combo-list"].type || o === C["radio-group"].type) && i.push({ domField: "editor.data", schemaField: "type.enumValues" }), (t.type === C["data-grid-column"].type || t.type === C["tree-grid-column"].type) && i.push({ domField: "formatter.data", schemaField: "type.enumValues" }), o === C["date-picker"].type && (i.push({ domField: "editor.displayFormat", schemaField: "editor.format" }), i.push({ domField: "editor.fieldType", schemaField: "type.name" })), o === C["number-spinner"].type && (i.push({ domField: "editor.max", schemaField: "editor.maxValue" }), i.push({ domField: "editor.min", schemaField: "editor.minValue" })), o === C.lookup.type && (i.push({ domField: "editor.dataSource", schemaField: "editor.dataSource" }), i.push({ domField: "editor.valueField", schemaField: "editor.valueField" }), i.push({ domField: "editor.textField", schemaField: "editor.textField" }), i.push({ domField: "editor.displayType", schemaField: "editor.displayType" }), i.push({ domField: "editor.mapFields", schemaField: "editor.mapFields" }), i.push({ domField: "editor.helpId", schemaField: "editor.helpId" })), i.push({ domField: "path", schemaField: "bindingPath" }), i.push({ domField: "binding.path", schemaField: "bindingField" }), i.push({ domField: "binding.fullPath", schemaField: "path" }), (t.type === C["data-grid-column"].type || t.type === C["tree-grid-column"].type) && i.push({ domField: "field", schemaField: "bindingPath" }), i;
|
|
702
702
|
}
|
|
703
703
|
};
|
|
704
704
|
/**
|
|
@@ -706,61 +706,61 @@ const ie = class ie {
|
|
|
706
706
|
*/
|
|
707
707
|
T(ie, "fieldControlTypeMapping", {
|
|
708
708
|
String: [
|
|
709
|
-
{ key:
|
|
710
|
-
{ key:
|
|
711
|
-
{ key:
|
|
712
|
-
{ key:
|
|
713
|
-
{ key:
|
|
714
|
-
{ key:
|
|
715
|
-
{ key:
|
|
716
|
-
{ key:
|
|
717
|
-
{ key:
|
|
718
|
-
{ key:
|
|
719
|
-
{ key:
|
|
709
|
+
{ key: C["input-group"].type, value: C["input-group"].name },
|
|
710
|
+
{ key: C.lookup.type, value: C.lookup.name },
|
|
711
|
+
{ key: C.image.type, value: C.image.name },
|
|
712
|
+
{ key: C["date-picker"].type, value: C["date-picker"].name },
|
|
713
|
+
{ key: C.switch.type, value: C.switch.name },
|
|
714
|
+
{ key: C["check-box"].type, value: C["check-box"].name },
|
|
715
|
+
{ key: C["check-group"].type, value: C["check-group"].name },
|
|
716
|
+
{ key: C["radio-group"].type, value: C["radio-group"].name },
|
|
717
|
+
{ key: C["combo-list"].type, value: C["combo-list"].name },
|
|
718
|
+
{ key: C.textarea.type, value: C.textarea.name },
|
|
719
|
+
{ key: C["time-picker"].type, value: C["time-picker"].name }
|
|
720
720
|
],
|
|
721
721
|
Text: [
|
|
722
|
-
{ key:
|
|
723
|
-
{ key:
|
|
724
|
-
{ key:
|
|
725
|
-
{ key:
|
|
722
|
+
{ key: C.textarea.type, value: C.textarea.name },
|
|
723
|
+
{ key: C.lookup.type, value: C.lookup.name },
|
|
724
|
+
{ key: C.image.type, value: C.image.name },
|
|
725
|
+
{ key: C["rich-text-editor"].type, value: C["rich-text-editor"].name }
|
|
726
726
|
],
|
|
727
727
|
Decimal: [
|
|
728
|
-
{ key:
|
|
728
|
+
{ key: C["number-spinner"].type, value: C["number-spinner"].name }
|
|
729
729
|
],
|
|
730
730
|
Integer: [
|
|
731
|
-
{ key:
|
|
731
|
+
{ key: C["number-spinner"].type, value: C["number-spinner"].name }
|
|
732
732
|
],
|
|
733
733
|
Number: [
|
|
734
|
-
{ key:
|
|
735
|
-
{ key:
|
|
736
|
-
{ key:
|
|
734
|
+
{ key: C["number-spinner"].type, value: C["number-spinner"].name },
|
|
735
|
+
{ key: C.switch.type, value: C.switch.name },
|
|
736
|
+
{ key: C["check-box"].type, value: C["check-box"].name }
|
|
737
737
|
],
|
|
738
738
|
BigNumber: [
|
|
739
|
-
{ key:
|
|
739
|
+
{ key: C["number-spinner"].type, value: C["number-spinner"].name }
|
|
740
740
|
],
|
|
741
741
|
Date: [
|
|
742
|
-
{ key:
|
|
742
|
+
{ key: C["date-picker"].type, value: C["date-picker"].name }
|
|
743
743
|
],
|
|
744
744
|
DateTime: [
|
|
745
|
-
{ key:
|
|
745
|
+
{ key: C["date-picker"].type, value: C["date-picker"].name }
|
|
746
746
|
],
|
|
747
747
|
Boolean: [
|
|
748
|
-
{ key:
|
|
749
|
-
{ key:
|
|
748
|
+
{ key: C.switch.type, value: C.switch.name },
|
|
749
|
+
{ key: C["check-box"].type, value: C["check-box"].name }
|
|
750
750
|
],
|
|
751
751
|
Enum: [
|
|
752
|
-
{ key:
|
|
753
|
-
{ key:
|
|
752
|
+
{ key: C["combo-list"].type, value: C["combo-list"].name },
|
|
753
|
+
{ key: C["radio-group"].type, value: C["radio-group"].name }
|
|
754
754
|
],
|
|
755
755
|
Object: [
|
|
756
|
-
{ key:
|
|
757
|
-
{ key:
|
|
758
|
-
{ key:
|
|
756
|
+
{ key: C.lookup.type, value: C.lookup.name },
|
|
757
|
+
{ key: C["combo-list"].type, value: C["combo-list"].name },
|
|
758
|
+
{ key: C["radio-group"].type, value: C["radio-group"].name }
|
|
759
759
|
]
|
|
760
760
|
});
|
|
761
761
|
let fe = ie;
|
|
762
762
|
var ue = /* @__PURE__ */ ((n) => (n.Form = "Form", n.Variable = "Variable", n))(ue || {});
|
|
763
|
-
class
|
|
763
|
+
class Te {
|
|
764
764
|
constructor() {
|
|
765
765
|
/** 控件标题 */
|
|
766
766
|
T(this, "label", "");
|
|
@@ -795,31 +795,38 @@ function qt(n) {
|
|
|
795
795
|
const o = /* @__PURE__ */ new Map();
|
|
796
796
|
let i = [];
|
|
797
797
|
function l(c, u) {
|
|
798
|
-
const m = c.split(" ").filter((x) => x.startsWith("col-"));
|
|
798
|
+
const m = ((c == null ? void 0 : c.split(" ")) || []).filter((x) => x.startsWith("col-"));
|
|
799
799
|
if (m.length === 0) {
|
|
800
800
|
u.isSupportedClass = !1;
|
|
801
801
|
return;
|
|
802
802
|
}
|
|
803
|
-
let f = m.find((x) => /^col-([1-9]|10|11|12)$/.test(x)),
|
|
804
|
-
f = f || "col-12", u.columnInSM = parseInt(f.replace("col-", ""), 10), u.displayWidthInSM = u.columnInSM / 12, u.displayWidthInSM !== 1 && (u.isSupportedClass = !1),
|
|
803
|
+
let f = m.find((x) => /^col-([1-9]|10|11|12)$/.test(x)), b = m.find((x) => /^col-md-([1-9]|10|11|12)$/.test(x)), E = m.find((x) => /^col-xl-([1-9]|10|11|12)$/.test(x)), B = m.find((x) => /^col-el-([1-9]|10|11|12)$/.test(x));
|
|
804
|
+
f = f || "col-12", u.columnInSM = parseInt(f.replace("col-", ""), 10), u.displayWidthInSM = u.columnInSM / 12, u.displayWidthInSM !== 1 && (u.isSupportedClass = !1), b = b || "col-md-" + u.columnInSM, u.columnInMD = parseInt(b.replace("col-md-", ""), 10), u.displayWidthInMD = u.columnInMD / 6, [1, 2].includes(u.displayWidthInMD) || (u.isSupportedClass = !1), E = E || "col-xl-" + u.columnInMD, u.columnInLG = parseInt(E.replace("col-xl-", ""), 10), u.displayWidthInLG = u.columnInLG / 3, [1, 2, 3, 4].includes(u.displayWidthInLG) || (u.isSupportedClass = !1), B = B || "col-el-" + u.columnInLG, u.columnInEL = parseInt(B.replace("col-el-", ""), 10), u.displayWidthInEL = u.columnInEL / 2, [1, 2, 3, 4, 5, 6].includes(u.displayWidthInEL) || (u.isSupportedClass = !1);
|
|
805
805
|
}
|
|
806
806
|
function a(c, u, g, m = !1) {
|
|
807
807
|
let f = !1;
|
|
808
|
-
c.contents.
|
|
809
|
-
|
|
810
|
-
|
|
808
|
+
if (!c.contents || c.contents.length === 0) {
|
|
809
|
+
const b = new Te();
|
|
810
|
+
l(c.layout, b), u.push(b);
|
|
811
|
+
return;
|
|
812
|
+
}
|
|
813
|
+
c.contents.forEach((b) => {
|
|
814
|
+
if (b.type === "fieldset") {
|
|
815
|
+
g += 1, a(b, u, g, !0), f = !0;
|
|
811
816
|
return;
|
|
812
817
|
}
|
|
818
|
+
if (b.type === "dynamic-form")
|
|
819
|
+
return;
|
|
813
820
|
f && (g += 1, f = !1);
|
|
814
|
-
const E =
|
|
815
|
-
E ? l(E, B) : B.isSupportedClass = !1, B.label =
|
|
821
|
+
const E = b.appearance && b.appearance.class, B = new Te();
|
|
822
|
+
E ? l(E, B) : B.isSupportedClass = !1, B.label = b.label || b.id, B.id = b.id, B.group = g, m && (B.fieldSetId = c.id), e === b.id && (t = g), o.set(b.id, b), u.push(B);
|
|
816
823
|
});
|
|
817
824
|
}
|
|
818
825
|
function s(c) {
|
|
819
826
|
const u = n.getComponentById(c);
|
|
820
827
|
if (!u || !u.componentType || !u.componentType.startsWith("form"))
|
|
821
828
|
return { result: !1, message: "只可以在响应式表单组件中调整响应式布局配置" };
|
|
822
|
-
const g = n.selectNode(u, (m) => m.type ===
|
|
829
|
+
const g = n.selectNode(u, (m) => m.type === C["response-form"].type);
|
|
823
830
|
return !g || !g.contents || g.contents.length === 0 ? { result: !1, message: "Form区域内没有控件,请先添加控件" } : { result: !0, message: "", formNode: g };
|
|
824
831
|
}
|
|
825
832
|
function r(c, u) {
|
|
@@ -828,8 +835,8 @@ function qt(n) {
|
|
|
828
835
|
if (!g)
|
|
829
836
|
return { result: g, message: m };
|
|
830
837
|
e = c.id, i = [], o.clear();
|
|
831
|
-
const
|
|
832
|
-
a(f, i,
|
|
838
|
+
const b = f.contents[0].type === C.fieldset.type ? 0 : 1;
|
|
839
|
+
a(f, i, b);
|
|
833
840
|
const E = i.find((x) => !x.isSupportedClass);
|
|
834
841
|
return {
|
|
835
842
|
defaultState: {
|
|
@@ -845,15 +852,15 @@ function qt(n) {
|
|
|
845
852
|
if (!g)
|
|
846
853
|
return "";
|
|
847
854
|
const f = [];
|
|
848
|
-
return c.forEach((
|
|
855
|
+
return c.forEach((b) => {
|
|
849
856
|
var x;
|
|
850
|
-
const E = o.get(
|
|
857
|
+
const E = o.get(b.id), B = E.appearance && E.appearance.class;
|
|
851
858
|
if (B) {
|
|
852
|
-
const $ = B.split(" ").filter((z) => !z.startsWith("col-")), k = "col-" +
|
|
859
|
+
const $ = B.split(" ").filter((z) => !z.startsWith("col-")), k = "col-" + b.columnInSM, H = "col-md-" + b.columnInMD, p = "col-xl-" + b.columnInLG, M = "col-el-" + b.columnInEL, R = [k, H, p, M].concat($);
|
|
853
860
|
E.appearance.class = R.join(" ");
|
|
854
861
|
}
|
|
855
|
-
if (
|
|
856
|
-
const P = m.contents.find((k) => k.id ===
|
|
862
|
+
if (b.fieldSetId) {
|
|
863
|
+
const P = m.contents.find((k) => k.id === b.fieldSetId), $ = f.find((k) => k.id === b.fieldSetId);
|
|
857
864
|
$ ? (x = $.contents) == null || x.push(E) : (f.push(P), P.contents = [E]);
|
|
858
865
|
} else
|
|
859
866
|
f.push(E);
|
|
@@ -866,7 +873,7 @@ function qt(n) {
|
|
|
866
873
|
getResonseFormLayoutConfig: a
|
|
867
874
|
};
|
|
868
875
|
}
|
|
869
|
-
class Gt extends
|
|
876
|
+
class Gt extends jt {
|
|
870
877
|
constructor(e, o) {
|
|
871
878
|
super(e, o);
|
|
872
879
|
T(this, "responseLayoutEditorFunction");
|
|
@@ -997,7 +1004,7 @@ class Gt extends Wt {
|
|
|
997
1004
|
canChangeControlType: !1,
|
|
998
1005
|
editorTypeList: [{
|
|
999
1006
|
key: e.editor.type,
|
|
1000
|
-
value: ((l =
|
|
1007
|
+
value: ((l = C[e.editor.type]) == null ? void 0 : l.name) || e.editor.type
|
|
1001
1008
|
}]
|
|
1002
1009
|
};
|
|
1003
1010
|
let i = [];
|
|
@@ -1132,7 +1139,7 @@ class Gt extends Wt {
|
|
|
1132
1139
|
return {
|
|
1133
1140
|
...a,
|
|
1134
1141
|
properties: { ...c },
|
|
1135
|
-
setPropertyRelates(f,
|
|
1142
|
+
setPropertyRelates(f, b) {
|
|
1136
1143
|
if (f) {
|
|
1137
1144
|
switch (f.propertyID) {
|
|
1138
1145
|
case "readonly":
|
|
@@ -1140,7 +1147,7 @@ class Gt extends Wt {
|
|
|
1140
1147
|
u.afterMutilEditorChanged(e, f);
|
|
1141
1148
|
break;
|
|
1142
1149
|
}
|
|
1143
|
-
l && l.bind(u)(f, e,
|
|
1150
|
+
l && l.bind(u)(f, e, b);
|
|
1144
1151
|
}
|
|
1145
1152
|
}
|
|
1146
1153
|
};
|
|
@@ -1175,7 +1182,7 @@ class Gt extends Wt {
|
|
|
1175
1182
|
return;
|
|
1176
1183
|
const l = [];
|
|
1177
1184
|
if (this.responseLayoutEditorFunction.getResonseFormLayoutConfig(i, l, 1), o) {
|
|
1178
|
-
const f = l.find((
|
|
1185
|
+
const f = l.find((b) => b.id === o.id);
|
|
1179
1186
|
Object.assign(f || {}, o);
|
|
1180
1187
|
}
|
|
1181
1188
|
const a = l.map((f) => f.columnInSM), s = l.map((f) => f.columnInMD), r = l.map((f) => f.columnInLG), d = l.map((f) => f.columnInEL), c = this.checkIsUniqueColumn(a) ? a[0] : null, u = this.checkIsUniqueColumn(s) ? s[0] : null, g = this.checkIsUniqueColumn(r) ? r[0] : null, m = this.checkIsUniqueColumn(d) ? d[0] : null;
|
|
@@ -1224,7 +1231,7 @@ class Gt extends Wt {
|
|
|
1224
1231
|
* @param propertyData 下拉框控件属性值
|
|
1225
1232
|
*/
|
|
1226
1233
|
checkEnumDataReadonly(e) {
|
|
1227
|
-
return !e.binding || e.binding.type !== "Form" ? !1 : !!(this.designViewModelField && this.designViewModelField.type && this.designViewModelField.type.$type ===
|
|
1234
|
+
return !e.binding || e.binding.type !== "Form" ? !1 : !!(this.designViewModelField && this.designViewModelField.type && this.designViewModelField.type.$type === Pe.EnumType);
|
|
1228
1235
|
}
|
|
1229
1236
|
/**
|
|
1230
1237
|
* 将字段值变化前事件、变化后事件追加到交互面板
|
|
@@ -1280,7 +1287,7 @@ class Gt extends Wt {
|
|
|
1280
1287
|
};
|
|
1281
1288
|
}
|
|
1282
1289
|
getExpressionConfig(e, o, i = ["compute", "dependency", "validate"], l) {
|
|
1283
|
-
return new
|
|
1290
|
+
return new He(this.formSchemaUtils).getExpressionConfig(
|
|
1284
1291
|
e,
|
|
1285
1292
|
o,
|
|
1286
1293
|
i,
|
|
@@ -1398,7 +1405,7 @@ class Dt extends Gt {
|
|
|
1398
1405
|
var l;
|
|
1399
1406
|
super.changeBindingField(t, e);
|
|
1400
1407
|
const i = o;
|
|
1401
|
-
t.editor && ((l = i == null ? void 0 : i.type) == null ? void 0 : l.$type) ===
|
|
1408
|
+
t.editor && ((l = i == null ? void 0 : i.type) == null ? void 0 : l.$type) === Pe.EnumType && (t.editor.data = i.type.enumValues || []);
|
|
1402
1409
|
}
|
|
1403
1410
|
}
|
|
1404
1411
|
function Kt(n, t) {
|
|
@@ -1410,16 +1417,16 @@ function Kt(n, t) {
|
|
|
1410
1417
|
}
|
|
1411
1418
|
const me = /* @__PURE__ */ J({
|
|
1412
1419
|
name: "FRadioGroupDesign",
|
|
1413
|
-
props:
|
|
1420
|
+
props: $t,
|
|
1414
1421
|
emits: ["changeValue", "update:modelValue"],
|
|
1415
1422
|
setup(n, t) {
|
|
1416
1423
|
const e = h(n.modelValue), {
|
|
1417
1424
|
enumData: o,
|
|
1418
1425
|
getValue: i,
|
|
1419
1426
|
getText: l
|
|
1420
|
-
} =
|
|
1427
|
+
} = Ut(n, t, e), a = S(() => ({
|
|
1421
1428
|
"farris-checkradio-hor": n.direction === "horizontal"
|
|
1422
|
-
})), s = h(), r = ce("designer-host-service"), d = ce("design-item-context"), c = Kt(d, r), u =
|
|
1429
|
+
})), s = h(), r = ce("designer-host-service"), d = ce("design-item-context"), c = Kt(d, r), u = Rt(s, d, c);
|
|
1423
1430
|
Z(() => {
|
|
1424
1431
|
s.value.componentInstance = u;
|
|
1425
1432
|
});
|
|
@@ -1433,8 +1440,8 @@ const me = /* @__PURE__ */ J({
|
|
|
1433
1440
|
value: "example2",
|
|
1434
1441
|
name: "示例二"
|
|
1435
1442
|
}].map((f) => {
|
|
1436
|
-
const
|
|
1437
|
-
|
|
1443
|
+
const b = {};
|
|
1444
|
+
b[n.valueField] = f.value, b[n.textField] = f.name, m.push(b);
|
|
1438
1445
|
}), m;
|
|
1439
1446
|
}
|
|
1440
1447
|
return o.value;
|
|
@@ -1443,19 +1450,19 @@ const me = /* @__PURE__ */ J({
|
|
|
1443
1450
|
class: ["farris-input-wrap", a.value],
|
|
1444
1451
|
ref: s
|
|
1445
1452
|
}, [g.value.map((m, f) => {
|
|
1446
|
-
const
|
|
1453
|
+
const b = "radio_" + n.name + f;
|
|
1447
1454
|
return v("div", {
|
|
1448
1455
|
class: "custom-control custom-radio"
|
|
1449
1456
|
}, [v("input", {
|
|
1450
1457
|
type: "radio",
|
|
1451
1458
|
class: "custom-control-input",
|
|
1452
1459
|
name: n.name,
|
|
1453
|
-
id:
|
|
1460
|
+
id: b,
|
|
1454
1461
|
value: i(m),
|
|
1455
1462
|
disabled: !0
|
|
1456
1463
|
}, null), v("label", {
|
|
1457
1464
|
class: "custom-control-label",
|
|
1458
|
-
for:
|
|
1465
|
+
for: b
|
|
1459
1466
|
}, [l(m)])]);
|
|
1460
1467
|
})]);
|
|
1461
1468
|
}
|
|
@@ -1615,7 +1622,7 @@ const me = /* @__PURE__ */ J({
|
|
|
1615
1622
|
// left: `${position.value.left}px`,
|
|
1616
1623
|
// top: `${position.value.top}px`
|
|
1617
1624
|
}));
|
|
1618
|
-
return () => v(
|
|
1625
|
+
return () => v(Ne, {
|
|
1619
1626
|
to: "body"
|
|
1620
1627
|
}, {
|
|
1621
1628
|
default: () => {
|
|
@@ -1833,7 +1840,7 @@ class te {
|
|
|
1833
1840
|
}
|
|
1834
1841
|
}
|
|
1835
1842
|
function tn(n, t) {
|
|
1836
|
-
const e = h(), o = h(), i = h(), l = h(), a = h(), s = h(), r = h(), d = h(), c = h(), u = h(), g = h(), m = h(n.resizeable), f = h(),
|
|
1843
|
+
const e = h(), o = h(), i = h(), l = h(), a = h(), s = h(), r = h(), d = h(), c = h(), u = h(), g = h(), m = h(n.resizeable), f = h(), b = h(n.draggable), E = h(!1);
|
|
1837
1844
|
function B() {
|
|
1838
1845
|
const w = o.value || document.body, F = window.getComputedStyle(w);
|
|
1839
1846
|
if (!F || !e.value)
|
|
@@ -1920,7 +1927,7 @@ function tn(n, t) {
|
|
|
1920
1927
|
document.addEventListener("mousemove", p), document.addEventListener("mouseup", R);
|
|
1921
1928
|
}
|
|
1922
1929
|
function I(w) {
|
|
1923
|
-
w instanceof MouseEvent && w.button === 2 ||
|
|
1930
|
+
w instanceof MouseEvent && w.button === 2 || b.value && (document.body.click(), w.stopPropagation(), w.preventDefault(), i.value = j.fromEvent(w), c.value = w.target, x(w), z());
|
|
1924
1931
|
}
|
|
1925
1932
|
function V(w) {
|
|
1926
1933
|
return e.value = w, m.value && v(ae, null, [v("div", {
|
|
@@ -1966,7 +1973,7 @@ function tn(n, t) {
|
|
|
1966
1973
|
x: 0,
|
|
1967
1974
|
y: 0
|
|
1968
1975
|
}
|
|
1969
|
-
},
|
|
1976
|
+
}, b.value = !1, E.value = !0);
|
|
1970
1977
|
}
|
|
1971
1978
|
function W() {
|
|
1972
1979
|
var w, F;
|
|
@@ -1983,7 +1990,7 @@ function tn(n, t) {
|
|
|
1983
1990
|
G.style.height = A.height + "px", G.style.width = A.width + "px", G.style.left = `${L.x}px`, G.style.top = `${L.y}px`, G.style.transform = "", g.value = {
|
|
1984
1991
|
size: A,
|
|
1985
1992
|
position: L
|
|
1986
|
-
},
|
|
1993
|
+
}, b.value = n.draggable, E.value = !1;
|
|
1987
1994
|
}
|
|
1988
1995
|
}
|
|
1989
1996
|
function _() {
|
|
@@ -2013,7 +2020,7 @@ function tn(n, t) {
|
|
|
2013
2020
|
resizedEventParam: g,
|
|
2014
2021
|
maximize: U,
|
|
2015
2022
|
restore: W,
|
|
2016
|
-
allowDrag:
|
|
2023
|
+
allowDrag: b,
|
|
2017
2024
|
isMaximized: E,
|
|
2018
2025
|
unWindowResizeHandle: q,
|
|
2019
2026
|
moveToCenter: _
|
|
@@ -2041,7 +2048,7 @@ function nn(n, t, e) {
|
|
|
2041
2048
|
const R = `translate3d(${Math.round(p)}px, ${Math.round(M)}px, 0px)`;
|
|
2042
2049
|
o.value && (o.value.style.transform = R), g.value.x = p, g.value.y = M;
|
|
2043
2050
|
}
|
|
2044
|
-
function
|
|
2051
|
+
function b() {
|
|
2045
2052
|
if (!s.value || !o.value)
|
|
2046
2053
|
return null;
|
|
2047
2054
|
const p = s.value.getBoundingClientRect(), M = o.value.getBoundingClientRect(), R = {
|
|
@@ -2053,7 +2060,7 @@ function nn(n, t, e) {
|
|
|
2053
2060
|
return R.top || (u.value.y -= M.top - p.top), R.bottom || (u.value.y -= M.bottom - p.bottom), R.right || (u.value.x -= M.right - p.right), R.left || (u.value.x -= M.left - p.left), f(), R;
|
|
2054
2061
|
}
|
|
2055
2062
|
function E(p) {
|
|
2056
|
-
p && (d.value && p.subtract(d.value), u.value.set(p), f(),
|
|
2063
|
+
p && (d.value && p.subtract(d.value), u.value.set(p), f(), b());
|
|
2057
2064
|
}
|
|
2058
2065
|
function B(p) {
|
|
2059
2066
|
r.value && i.value && (p.stopPropagation(), p.preventDefault(), E(j.fromEvent(p, a.value)));
|
|
@@ -2099,7 +2106,7 @@ function nn(n, t, e) {
|
|
|
2099
2106
|
resetTranslate: $
|
|
2100
2107
|
};
|
|
2101
2108
|
}
|
|
2102
|
-
function
|
|
2109
|
+
function Ae(n, t) {
|
|
2103
2110
|
if (n) {
|
|
2104
2111
|
const e = (o) => {
|
|
2105
2112
|
o.key.toLowerCase() === n.toLowerCase() && t({ event: o, key: n });
|
|
@@ -2112,7 +2119,7 @@ function He(n, t) {
|
|
|
2112
2119
|
function on(n, t) {
|
|
2113
2120
|
const e = h(n.enableEsc);
|
|
2114
2121
|
let o = null;
|
|
2115
|
-
return e.value ? (o =
|
|
2122
|
+
return e.value ? (o = Ae("Escape", (i) => {
|
|
2116
2123
|
t.emit("esc", { event: i.event, type: "esc" });
|
|
2117
2124
|
}), {
|
|
2118
2125
|
remove: o
|
|
@@ -2121,7 +2128,7 @@ function on(n, t) {
|
|
|
2121
2128
|
function ln(n, t) {
|
|
2122
2129
|
const e = h(n.enableEnter);
|
|
2123
2130
|
let o = null;
|
|
2124
|
-
return e.value ? (o =
|
|
2131
|
+
return e.value ? (o = Ae("Enter", (i) => {
|
|
2125
2132
|
t.emit("enter", { event: i.event, type: "enter" });
|
|
2126
2133
|
}), {
|
|
2127
2134
|
remove: o
|
|
@@ -2132,7 +2139,7 @@ const le = /* @__PURE__ */ J({
|
|
|
2132
2139
|
props: en,
|
|
2133
2140
|
emits: ["update:modelValue", "accept", "cancel", "closed", "resize", "esc", "enter", "stopMove"],
|
|
2134
2141
|
setup(n, t) {
|
|
2135
|
-
const e = h(n.width || 300), o = h(n.height || 200), i = h(n.modelValue), l = h(""), a = h(n.class), s = h(n.fitContent), r = h(n.showHeader), d = h(""), c = h(n.showCloseButton), u = h(n.showMaxButton), g = h(!1), m = h(n.dialogType), f = h(n.src),
|
|
2142
|
+
const e = h(n.width || 300), o = h(n.height || 200), i = h(n.modelValue), l = h(""), a = h(n.class), s = h(n.fitContent), r = h(n.showHeader), d = h(""), c = h(n.showCloseButton), u = h(n.showMaxButton), g = h(!1), m = h(n.dialogType), f = h(n.src), b = h(""), E = h(n.showButtons), B = h(n.title), x = h(n.containment || null), P = h();
|
|
2136
2143
|
B.value === "错误提示" && (B.value = ne.getLocaleValue("messageBox.errorTitle"));
|
|
2137
2144
|
const $ = h(!1);
|
|
2138
2145
|
function k(y, O) {
|
|
@@ -2175,7 +2182,7 @@ const le = /* @__PURE__ */ J({
|
|
|
2175
2182
|
function G() {
|
|
2176
2183
|
return !!document.querySelectorAll(".farris-modal").length && document.body.classList.contains("modal-open");
|
|
2177
2184
|
}
|
|
2178
|
-
function
|
|
2185
|
+
function Je() {
|
|
2179
2186
|
const y = document.querySelectorAll(".farris-modal").length;
|
|
2180
2187
|
(!y || y - 1 <= 0) && document.body.classList.remove("modal-open"), P.value && P.value.classList.remove("show");
|
|
2181
2188
|
}
|
|
@@ -2184,7 +2191,7 @@ const le = /* @__PURE__ */ J({
|
|
|
2184
2191
|
}), D(() => n.modelValue, (y, O) => {
|
|
2185
2192
|
y !== O && (i.value = y, i.value && n.draggable && oe(() => {
|
|
2186
2193
|
I.value && !x.value && (x.value = I.value.parentElement, N.value = x.value, L(z.value, I.value, N.value), A());
|
|
2187
|
-
}), y || (x.value && (x.value = null),
|
|
2194
|
+
}), y || (x.value && (x.value = null), Je())), i.value ? $.value = G() : (V.value = !1, w.value = n.draggable);
|
|
2188
2195
|
}), D(() => n.showHeader, (y, O) => {
|
|
2189
2196
|
y !== O && (r.value = y);
|
|
2190
2197
|
}), D(() => n.showButtons, (y, O) => {
|
|
@@ -2201,7 +2208,7 @@ const le = /* @__PURE__ */ J({
|
|
|
2201
2208
|
}), D(() => n.class, (y, O) => {
|
|
2202
2209
|
a.value = y;
|
|
2203
2210
|
});
|
|
2204
|
-
const se = S(() => (i.value && document.body.classList.add("modal-open"), i.value)),
|
|
2211
|
+
const se = S(() => (i.value && document.body.classList.add("modal-open"), i.value)), Ze = S(() => {
|
|
2205
2212
|
var X;
|
|
2206
2213
|
const y = {
|
|
2207
2214
|
modal: !0,
|
|
@@ -2211,13 +2218,13 @@ const le = /* @__PURE__ */ J({
|
|
|
2211
2218
|
y["f-modal-fitContent"] = !!s.value, y.show = !!se.value;
|
|
2212
2219
|
const O = (X = n.maskClass) == null ? void 0 : X.split(" ");
|
|
2213
2220
|
return O == null || O.reduce((K, Y) => (K[Y] = !0, K), y), y;
|
|
2214
|
-
}),
|
|
2221
|
+
}), Qe = S(() => {
|
|
2215
2222
|
var X;
|
|
2216
2223
|
const y = {
|
|
2217
2224
|
"modal-dialog": !0
|
|
2218
2225
|
}, O = (X = a.value) == null ? void 0 : X.split(" ");
|
|
2219
2226
|
return O == null || O.reduce((K, Y) => (K[Y] = !0, K), y), y;
|
|
2220
|
-
}), Ie = () =>
|
|
2227
|
+
}), Ie = () => Ct() && !n.isMessager, et = S(() => {
|
|
2221
2228
|
const y = document.documentElement.clientWidth, O = document.documentElement.clientHeight, X = Math.min(e.value, y), K = s.value ? "auto" : `${Math.min(o.value, O - 10)}px`, Y = {
|
|
2222
2229
|
position: "absolute",
|
|
2223
2230
|
top: `${(window.innerHeight - parseInt(K === "auto" ? "0" : K)) / 2}px`,
|
|
@@ -2226,39 +2233,39 @@ const le = /* @__PURE__ */ J({
|
|
|
2226
2233
|
height: K
|
|
2227
2234
|
};
|
|
2228
2235
|
return Ie() && (Y.top = "0px", Y.left = "0px", Y.width = `${window.innerWidth}px`, Y.height = `${window.innerHeight}px`), n.mask || (Y.pointerEvents = "auto"), Y;
|
|
2229
|
-
}), Ee = h(Se() || 1050),
|
|
2236
|
+
}), Ee = h(Se() || 1050), tt = S(() => {
|
|
2230
2237
|
const y = {
|
|
2231
2238
|
display: "block",
|
|
2232
2239
|
overflow: "hidden"
|
|
2233
2240
|
};
|
|
2234
2241
|
return n.mask || (y.pointerEvents = "none", y.backgroundColor = "transparent"), $.value && (y.backgroundColor = "transparent"), y.zIndex = Ee.value, y;
|
|
2235
|
-
}),
|
|
2242
|
+
}), nt = S(() => ({
|
|
2236
2243
|
"modal-content": !0,
|
|
2237
2244
|
"modal-content-has-header": r.value,
|
|
2238
2245
|
"is-mobile": Ie()
|
|
2239
|
-
})),
|
|
2246
|
+
})), it = S(() => {
|
|
2240
2247
|
const y = {
|
|
2241
2248
|
display: r.value ? "" : "none"
|
|
2242
2249
|
};
|
|
2243
2250
|
return y["pointer-events"] = w.value ? "auto" : "none", y;
|
|
2244
|
-
}),
|
|
2251
|
+
}), ot = S(() => ({
|
|
2245
2252
|
"f-icon": !0,
|
|
2246
2253
|
modal_maximize: !0,
|
|
2247
2254
|
modalrevert: V.value
|
|
2248
|
-
})),
|
|
2255
|
+
})), lt = S(() => ({
|
|
2249
2256
|
"modal-body": !0,
|
|
2250
2257
|
"f-utils-flex-column": m.value === "iframe",
|
|
2251
2258
|
"f-utils-fill": !0
|
|
2252
2259
|
}));
|
|
2253
|
-
function
|
|
2260
|
+
function at() {
|
|
2254
2261
|
return {
|
|
2255
2262
|
height: `${n.footerHeight || 60}px`
|
|
2256
2263
|
};
|
|
2257
2264
|
}
|
|
2258
|
-
const
|
|
2265
|
+
const st = S(() => {
|
|
2259
2266
|
const y = {
|
|
2260
|
-
textAlgin:
|
|
2261
|
-
}, O =
|
|
2267
|
+
textAlgin: b.value
|
|
2268
|
+
}, O = at();
|
|
2262
2269
|
return Object.assign(y, O);
|
|
2263
2270
|
});
|
|
2264
2271
|
function Fe(y) {
|
|
@@ -2268,14 +2275,14 @@ const le = /* @__PURE__ */ J({
|
|
|
2268
2275
|
}
|
|
2269
2276
|
W(), V.value = !0;
|
|
2270
2277
|
}
|
|
2271
|
-
async function
|
|
2278
|
+
async function rt(y, O) {
|
|
2272
2279
|
y.handle && await y.handle(O, y) && t.emit("closed", O);
|
|
2273
2280
|
}
|
|
2274
|
-
function
|
|
2281
|
+
function ut(y) {
|
|
2275
2282
|
y.width && (e.value = y.width), y.height && (o.value = y.height), y.buttons && (p.value = y.buttons), y.title && (B.value = y.title);
|
|
2276
2283
|
}
|
|
2277
2284
|
let he = null, ve = null;
|
|
2278
|
-
|
|
2285
|
+
It(() => {
|
|
2279
2286
|
$.value = G();
|
|
2280
2287
|
}), Z(() => {
|
|
2281
2288
|
I.value && !x.value && (x.value = I.value.parentElement, N.value = x.value, L(z.value, I.value, N.value)), se.value && document.body.classList.add("modal-open"), he = on(n, t), ve = ln(n, t);
|
|
@@ -2283,12 +2290,12 @@ const le = /* @__PURE__ */ J({
|
|
|
2283
2290
|
F && F(), he && he.remove(), ve && ve.remove();
|
|
2284
2291
|
}), t.expose({
|
|
2285
2292
|
modalElementRef: I,
|
|
2286
|
-
updateModalOptions:
|
|
2293
|
+
updateModalOptions: ut,
|
|
2287
2294
|
close: k,
|
|
2288
2295
|
maxDialog: Fe,
|
|
2289
2296
|
isMaximized: V
|
|
2290
2297
|
});
|
|
2291
|
-
function
|
|
2298
|
+
function dt() {
|
|
2292
2299
|
return v("ul", null, [g.value && v("li", {
|
|
2293
2300
|
class: "f-btn-icon f-bare"
|
|
2294
2301
|
}, [v("span", {
|
|
@@ -2298,7 +2305,7 @@ const le = /* @__PURE__ */ J({
|
|
|
2298
2305
|
class: "f-btn-icon f-bare",
|
|
2299
2306
|
style: "pointer-events: auto;"
|
|
2300
2307
|
}, [v("span", {
|
|
2301
|
-
class:
|
|
2308
|
+
class: ot.value
|
|
2302
2309
|
}, null)]), c.value && v("li", {
|
|
2303
2310
|
class: "f-btn-icon f-bare",
|
|
2304
2311
|
onClick: (y) => k(y, !1),
|
|
@@ -2307,10 +2314,10 @@ const le = /* @__PURE__ */ J({
|
|
|
2307
2314
|
class: "f-icon modal_close"
|
|
2308
2315
|
}, null)])]);
|
|
2309
2316
|
}
|
|
2310
|
-
function
|
|
2317
|
+
function ct() {
|
|
2311
2318
|
return v("div", {
|
|
2312
2319
|
class: "modal-footer",
|
|
2313
|
-
style:
|
|
2320
|
+
style: st.value
|
|
2314
2321
|
}, [p.value && p.value.map((y) => {
|
|
2315
2322
|
const O = h(y.disabled);
|
|
2316
2323
|
return v("button", {
|
|
@@ -2319,18 +2326,18 @@ const le = /* @__PURE__ */ J({
|
|
|
2319
2326
|
disabled: O.value,
|
|
2320
2327
|
class: y.class + (y.iconClass ? " btn-icontext" : ""),
|
|
2321
2328
|
onClick: (X) => {
|
|
2322
|
-
|
|
2329
|
+
rt(y, X);
|
|
2323
2330
|
}
|
|
2324
2331
|
}, [!!y.iconClass && v("i", {
|
|
2325
2332
|
class: y.iconClass
|
|
2326
2333
|
}, null), y.text]);
|
|
2327
2334
|
})]);
|
|
2328
2335
|
}
|
|
2329
|
-
function
|
|
2336
|
+
function ft() {
|
|
2330
2337
|
return v("div", {
|
|
2331
2338
|
ref: z,
|
|
2332
2339
|
class: "modal-header",
|
|
2333
|
-
style:
|
|
2340
|
+
style: it.value
|
|
2334
2341
|
}, [t.slots.headerTemplate ? t.slots.headerTemplate() : v("div", {
|
|
2335
2342
|
class: "modal-title"
|
|
2336
2343
|
}, [M.value && v("span", {
|
|
@@ -2340,60 +2347,60 @@ const le = /* @__PURE__ */ J({
|
|
|
2340
2347
|
class: "modal-title-label"
|
|
2341
2348
|
}, [B.value])]), v("div", {
|
|
2342
2349
|
class: "actions"
|
|
2343
|
-
}, [
|
|
2350
|
+
}, [dt()])]);
|
|
2344
2351
|
}
|
|
2345
|
-
function
|
|
2346
|
-
return t.slots.footerTemplate ? t.slots.footerTemplate() : R.value &&
|
|
2352
|
+
function mt() {
|
|
2353
|
+
return t.slots.footerTemplate ? t.slots.footerTemplate() : R.value && ct();
|
|
2347
2354
|
}
|
|
2348
|
-
function
|
|
2355
|
+
function pt(y) {
|
|
2349
2356
|
if (y.stopPropagation(), n.allowClickMaskToClose) {
|
|
2350
2357
|
if (y.target !== P.value)
|
|
2351
2358
|
return;
|
|
2352
2359
|
k(y, !1);
|
|
2353
2360
|
}
|
|
2354
2361
|
}
|
|
2355
|
-
function
|
|
2362
|
+
function ht() {
|
|
2356
2363
|
var y, O;
|
|
2357
2364
|
return v("div", {
|
|
2358
2365
|
id: l.value,
|
|
2359
|
-
class:
|
|
2360
|
-
style:
|
|
2366
|
+
class: Qe.value,
|
|
2367
|
+
style: et.value,
|
|
2361
2368
|
ref: I
|
|
2362
2369
|
}, [v("div", {
|
|
2363
|
-
class:
|
|
2364
|
-
}, [r.value &&
|
|
2365
|
-
class:
|
|
2370
|
+
class: nt.value
|
|
2371
|
+
}, [r.value && ft(), v("div", {
|
|
2372
|
+
class: lt.value
|
|
2366
2373
|
}, [(O = (y = t.slots).default) == null ? void 0 : O.call(y), m.value === "iframe" && v("iframe", {
|
|
2367
2374
|
title: l.value,
|
|
2368
2375
|
class: "f-utils-fill",
|
|
2369
2376
|
width: "100%",
|
|
2370
2377
|
frameborder: "0",
|
|
2371
2378
|
src: f.value
|
|
2372
|
-
}, null)]),
|
|
2379
|
+
}, null)]), mt()]), !s.value && I.value && !V.value && U(I.value)]);
|
|
2373
2380
|
}
|
|
2374
|
-
function
|
|
2381
|
+
function vt(y) {
|
|
2375
2382
|
return y || "body";
|
|
2376
2383
|
}
|
|
2377
|
-
return
|
|
2384
|
+
return Et(() => {
|
|
2378
2385
|
se.value && (Ee.value = Se() || 1050);
|
|
2379
|
-
}), () => v(
|
|
2380
|
-
to:
|
|
2386
|
+
}), () => v(Ne, {
|
|
2387
|
+
to: vt(n.host)
|
|
2381
2388
|
}, {
|
|
2382
|
-
default: () => [se.value && v(
|
|
2389
|
+
default: () => [se.value && v(Le, {
|
|
2383
2390
|
name: "fade",
|
|
2384
2391
|
appear: !0
|
|
2385
2392
|
}, {
|
|
2386
2393
|
default: () => [v("div", {
|
|
2387
2394
|
ref: P,
|
|
2388
|
-
class:
|
|
2389
|
-
style:
|
|
2390
|
-
onClick:
|
|
2391
|
-
}, [
|
|
2395
|
+
class: Ze.value,
|
|
2396
|
+
style: tt.value,
|
|
2397
|
+
onClick: pt
|
|
2398
|
+
}, [ht()])]
|
|
2392
2399
|
})]
|
|
2393
2400
|
});
|
|
2394
2401
|
}
|
|
2395
2402
|
});
|
|
2396
|
-
function
|
|
2403
|
+
function $e(n) {
|
|
2397
2404
|
if (n.content && n.content.render)
|
|
2398
2405
|
return n.content.render;
|
|
2399
2406
|
if (n.render && typeof n.render == "function")
|
|
@@ -2410,9 +2417,9 @@ function an(n) {
|
|
|
2410
2417
|
const l = h(), a = h(n.class || ""), s = h(!!n.showButtons), r = h(!!n.showHeader), d = h(n.showCloseButton == null ? !0 : n.showCloseButton), c = h(!0), u = h(n.title || ""), g = n.acceptCallback || (() => {
|
|
2411
2418
|
}), m = n.rejectCallback || (() => {
|
|
2412
2419
|
}), f = n.closedCallback || ((P) => {
|
|
2413
|
-
}),
|
|
2420
|
+
}), b = n.resizeHandle || ((P) => {
|
|
2414
2421
|
}), E = n.stopMoveHandle || ((P) => {
|
|
2415
|
-
}), B =
|
|
2422
|
+
}), B = $e(n), x = (P) => {
|
|
2416
2423
|
c.value = !1, e.unmount(), f(P);
|
|
2417
2424
|
};
|
|
2418
2425
|
return Z(() => {
|
|
@@ -2435,7 +2442,7 @@ function an(n) {
|
|
|
2435
2442
|
onCancel: m,
|
|
2436
2443
|
fitContent: n.fitContent == null ? !0 : n.fitContent,
|
|
2437
2444
|
onClosed: x,
|
|
2438
|
-
onResize:
|
|
2445
|
+
onResize: b,
|
|
2439
2446
|
onStopMove: E
|
|
2440
2447
|
}, {
|
|
2441
2448
|
default: () => [B && B(e)]
|
|
@@ -2485,7 +2492,7 @@ class sn {
|
|
|
2485
2492
|
open(t) {
|
|
2486
2493
|
const e = document.createDocumentFragment();
|
|
2487
2494
|
t.showMaxButton && t.fitContent && (t.showMaxButton = !1);
|
|
2488
|
-
const o =
|
|
2495
|
+
const o = Ft(Object.assign({
|
|
2489
2496
|
title: "",
|
|
2490
2497
|
showButtons: !0,
|
|
2491
2498
|
showHeader: !0
|
|
@@ -2496,7 +2503,7 @@ class sn {
|
|
|
2496
2503
|
}), d = t.stopMoveHandle || ((k) => {
|
|
2497
2504
|
});
|
|
2498
2505
|
let c;
|
|
2499
|
-
const u =
|
|
2506
|
+
const u = $e(o.value), g = (k) => {
|
|
2500
2507
|
var p;
|
|
2501
2508
|
i.value = !1;
|
|
2502
2509
|
const H = (p = k == null ? void 0 : k.target) == null ? void 0 : p.classList.contains("modal_close");
|
|
@@ -2513,9 +2520,9 @@ class sn {
|
|
|
2513
2520
|
var H;
|
|
2514
2521
|
this.isUseEscCloseModal.value = !0, this.activeModalInstance && ((H = this.activeModalInstance.value) == null || H.close(k == null ? void 0 : k.event));
|
|
2515
2522
|
}, {
|
|
2516
|
-
width:
|
|
2523
|
+
width: b,
|
|
2517
2524
|
height: E
|
|
2518
|
-
} = o.value, B = this.adaptToWindow(
|
|
2525
|
+
} = o.value, B = this.adaptToWindow(b || 500, E || 320);
|
|
2519
2526
|
Object.assign(o.value, B);
|
|
2520
2527
|
const x = () => v(le, xe({
|
|
2521
2528
|
ref: this.modalRef,
|
|
@@ -2533,7 +2540,7 @@ class sn {
|
|
|
2533
2540
|
default: () => [u && u(this.app)]
|
|
2534
2541
|
});
|
|
2535
2542
|
return c = ((k) => {
|
|
2536
|
-
const H =
|
|
2543
|
+
const H = Bt(x, k);
|
|
2537
2544
|
return H.appContext = this.appContext, ge(H, e), H;
|
|
2538
2545
|
})({
|
|
2539
2546
|
...o.value
|
|
@@ -2543,7 +2550,7 @@ class sn {
|
|
|
2543
2550
|
o.value = {
|
|
2544
2551
|
...o.value,
|
|
2545
2552
|
...k
|
|
2546
|
-
}, c && ge(
|
|
2553
|
+
}, c && ge(St(c, {
|
|
2547
2554
|
...o
|
|
2548
2555
|
}), e);
|
|
2549
2556
|
},
|
|
@@ -2553,13 +2560,13 @@ class sn {
|
|
|
2553
2560
|
};
|
|
2554
2561
|
}
|
|
2555
2562
|
}
|
|
2556
|
-
const
|
|
2563
|
+
const Ue = Symbol("FModalService");
|
|
2557
2564
|
le.install = (n) => {
|
|
2558
2565
|
n.component(le.name, le);
|
|
2559
2566
|
const t = new sn(n);
|
|
2560
|
-
n.provide(
|
|
2567
|
+
n.provide(Ue, t), n.provide("FModalService", t);
|
|
2561
2568
|
};
|
|
2562
|
-
function
|
|
2569
|
+
function We(n, t) {
|
|
2563
2570
|
function e() {
|
|
2564
2571
|
const o = n.beforeOpen || n.beforeClickButton || null;
|
|
2565
2572
|
let i = Promise.resolve(!0);
|
|
@@ -2577,8 +2584,8 @@ function rn(n, t, e, o, i) {
|
|
|
2577
2584
|
const l = h(n.buttonBehavior), a = h(n.popupOnInput), s = S(() => ({
|
|
2578
2585
|
"input-group-append": !0,
|
|
2579
2586
|
"append-force-show": n.showButtonWhenDisabled && (n.readonly || n.disable)
|
|
2580
|
-
})), { judgeCanOpen: r } =
|
|
2581
|
-
async function g(
|
|
2587
|
+
})), { judgeCanOpen: r } = We(n, i), d = S(() => n.showButtonWhenDisabled || (!n.editable || !n.readonly) && !n.disable), c = ce(Ue, null), u = h();
|
|
2588
|
+
async function g(b) {
|
|
2582
2589
|
if (await r() && d.value) {
|
|
2583
2590
|
const E = !!t.slots.default;
|
|
2584
2591
|
if (l.value === "Modal") {
|
|
@@ -2593,14 +2600,14 @@ function rn(n, t, e, o, i) {
|
|
|
2593
2600
|
host: document.body,
|
|
2594
2601
|
backgroundColor: "rgba(0,0,0,.15)",
|
|
2595
2602
|
render: () => t.slots.default && t.slots.default()
|
|
2596
|
-
}), E && l.value === "Popup" && o.togglePopup(!0), E && a.value && o.hidePopup(), t.emit("clickButton", { origin:
|
|
2603
|
+
}), E && l.value === "Popup" && o.togglePopup(!0), E && a.value && o.hidePopup(), t.emit("clickButton", { origin: b, value: n.modelValue });
|
|
2597
2604
|
}
|
|
2598
2605
|
}
|
|
2599
|
-
function m(
|
|
2600
|
-
t.emit("mouseEnterIcon",
|
|
2606
|
+
function m(b) {
|
|
2607
|
+
t.emit("mouseEnterIcon", b);
|
|
2601
2608
|
}
|
|
2602
|
-
function f(
|
|
2603
|
-
t.emit("mouseLeaveIcon",
|
|
2609
|
+
function f(b) {
|
|
2610
|
+
t.emit("mouseLeaveIcon", b);
|
|
2604
2611
|
}
|
|
2605
2612
|
return {
|
|
2606
2613
|
buttonGroupClass: s,
|
|
@@ -2619,8 +2626,8 @@ function un(n, t, e, o, i, l) {
|
|
|
2619
2626
|
c(!!i.value);
|
|
2620
2627
|
});
|
|
2621
2628
|
function u(f) {
|
|
2622
|
-
const
|
|
2623
|
-
f.stopPropagation(), (
|
|
2629
|
+
const b = !n.readonly && !n.disable && n.editable, E = !n.editable;
|
|
2630
|
+
f.stopPropagation(), (b || E) && (r(""), i.value = "", c(!a.value), t.emit("clear"));
|
|
2624
2631
|
}
|
|
2625
2632
|
function g(f) {
|
|
2626
2633
|
if (s.value) {
|
|
@@ -2643,7 +2650,7 @@ function un(n, t, e, o, i, l) {
|
|
|
2643
2650
|
};
|
|
2644
2651
|
}
|
|
2645
2652
|
function dn(n, t, e, o, i) {
|
|
2646
|
-
const l = S(() => n.popupOnInput), a = S(() => n.popupOnFocus), { shouldPopupContent: s, closeAllPopover: r } = i, d = h(!1), c = S(() => n.enableTitle ? e.value : ""), u = S(() => (n.disable || n.readonly) && !n.forcePlaceholder ? "" : n.placeholder), g = S(() => n.readonly || !n.editable), m = h(!1), f = S(() => !n.disable && m.value),
|
|
2653
|
+
const l = S(() => n.popupOnInput), a = S(() => n.popupOnFocus), { shouldPopupContent: s, closeAllPopover: r } = i, d = h(!1), c = S(() => n.enableTitle ? e.value : ""), u = S(() => (n.disable || n.readonly) && !n.forcePlaceholder ? "" : n.placeholder), g = S(() => n.readonly || !n.editable), m = h(!1), f = S(() => !n.disable && m.value), b = S(() => ({
|
|
2647
2654
|
"text-left": n.textAlign === "left",
|
|
2648
2655
|
"text-center": n.textAlign === "center",
|
|
2649
2656
|
"text-right": n.textAlign === "right",
|
|
@@ -2699,7 +2706,7 @@ function dn(n, t, e, o, i) {
|
|
|
2699
2706
|
return {
|
|
2700
2707
|
hasFocusedTextBox: f,
|
|
2701
2708
|
isTextBoxReadonly: g,
|
|
2702
|
-
textBoxClass:
|
|
2709
|
+
textBoxClass: b,
|
|
2703
2710
|
textBoxPlaceholder: u,
|
|
2704
2711
|
textBoxTitle: c,
|
|
2705
2712
|
inputGroupClass: E,
|
|
@@ -2718,7 +2725,7 @@ function dn(n, t, e, o, i) {
|
|
|
2718
2725
|
}
|
|
2719
2726
|
const Q = "FarrisVue_PopoverInstancesKey";
|
|
2720
2727
|
function cn(n, t, e, o) {
|
|
2721
|
-
const i = h(), l = h(!1), { judgeCanOpen: a } =
|
|
2728
|
+
const i = h(), l = h(!1), { judgeCanOpen: a } = We(n, o);
|
|
2722
2729
|
D(() => i.value, (m, f) => {
|
|
2723
2730
|
window[Q] = window[Q] || /* @__PURE__ */ new WeakMap(), m ? window[Q].set(e.value, m) : window[Q].delete(e.value);
|
|
2724
2731
|
});
|
|
@@ -2726,8 +2733,8 @@ function cn(n, t, e, o) {
|
|
|
2726
2733
|
if (window[Q]) {
|
|
2727
2734
|
const m = window[Q];
|
|
2728
2735
|
document.querySelectorAll(".f-button-edit,.v-popover").forEach((f) => {
|
|
2729
|
-
const
|
|
2730
|
-
|
|
2736
|
+
const b = m.get(f);
|
|
2737
|
+
b && f !== e.value && !e.value.closest(".popover-fitcontent") && b.hide();
|
|
2731
2738
|
});
|
|
2732
2739
|
}
|
|
2733
2740
|
}
|
|
@@ -2772,7 +2779,7 @@ function fn(n, t, e) {
|
|
|
2772
2779
|
onKeyDownTextBox: g,
|
|
2773
2780
|
onKeyUpTextBox: m,
|
|
2774
2781
|
onMouseDownTextBox: f,
|
|
2775
|
-
onTextBoxValueChange:
|
|
2782
|
+
onTextBoxValueChange: b
|
|
2776
2783
|
} = e, E = h(n.id), {
|
|
2777
2784
|
uuid: B
|
|
2778
2785
|
} = Ce(), x = S(() => ({
|
|
@@ -2810,7 +2817,7 @@ function fn(n, t, e) {
|
|
|
2810
2817
|
type: n.inputType,
|
|
2811
2818
|
value: t.value,
|
|
2812
2819
|
onBlur: r,
|
|
2813
|
-
onChange:
|
|
2820
|
+
onChange: b,
|
|
2814
2821
|
onClick: d,
|
|
2815
2822
|
onFocus: c,
|
|
2816
2823
|
onInput: H,
|
|
@@ -2833,19 +2840,19 @@ function mn(n, t, e) {
|
|
|
2833
2840
|
selectable: !0
|
|
2834
2841
|
})) : []);
|
|
2835
2842
|
function u(f) {
|
|
2836
|
-
l(f.map((
|
|
2843
|
+
l(f.map((b) => b.name).join(o.value), !0);
|
|
2837
2844
|
}
|
|
2838
2845
|
D(() => n.separator, (f) => {
|
|
2839
2846
|
o.value = f;
|
|
2840
2847
|
});
|
|
2841
2848
|
const g = h(!n.disable && !n.readonly);
|
|
2842
|
-
D([() => n.disable, () => n.readonly], ([f,
|
|
2843
|
-
g.value = !f && !
|
|
2849
|
+
D([() => n.disable, () => n.readonly], ([f, b], [E, B]) => {
|
|
2850
|
+
g.value = !f && !b;
|
|
2844
2851
|
});
|
|
2845
2852
|
function m(f) {
|
|
2846
2853
|
r(f);
|
|
2847
2854
|
}
|
|
2848
|
-
return () => v(
|
|
2855
|
+
return () => v(Lt, {
|
|
2849
2856
|
tabindex: n.tabIndex,
|
|
2850
2857
|
onFocus: a,
|
|
2851
2858
|
onBlur: s,
|
|
@@ -2870,7 +2877,7 @@ function pn(n, t, e, o) {
|
|
|
2870
2877
|
enableClearButton: r,
|
|
2871
2878
|
showClearButton: d,
|
|
2872
2879
|
onClearValue: c
|
|
2873
|
-
} = o, u = h(), g =
|
|
2880
|
+
} = o, u = h(), g = Nt((f) => {
|
|
2874
2881
|
l(f);
|
|
2875
2882
|
}, n.buttonBehavior === "Modal" ? 0 : 200), m = () => {
|
|
2876
2883
|
t.emit("beforeClearValue");
|
|
@@ -2885,7 +2892,7 @@ function pn(n, t, e, o) {
|
|
|
2885
2892
|
onMousedown: m
|
|
2886
2893
|
}, [v("i", {
|
|
2887
2894
|
class: "f-icon modal_close"
|
|
2888
|
-
}, null)]), [[
|
|
2895
|
+
}, null)]), [[kt, d.value]]), t.slots.buttonContent ? v("span", {
|
|
2889
2896
|
class: "input-group-text input-group-append-button",
|
|
2890
2897
|
onClick: g,
|
|
2891
2898
|
onMouseenter: a,
|
|
@@ -2908,7 +2915,7 @@ function hn(n, t, e) {
|
|
|
2908
2915
|
} = e, a = () => {
|
|
2909
2916
|
t.emit("shown");
|
|
2910
2917
|
};
|
|
2911
|
-
return () => v(
|
|
2918
|
+
return () => v(zt, {
|
|
2912
2919
|
id: `${n.id}-popover`,
|
|
2913
2920
|
ref: l,
|
|
2914
2921
|
placement: n.placement,
|
|
@@ -2933,7 +2940,7 @@ function hn(n, t, e) {
|
|
|
2933
2940
|
const vn = /* @__PURE__ */ J({
|
|
2934
2941
|
name: "FButtonEdit",
|
|
2935
2942
|
props: Xt,
|
|
2936
|
-
emits: ["updateExtendInfo", "clear", "change", "click", "clickButton", "blur", "focus", "mouseEnterIcon", "mouseLeaveIcon", "keyup", "keydown", "inputClick", "input", "update:modelValue", "beforeClearValue"],
|
|
2943
|
+
emits: ["updateExtendInfo", "clear", "change", "click", "clickButton", "blur", "focus", "mouseEnterIcon", "mouseLeaveIcon", "keyup", "keydown", "inputClick", "input", "update:modelValue", "beforeClearValue", "shown"],
|
|
2937
2944
|
setup(n, t) {
|
|
2938
2945
|
const e = h(), o = h(n.customClass), i = h(n.modelValue), l = cn(n, t, e, i), {
|
|
2939
2946
|
shouldPopupContent: a,
|
|
@@ -2943,7 +2950,7 @@ const vn = /* @__PURE__ */ J({
|
|
|
2943
2950
|
} = l, c = rn(n, t, e, l, i), u = h(""), g = dn(n, t, i, u, l), {
|
|
2944
2951
|
hasFocusedTextBox: m,
|
|
2945
2952
|
commitValue: f,
|
|
2946
|
-
inputGroupClass:
|
|
2953
|
+
inputGroupClass: b
|
|
2947
2954
|
} = g, E = un(n, t, i, m, u, g), {
|
|
2948
2955
|
onMouseEnterTextBox: B,
|
|
2949
2956
|
onMouseLeaveTextBox: x
|
|
@@ -2968,7 +2975,7 @@ const vn = /* @__PURE__ */ J({
|
|
|
2968
2975
|
return q && q.length && (N = q.map((w) => w.offsetTop).filter((w) => w > 20).length), N;
|
|
2969
2976
|
}
|
|
2970
2977
|
const M = h(p());
|
|
2971
|
-
|
|
2978
|
+
Tt(() => {
|
|
2972
2979
|
M.value = p();
|
|
2973
2980
|
});
|
|
2974
2981
|
function R() {
|
|
@@ -3014,7 +3021,7 @@ const vn = /* @__PURE__ */ J({
|
|
|
3014
3021
|
e.value.componentInstance = _, window.onresize = () => {
|
|
3015
3022
|
document.body.click();
|
|
3016
3023
|
};
|
|
3017
|
-
}),
|
|
3024
|
+
}), Pt(() => {
|
|
3018
3025
|
var N;
|
|
3019
3026
|
window.onresize = null, (N = window[Q]) == null || N.delete(e.value);
|
|
3020
3027
|
}), t.expose(_), D(() => a.value, async (N, q) => {
|
|
@@ -3041,7 +3048,7 @@ const vn = /* @__PURE__ */ J({
|
|
|
3041
3048
|
style: k.value
|
|
3042
3049
|
}), [v("div", {
|
|
3043
3050
|
id: n.id ? `${n.id}-input-group` : void 0,
|
|
3044
|
-
class:
|
|
3051
|
+
class: b.value,
|
|
3045
3052
|
style: H.value,
|
|
3046
3053
|
onMouseenter: B,
|
|
3047
3054
|
onMouseleave: x
|
|
@@ -3049,15 +3056,15 @@ const vn = /* @__PURE__ */ J({
|
|
|
3049
3056
|
};
|
|
3050
3057
|
}
|
|
3051
3058
|
});
|
|
3052
|
-
function
|
|
3059
|
+
function je(n, t, e) {
|
|
3053
3060
|
return t;
|
|
3054
3061
|
}
|
|
3055
|
-
function
|
|
3062
|
+
function qe(n, t, e) {
|
|
3056
3063
|
return t;
|
|
3057
3064
|
}
|
|
3058
|
-
const
|
|
3059
|
-
["appearance",
|
|
3060
|
-
]),
|
|
3065
|
+
const Ge = /* @__PURE__ */ new Map([
|
|
3066
|
+
["appearance", xt]
|
|
3067
|
+
]), De = /* @__PURE__ */ new Map([]), gn = "https://json-schema.org/draft/2020-12/schema", yn = "https://farris-design.gitee.io/radio-group.schema.json", bn = "item-collection-editor", Cn = "A Farris Input Component", wn = "object", xn = {
|
|
3061
3068
|
id: {
|
|
3062
3069
|
description: "The unique identifier for a item-collection-editor",
|
|
3063
3070
|
type: "string"
|
|
@@ -3144,7 +3151,7 @@ const qe = /* @__PURE__ */ new Map([
|
|
|
3144
3151
|
}, Mn = [
|
|
3145
3152
|
"id",
|
|
3146
3153
|
"type"
|
|
3147
|
-
], In = [],
|
|
3154
|
+
], In = [], Ke = {
|
|
3148
3155
|
$schema: gn,
|
|
3149
3156
|
$id: yn,
|
|
3150
3157
|
title: bn,
|
|
@@ -3210,12 +3217,12 @@ const qe = /* @__PURE__ */ new Map([
|
|
|
3210
3217
|
*/
|
|
3211
3218
|
modalHeight: { type: Number, default: 600 }
|
|
3212
3219
|
};
|
|
3213
|
-
|
|
3214
|
-
const En =
|
|
3220
|
+
Ve(Me, Ke, De, qe);
|
|
3221
|
+
const En = Oe(
|
|
3215
3222
|
Me,
|
|
3223
|
+
Ke,
|
|
3216
3224
|
De,
|
|
3217
|
-
|
|
3218
|
-
je
|
|
3225
|
+
qe
|
|
3219
3226
|
), Fn = {
|
|
3220
3227
|
/**
|
|
3221
3228
|
* 必填的列
|
|
@@ -3259,7 +3266,7 @@ const En = Ve(
|
|
|
3259
3266
|
let e = "";
|
|
3260
3267
|
const {
|
|
3261
3268
|
guid: o
|
|
3262
|
-
} = Ce(), i = new
|
|
3269
|
+
} = Ce(), i = new At(), l = h(n.valueField), a = h(n.nameField), s = {
|
|
3263
3270
|
editMode: "cell"
|
|
3264
3271
|
}, r = {
|
|
3265
3272
|
fitColumns: !0
|
|
@@ -3322,7 +3329,7 @@ const En = Ve(
|
|
|
3322
3329
|
}
|
|
3323
3330
|
return !0;
|
|
3324
3331
|
}
|
|
3325
|
-
function
|
|
3332
|
+
function b() {
|
|
3326
3333
|
if (n.readonly || !m())
|
|
3327
3334
|
return;
|
|
3328
3335
|
const p = g(), M = o();
|
|
@@ -3400,14 +3407,14 @@ const En = Ve(
|
|
|
3400
3407
|
class: "mb-1 py-1 ml-1"
|
|
3401
3408
|
}, [v("button", {
|
|
3402
3409
|
class: "btn f-rt-btn f-btn-ml btn-primary",
|
|
3403
|
-
onClick: () =>
|
|
3410
|
+
onClick: () => b()
|
|
3404
3411
|
}, [ee("新增")]), v("button", {
|
|
3405
3412
|
class: "btn f-rt-btn f-btn-ml btn-secondary",
|
|
3406
3413
|
onClick: () => B()
|
|
3407
3414
|
}, [ee("删除")])]), v("div", {
|
|
3408
3415
|
class: "f-utils-fill border",
|
|
3409
3416
|
style: "margin:0 8px;border-radius:12px;"
|
|
3410
|
-
}, [v(
|
|
3417
|
+
}, [v(Ht, {
|
|
3411
3418
|
ref: d,
|
|
3412
3419
|
showBorder: !0,
|
|
3413
3420
|
idField: "hId",
|
|
@@ -3464,7 +3471,7 @@ const En = Ve(
|
|
|
3464
3471
|
t.emit("close", i.value);
|
|
3465
3472
|
}, 200);
|
|
3466
3473
|
}
|
|
3467
|
-
function
|
|
3474
|
+
function b(x, P) {
|
|
3468
3475
|
}
|
|
3469
3476
|
function E(x) {
|
|
3470
3477
|
return `f-preten-link ${x.customClass ? x.customClass : ""}`;
|
|
@@ -3569,7 +3576,7 @@ const En = Ve(
|
|
|
3569
3576
|
class Tn {
|
|
3570
3577
|
constructor() {
|
|
3571
3578
|
T(this, "notifyRefs", []);
|
|
3572
|
-
T(this, "globalConfig",
|
|
3579
|
+
T(this, "globalConfig", Vt({}));
|
|
3573
3580
|
}
|
|
3574
3581
|
escapeAllHtml(t) {
|
|
3575
3582
|
if (typeof t != "string" || !t)
|
|
@@ -3607,7 +3614,7 @@ class Tn {
|
|
|
3607
3614
|
document.body.removeChild(l);
|
|
3608
3615
|
}), Z(() => {
|
|
3609
3616
|
e.updateNotifyPositionForCreate(i, s);
|
|
3610
|
-
}), () => v(
|
|
3617
|
+
}), () => v(Le, {
|
|
3611
3618
|
mode: "out-in",
|
|
3612
3619
|
name: "fade",
|
|
3613
3620
|
appear: !0
|
|
@@ -3685,11 +3692,11 @@ class Tn {
|
|
|
3685
3692
|
}), this.notifyRefs.length = 0;
|
|
3686
3693
|
}
|
|
3687
3694
|
}
|
|
3688
|
-
const
|
|
3695
|
+
const Xe = Symbol("NOTIFY_SERVICE_TOKEN");
|
|
3689
3696
|
de.install = (n) => {
|
|
3690
3697
|
n.component(de.name, de), n.component(be.name, be);
|
|
3691
3698
|
const t = new Tn();
|
|
3692
|
-
n.provide(
|
|
3699
|
+
n.provide(Xe, t), n.provide("FNotifyService", t);
|
|
3693
3700
|
};
|
|
3694
3701
|
const Pn = /* @__PURE__ */ J({
|
|
3695
3702
|
name: "FItemCollectionEditor",
|
|
@@ -3697,7 +3704,7 @@ const Pn = /* @__PURE__ */ J({
|
|
|
3697
3704
|
components: {},
|
|
3698
3705
|
emits: ["change"],
|
|
3699
3706
|
setup(n, t) {
|
|
3700
|
-
const e = ce(
|
|
3707
|
+
const e = ce(Xe), {
|
|
3701
3708
|
guid: o
|
|
3702
3709
|
} = Ce(), i = h(`共 ${(n.modelValue || []).length} 项`), l = h(n.valueField), a = h(n.nameField), s = h();
|
|
3703
3710
|
function r() {
|
|
@@ -3705,13 +3712,13 @@ const Pn = /* @__PURE__ */ J({
|
|
|
3705
3712
|
return n.dynamicMappingKeys ? (m = [], l.value = l.value.trim(), a.value = a.value.trim(), (n.modelValue || []).forEach((f) => {
|
|
3706
3713
|
if (l.value && a.value) {
|
|
3707
3714
|
const {
|
|
3708
|
-
[l.value]:
|
|
3715
|
+
[l.value]: b,
|
|
3709
3716
|
[a.value]: E,
|
|
3710
3717
|
...B
|
|
3711
3718
|
} = f, x = B || {};
|
|
3712
|
-
x.value =
|
|
3719
|
+
x.value = b, x.name = E, x.hId = o(), m.push(x);
|
|
3713
3720
|
}
|
|
3714
|
-
})) : (m =
|
|
3721
|
+
})) : (m = ze(n.modelValue || []), m.forEach((f) => {
|
|
3715
3722
|
f.hId = o();
|
|
3716
3723
|
})), m;
|
|
3717
3724
|
}
|
|
@@ -3749,10 +3756,10 @@ const Pn = /* @__PURE__ */ J({
|
|
|
3749
3756
|
class: "btn btn-primary",
|
|
3750
3757
|
handle: async (m) => {
|
|
3751
3758
|
if (n.beforeSubmit && typeof n.beforeSubmit == "function") {
|
|
3752
|
-
const
|
|
3759
|
+
const b = s.value.getItems();
|
|
3753
3760
|
if (!await n.beforeSubmit({
|
|
3754
3761
|
notifyService: e,
|
|
3755
|
-
data:
|
|
3762
|
+
data: b
|
|
3756
3763
|
}))
|
|
3757
3764
|
return !1;
|
|
3758
3765
|
}
|
|
@@ -3760,8 +3767,8 @@ const Pn = /* @__PURE__ */ J({
|
|
|
3760
3767
|
}
|
|
3761
3768
|
}]
|
|
3762
3769
|
};
|
|
3763
|
-
function g(m, f,
|
|
3764
|
-
i.value = `共 ${m.length} 项`, t.emit("change", m, f,
|
|
3770
|
+
function g(m, f, b) {
|
|
3771
|
+
i.value = `共 ${m.length} 项`, t.emit("change", m, f, b);
|
|
3765
3772
|
}
|
|
3766
3773
|
return D(() => n.modelValue, (m) => {
|
|
3767
3774
|
i.value = `共 ${(n.modelValue || []).length} 项`;
|
|
@@ -3823,7 +3830,7 @@ const Pn = /* @__PURE__ */ J({
|
|
|
3823
3830
|
canEmpty: n.canEmpty,
|
|
3824
3831
|
datas: r(),
|
|
3825
3832
|
columns: d(),
|
|
3826
|
-
onChange: (m, f,
|
|
3833
|
+
onChange: (m, f, b) => g(m, f, b)
|
|
3827
3834
|
}, null)])]
|
|
3828
3835
|
});
|
|
3829
3836
|
}
|
|
@@ -3919,7 +3926,7 @@ const Pn = /* @__PURE__ */ J({
|
|
|
3919
3926
|
"appearance",
|
|
3920
3927
|
"binding",
|
|
3921
3928
|
"visible"
|
|
3922
|
-
],
|
|
3929
|
+
], _e = {
|
|
3923
3930
|
$schema: Vn,
|
|
3924
3931
|
$id: On,
|
|
3925
3932
|
title: Rn,
|
|
@@ -3928,22 +3935,22 @@ const Pn = /* @__PURE__ */ J({
|
|
|
3928
3935
|
properties: zn,
|
|
3929
3936
|
required: Hn,
|
|
3930
3937
|
ignore: An
|
|
3931
|
-
}, Qn =
|
|
3932
|
-
|
|
3933
|
-
|
|
3934
|
-
|
|
3935
|
-
|
|
3938
|
+
}, Qn = Ve(Re, _e, Ge, je), Ye = Oe(
|
|
3939
|
+
Re,
|
|
3940
|
+
_e,
|
|
3941
|
+
Ge,
|
|
3942
|
+
je
|
|
3936
3943
|
);
|
|
3937
3944
|
me.register = (n, t, e, o, i) => {
|
|
3938
|
-
n["radio-group"] =
|
|
3945
|
+
n["radio-group"] = Mt, t["radio-group"] = Ye(i), n["item-collection-editor"] = Pn, t["item-collection-editor"] = En(i);
|
|
3939
3946
|
};
|
|
3940
3947
|
me.registerDesigner = (n, t, e, o) => {
|
|
3941
|
-
n["radio-group"] = me, t["radio-group"] =
|
|
3948
|
+
n["radio-group"] = me, t["radio-group"] = Ye(o);
|
|
3942
3949
|
};
|
|
3943
|
-
const ei =
|
|
3950
|
+
const ei = wt(me);
|
|
3944
3951
|
export {
|
|
3945
3952
|
me as FRadioGroupDesign,
|
|
3946
3953
|
ei as default,
|
|
3947
3954
|
Qn as propsResolver,
|
|
3948
|
-
|
|
3955
|
+
Ye as propsResolverGenerator
|
|
3949
3956
|
};
|