@farris/ui-vue 1.2.9 → 1.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/accordion/index.esm.js +63 -63
- package/components/accordion/index.umd.cjs +1 -1
- package/components/avatar/index.esm.js +402 -323
- package/components/avatar/index.umd.cjs +1 -1
- package/components/button-edit/index.css +1 -1
- package/components/button-edit/index.esm.js +98 -96
- package/components/button-edit/index.umd.cjs +1 -1
- package/components/calendar/index.esm.js +66 -66
- package/components/calendar/index.umd.cjs +1 -1
- package/components/capsule/index.esm.js +118 -118
- package/components/capsule/index.umd.cjs +1 -1
- package/components/checkbox/index.esm.js +539 -460
- package/components/checkbox/index.umd.cjs +1 -1
- package/components/color-picker/index.esm.js +135 -135
- package/components/color-picker/index.umd.cjs +2 -2
- package/components/combo-list/index.css +1 -0
- package/components/combo-list/index.esm.js +1007 -312
- package/components/combo-list/index.umd.cjs +1 -1
- package/components/combo-tree/index.esm.js +97 -97
- package/components/combo-tree/index.umd.cjs +1 -1
- package/components/common/index.esm.js +778 -700
- package/components/common/index.umd.cjs +1 -1
- package/components/component/index.esm.js +472 -329
- package/components/component/index.umd.cjs +1 -1
- package/components/condition/index.css +1 -0
- package/components/condition/index.esm.js +2231 -1055
- package/components/condition/index.umd.cjs +1 -1
- package/components/content-container/index.esm.js +79 -79
- package/components/content-container/index.umd.cjs +1 -1
- package/components/data-grid/index.css +1 -1
- package/components/data-grid/index.esm.js +6408 -5034
- package/components/data-grid/index.umd.cjs +1 -1
- package/components/data-view/index.css +1 -0
- package/components/data-view/index.esm.js +4762 -3511
- package/components/data-view/index.umd.cjs +1 -1
- package/components/date-picker/index.css +1 -1
- package/components/date-picker/index.esm.js +3442 -2742
- package/components/date-picker/index.umd.cjs +1 -1
- package/components/designer-outline/index.esm.js +14 -13
- package/components/designer-outline/index.umd.cjs +1 -1
- package/components/dropdown/index.esm.js +73 -73
- package/components/dropdown/index.umd.cjs +2 -2
- package/components/dynamic-form/index.css +1 -0
- package/components/dynamic-form/index.esm.js +2597 -1141
- package/components/dynamic-form/index.umd.cjs +1 -1
- package/components/dynamic-resolver/index.esm.js +114 -71
- package/components/dynamic-resolver/index.umd.cjs +1 -1
- package/components/dynamic-view/index.esm.js +303 -290
- package/components/dynamic-view/index.umd.cjs +1 -1
- package/components/events-editor/index.esm.js +171 -171
- package/components/events-editor/index.umd.cjs +1 -1
- package/components/expression-editor/index.esm.js +65 -65
- package/components/expression-editor/index.umd.cjs +1 -1
- package/components/external-container/index.css +1 -1
- package/components/external-container/index.esm.js +3075 -2586
- package/components/external-container/index.umd.cjs +1 -1
- package/components/field-selector/index.css +1 -1
- package/components/field-selector/index.esm.js +5272 -8511
- package/components/field-selector/index.umd.cjs +1 -1
- package/components/filter-bar/index.css +1 -1
- package/components/filter-bar/index.esm.js +1726 -1822
- package/components/filter-bar/index.umd.cjs +1 -1
- package/components/image-cropper/index.esm.js +126 -126
- package/components/image-cropper/index.umd.cjs +1 -1
- package/components/input-group/index.esm.js +620 -540
- package/components/input-group/index.umd.cjs +1 -1
- package/components/layout/index.esm.js +88 -88
- package/components/layout/index.umd.cjs +1 -1
- package/components/list-nav/index.esm.js +71 -71
- package/components/list-nav/index.umd.cjs +1 -1
- package/components/list-view/index.css +1 -1
- package/components/list-view/index.esm.js +3582 -2356
- package/components/list-view/index.umd.cjs +1 -1
- package/components/lookup/index.css +1 -1
- package/components/lookup/index.esm.js +10752 -8972
- package/components/lookup/index.umd.cjs +1 -1
- package/components/mapping-editor/index.css +1 -1
- package/components/mapping-editor/index.esm.js +5601 -5329
- package/components/mapping-editor/index.umd.cjs +1 -1
- package/components/message-box/index.css +1 -1
- package/components/message-box/index.esm.js +511 -471
- package/components/message-box/index.umd.cjs +1 -1
- package/components/modal/index.css +1 -1
- package/components/modal/index.esm.js +438 -398
- package/components/modal/index.umd.cjs +1 -1
- package/components/nav/index.esm.js +535 -452
- package/components/nav/index.umd.cjs +2 -2
- package/components/notify/index.esm.js +59 -53
- package/components/notify/index.umd.cjs +1 -1
- package/components/number-range/index.esm.js +556 -477
- package/components/number-range/index.umd.cjs +1 -1
- package/components/number-spinner/index.esm.js +504 -425
- package/components/number-spinner/index.umd.cjs +1 -1
- package/components/order/index.css +1 -1
- package/components/order/index.esm.js +1833 -1054
- package/components/order/index.umd.cjs +1 -1
- package/components/page-footer/index.esm.js +100 -100
- package/components/page-footer/index.umd.cjs +1 -1
- package/components/page-header/index.esm.js +899 -870
- package/components/page-header/index.umd.cjs +1 -1
- package/components/pagination/index.esm.js +576 -487
- package/components/pagination/index.umd.cjs +1 -1
- package/components/popover/index.esm.js +71 -70
- package/components/popover/index.umd.cjs +1 -1
- package/components/progress/index.esm.js +73 -73
- package/components/progress/index.umd.cjs +2 -2
- package/components/property-editor/index.css +1 -1
- package/components/property-editor/index.esm.js +1916 -1220
- package/components/property-editor/index.umd.cjs +3 -3
- package/components/property-panel/index.esm.js +783 -886
- package/components/property-panel/index.umd.cjs +1 -1
- package/components/query-solution/index.css +1 -1
- package/components/query-solution/index.esm.js +3632 -2556
- package/components/query-solution/index.umd.cjs +1 -1
- package/components/radio-button/index.esm.js +72 -72
- package/components/radio-button/index.umd.cjs +1 -1
- package/components/radio-group/index.esm.js +484 -405
- package/components/radio-group/index.umd.cjs +1 -1
- package/components/rate/index.esm.js +152 -152
- package/components/rate/index.umd.cjs +1 -1
- package/components/response-layout/index.esm.js +73 -73
- package/components/response-layout/index.umd.cjs +1 -1
- package/components/response-layout-editor/index.css +1 -1
- package/components/response-layout-editor/index.esm.js +1081 -1043
- package/components/response-layout-editor/index.umd.cjs +1 -1
- package/components/response-toolbar/index.esm.js +753 -738
- package/components/response-toolbar/index.umd.cjs +1 -1
- package/components/schema-selector/index.css +1 -1
- package/components/schema-selector/index.esm.js +4418 -4177
- package/components/schema-selector/index.umd.cjs +2 -2
- package/components/search-box/index.esm.js +119 -119
- package/components/search-box/index.umd.cjs +1 -1
- package/components/section/index.esm.js +92 -91
- package/components/section/index.umd.cjs +1 -1
- package/components/smoke-detector/index.esm.js +59 -59
- package/components/smoke-detector/index.umd.cjs +1 -1
- package/components/splitter/index.esm.js +103 -103
- package/components/splitter/index.umd.cjs +1 -1
- package/components/step/index.esm.js +85 -85
- package/components/step/index.umd.cjs +1 -1
- package/components/switch/index.esm.js +457 -378
- package/components/switch/index.umd.cjs +1 -1
- package/components/tabs/index.css +1 -1
- package/components/tabs/index.esm.js +1696 -1617
- package/components/tabs/index.umd.cjs +1 -1
- package/components/tags/index.esm.js +53 -53
- package/components/tags/index.umd.cjs +1 -1
- package/components/text/index.esm.js +268 -268
- package/components/text/index.umd.cjs +1 -1
- package/components/textarea/index.esm.js +420 -341
- package/components/textarea/index.umd.cjs +1 -1
- package/components/time-picker/index.css +1 -1
- package/components/time-picker/index.esm.js +1062 -981
- package/components/time-picker/index.umd.cjs +1 -1
- package/components/transfer/index.css +1 -1
- package/components/transfer/index.esm.js +381 -379
- package/components/transfer/index.umd.cjs +1 -1
- package/components/tree-grid/index.css +1 -1
- package/components/tree-grid/index.esm.js +5252 -9560
- package/components/tree-grid/index.umd.cjs +1 -1
- package/components/tree-view/index.css +1 -0
- package/components/tree-view/index.esm.js +3920 -2692
- package/components/tree-view/index.umd.cjs +1 -1
- package/components/uploader/index.esm.js +373 -367
- package/components/uploader/index.umd.cjs +2 -2
- package/components/verify-detail/index.esm.js +92 -92
- package/components/verify-detail/index.umd.cjs +1 -1
- package/components/video/index.esm.js +597 -417
- package/components/video/index.umd.cjs +1 -1
- package/components/weather/index.esm.js +251 -251
- package/components/weather/index.umd.cjs +4 -4
- package/farris.all.esm.js +17125 -16176
- package/farris.all.umd.cjs +8 -8
- package/index.css +1 -1
- package/package.json +1 -1
- package/types/capsule/src/capsule.props.d.ts +2 -2
- package/types/combo-list/src/components/list-container.component.d.ts +0 -3
- package/types/combo-list/src/components/list-container.props.d.ts +0 -4
- package/types/common/index.d.ts +1 -0
- package/types/common/types.d.ts +1 -1
- package/types/common/utils/encrypt.d.ts +2 -0
- package/types/component/src/component.props.d.ts +7 -0
- package/types/component/src/designer/use-designer-rules.d.ts +1 -1
- package/types/component/src/property-config/component.property-config.d.ts +9 -0
- package/types/components.d.ts +1 -0
- package/types/data-grid/index.d.ts +5 -2
- package/types/data-grid/src/data-grid.component.d.ts +2 -1
- package/types/data-grid/src/data-grid.props.d.ts +1 -0
- package/types/data-view/composition/types.d.ts +18 -1
- package/types/data-view/composition/visualization/use-virtual-scroll.d.ts +0 -15
- package/types/designer-canvas/src/composition/dg-control.d.ts +5 -0
- package/types/designer-canvas/src/composition/types.d.ts +1 -1
- package/types/dynamic-form/src/composition/use-response-form-layout-setting.d.ts +2 -0
- package/types/dynamic-form/src/designer/response-form-layout-setting.component.d.ts +8 -0
- package/types/dynamic-form/src/designer/response-form-layout-setting.props.d.ts +4 -0
- package/types/dynamic-form/src/designer/use-designer-rules.d.ts +2 -2
- package/types/dynamic-form/src/property-config/form.property-config.d.ts +9 -0
- package/types/dynamic-form/src/schema/schema-mapper.d.ts +1 -0
- package/types/dynamic-form/src/schema/schema-resolver.d.ts +1 -0
- package/types/dynamic-form/src/types.d.ts +12 -1
- package/types/dynamic-resolver/index.d.ts +1 -0
- package/types/dynamic-resolver/src/event-handler-resolver.d.ts +4 -0
- package/types/dynamic-resolver/src/types.d.ts +9 -0
- package/types/dynamic-view/index.d.ts +1 -0
- package/types/dynamic-view/src/event-dispatcher.d.ts +1 -1
- package/types/index.d.ts +2 -0
- package/types/lookup/src/components/favorite/lookup-favorite.component.d.ts +29 -0
- package/types/lookup/src/components/favorite/lookup-favorite.props.d.ts +15 -0
- package/types/lookup/src/components/modal-container.component.d.ts +25 -0
- package/types/lookup/src/components/modal-container.props.d.ts +29 -0
- package/types/lookup/src/composition/types.d.ts +8 -0
- package/types/lookup/src/composition/use-check-props.d.ts +9 -2
- package/types/lookup/src/composition/use-dialog.d.ts +5 -1
- package/types/lookup/src/composition/use-favorite.d.ts +12 -0
- package/types/lookup/src/composition/use-http.d.ts +9 -5
- package/types/lookup/src/composition/use-input-change.d.ts +3 -0
- package/types/lookup/src/composition/use-user-data.d.ts +24 -0
- package/types/lookup/src/property-config/lookup.property-config.d.ts +6 -4
- package/types/mapping-editor/src/mapping-editor.component.d.ts +3 -0
- package/types/mapping-editor/src/mapping-editor.props.d.ts +0 -1
- package/types/modal/src/composition/use-draggable.d.ts +2 -1
- package/types/modal/src/composition/use-shortcut.d.ts +6 -0
- package/types/modal/src/modal.component.d.ts +3 -0
- package/types/modal/src/modal.props.d.ts +4 -0
- package/types/page-header/src/page-header.props.d.ts +1 -0
- package/types/property-panel/src/composition/entity/base-property.d.ts +8 -0
- package/types/property-panel/src/composition/entity/input-base-property.d.ts +20 -1
- package/types/response-layout-editor/src/composition/converter/use-response-layout-editor-setting.d.ts +2 -0
- package/types/response-layout-editor/src/type.d.ts +21 -0
- package/types/tabs/src/tabs.props.d.ts +1 -0
- package/types/tree-grid/index.d.ts +8 -2
- package/types/tree-grid/src/tree-grid.component.d.ts +3 -1
- package/types/data-grid/src/designer/use-group-column.d.ts +0 -20
- package/types/modal/src/composition/use-esc.d.ts +0 -1
- package/types/response-layout-editor/src/composition/converter/response-layout-editor.converter.d.ts +0 -3
- package/types/response-layout-editor/src/composition/converter/use-convert-property-value.d.ts +0 -20
|
@@ -1,27 +1,27 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import
|
|
3
|
-
import { cloneDeep as
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
const
|
|
7
|
-
function
|
|
8
|
-
const { properties: e, title:
|
|
9
|
-
return (!l || !o.find((p) => p == "id")) && (d.id = `${
|
|
1
|
+
import { defineComponent as P, ref as m, computed as D, watch as S, createVNode as v, Fragment as U, inject as W, onMounted as x, resolveComponent as J } from "vue";
|
|
2
|
+
import z from "../button-edit/index.esm.js";
|
|
3
|
+
import { isPlainObject as $, cloneDeep as G } from "lodash-es";
|
|
4
|
+
import Q from "../list-view/index.esm.js";
|
|
5
|
+
import Y from "../loading/index.esm.js";
|
|
6
|
+
const T = {}, H = {};
|
|
7
|
+
function M(t) {
|
|
8
|
+
const { properties: e, title: u, ignore: o } = t, l = o && Array.isArray(o), d = Object.keys(e).reduce((p, s) => ((!l || !o.find((g) => g == s)) && (p[s] = e[s].type === "object" && e[s].properties ? M(e[s]) : G(e[s].default)), p), {});
|
|
9
|
+
return (!l || !o.find((p) => p == "id")) && (d.id = `${u}-${Date.now()}`), d;
|
|
10
10
|
}
|
|
11
|
-
function E(t, e = {},
|
|
12
|
-
const o =
|
|
11
|
+
function E(t, e = {}, u) {
|
|
12
|
+
const o = T[t];
|
|
13
13
|
if (o) {
|
|
14
|
-
let l =
|
|
15
|
-
const d =
|
|
16
|
-
return l = d ? d({ getSchemaByType: E }, l, e,
|
|
14
|
+
let l = M(o);
|
|
15
|
+
const d = H[t];
|
|
16
|
+
return l = d ? d({ getSchemaByType: E }, l, e, u) : l, l;
|
|
17
17
|
}
|
|
18
18
|
return null;
|
|
19
19
|
}
|
|
20
|
-
function Y(t, e) {
|
|
21
|
-
const c = P(e);
|
|
22
|
-
return Object.keys(t).reduce((o, l) => (o[l] && typeof o[l] == "object" ? Object.assign(o[l], t[l]) : o[l] = t[l], o), c), c;
|
|
23
|
-
}
|
|
24
20
|
function Z(t, e) {
|
|
21
|
+
const u = M(e);
|
|
22
|
+
return Object.keys(t).reduce((o, l) => (o[l] && $(o[l]) && $(t[l]) ? Object.assign(o[l], t[l]) : o[l] = t[l], o), u), u;
|
|
23
|
+
}
|
|
24
|
+
function K(t, e) {
|
|
25
25
|
return Object.keys(t).filter((o) => t[o] != null).reduce((o, l) => {
|
|
26
26
|
if (e.has(l)) {
|
|
27
27
|
const d = e.get(l);
|
|
@@ -36,52 +36,52 @@ function Z(t, e) {
|
|
|
36
36
|
return o;
|
|
37
37
|
}, {});
|
|
38
38
|
}
|
|
39
|
-
function
|
|
40
|
-
const o =
|
|
41
|
-
return
|
|
39
|
+
function I(t, e, u = /* @__PURE__ */ new Map()) {
|
|
40
|
+
const o = Z(t, e);
|
|
41
|
+
return K(o, u);
|
|
42
42
|
}
|
|
43
|
-
function
|
|
44
|
-
function e(a, n,
|
|
45
|
-
if (typeof
|
|
46
|
-
return
|
|
47
|
-
if (typeof
|
|
48
|
-
const r = Object.keys(
|
|
43
|
+
function ee(t = {}) {
|
|
44
|
+
function e(a, n, i, c) {
|
|
45
|
+
if (typeof i == "number")
|
|
46
|
+
return c[a].length === i;
|
|
47
|
+
if (typeof i == "object") {
|
|
48
|
+
const r = Object.keys(i)[0], f = i[r];
|
|
49
49
|
if (r === "not")
|
|
50
|
-
return Number(
|
|
50
|
+
return Number(c[a].length) !== Number(f);
|
|
51
51
|
if (r === "moreThan")
|
|
52
|
-
return Number(
|
|
52
|
+
return Number(c[a].length) >= Number(f);
|
|
53
53
|
if (r === "lessThan")
|
|
54
|
-
return Number(
|
|
54
|
+
return Number(c[a].length) <= Number(f);
|
|
55
55
|
}
|
|
56
56
|
return !1;
|
|
57
57
|
}
|
|
58
|
-
function
|
|
59
|
-
return
|
|
58
|
+
function u(a, n, i, c) {
|
|
59
|
+
return c[a] && c[a].propertyValue && String(c[a].propertyValue.value) === String(i);
|
|
60
60
|
}
|
|
61
61
|
const o = /* @__PURE__ */ new Map([
|
|
62
62
|
["length", e],
|
|
63
|
-
["getProperty",
|
|
63
|
+
["getProperty", u]
|
|
64
64
|
]);
|
|
65
65
|
Object.keys(t).reduce((a, n) => (a.set(n, t[n]), a), o);
|
|
66
66
|
function l(a, n) {
|
|
67
|
-
const
|
|
68
|
-
return typeof n == "number" ? [{ target:
|
|
69
|
-
if (
|
|
70
|
-
return { target:
|
|
71
|
-
const r =
|
|
72
|
-
return { target:
|
|
67
|
+
const i = a;
|
|
68
|
+
return typeof n == "number" ? [{ target: i, operator: "length", param: null, value: Number(n) }] : typeof n == "boolean" ? [{ target: i, operator: "getProperty", param: a, value: !!n }] : typeof n == "object" ? Object.keys(n).map((c) => {
|
|
69
|
+
if (c === "length")
|
|
70
|
+
return { target: i, operator: "length", param: null, value: n[c] };
|
|
71
|
+
const r = c, f = n[c];
|
|
72
|
+
return { target: i, operator: "getProperty", param: r, value: f };
|
|
73
73
|
}) : [];
|
|
74
74
|
}
|
|
75
75
|
function d(a) {
|
|
76
|
-
return Object.keys(a).reduce((
|
|
77
|
-
const r = l(
|
|
78
|
-
return
|
|
76
|
+
return Object.keys(a).reduce((i, c) => {
|
|
77
|
+
const r = l(c, a[c]);
|
|
78
|
+
return i.push(...r), i;
|
|
79
79
|
}, []);
|
|
80
80
|
}
|
|
81
81
|
function p(a, n) {
|
|
82
82
|
if (o.has(a.operator)) {
|
|
83
|
-
const
|
|
84
|
-
return
|
|
83
|
+
const i = o.get(a.operator);
|
|
84
|
+
return i && i(a.target, a.param, a.value, n) || !1;
|
|
85
85
|
}
|
|
86
86
|
return !1;
|
|
87
87
|
}
|
|
@@ -89,25 +89,25 @@ function I(t = {}) {
|
|
|
89
89
|
return d(a).reduce((r, f) => r && p(f, n), !0);
|
|
90
90
|
}
|
|
91
91
|
function g(a, n) {
|
|
92
|
-
const
|
|
93
|
-
return
|
|
92
|
+
const i = Object.keys(a), c = i.includes("allOf"), r = i.includes("anyOf"), f = c || r, R = (f ? a[f ? c ? "allOf" : "anyOf" : "allOf"] : [a]).map((j) => s(j, n));
|
|
93
|
+
return c ? !R.includes(!1) : R.includes(!0);
|
|
94
94
|
}
|
|
95
95
|
return { parseValueSchema: g };
|
|
96
96
|
}
|
|
97
|
-
const
|
|
98
|
-
|
|
99
|
-
function
|
|
100
|
-
return
|
|
101
|
-
const s =
|
|
97
|
+
const te = {}, ne = {};
|
|
98
|
+
ee();
|
|
99
|
+
function oe(t, e, u = /* @__PURE__ */ new Map(), o = (p, s, g) => s, l = {}, d = (p) => p) {
|
|
100
|
+
return T[e.title] = e, H[e.title] = o, te[e.title] = l, ne[e.title] = d, (p = {}) => {
|
|
101
|
+
const s = I(p, e, u), g = Object.keys(t).reduce((a, n) => (a[n] = t[n].default, a), {});
|
|
102
102
|
return Object.assign(g, s);
|
|
103
103
|
};
|
|
104
104
|
}
|
|
105
|
-
function
|
|
105
|
+
function ae(t, e) {
|
|
106
106
|
return { customClass: e.class, customStyle: e.style };
|
|
107
107
|
}
|
|
108
|
-
const
|
|
109
|
-
["appearance",
|
|
110
|
-
]),
|
|
108
|
+
const re = /* @__PURE__ */ new Map([
|
|
109
|
+
["appearance", ae]
|
|
110
|
+
]), le = "https://json-schema.org/draft/2020-12/schema", ie = "https://farris-design.gitee.io/search-box.schema.json", ue = "search-box", ce = "A Farris Component", se = "object", fe = {
|
|
111
111
|
id: {
|
|
112
112
|
description: "The unique identifier for a search-box",
|
|
113
113
|
type: "string"
|
|
@@ -169,22 +169,22 @@ const ae = /* @__PURE__ */ new Map([
|
|
|
169
169
|
type: "boolean",
|
|
170
170
|
default: !0
|
|
171
171
|
}
|
|
172
|
-
},
|
|
172
|
+
}, pe = [
|
|
173
173
|
"id",
|
|
174
174
|
"type"
|
|
175
|
-
],
|
|
176
|
-
$schema:
|
|
177
|
-
$id:
|
|
175
|
+
], de = {
|
|
176
|
+
$schema: le,
|
|
177
|
+
$id: ie,
|
|
178
178
|
title: ue,
|
|
179
179
|
description: ce,
|
|
180
|
-
type:
|
|
181
|
-
properties:
|
|
182
|
-
required:
|
|
180
|
+
type: se,
|
|
181
|
+
properties: fe,
|
|
182
|
+
required: pe
|
|
183
183
|
};
|
|
184
|
-
function
|
|
184
|
+
function he(t, e, u) {
|
|
185
185
|
return e;
|
|
186
186
|
}
|
|
187
|
-
const
|
|
187
|
+
const me = "search-box", ge = "A Farris Component", ye = "object", be = {
|
|
188
188
|
basic: {
|
|
189
189
|
description: "Basic Infomation",
|
|
190
190
|
title: "基本信息",
|
|
@@ -206,11 +206,11 @@ const he = "search-box", me = "A Farris Component", ge = "object", ye = {
|
|
|
206
206
|
}
|
|
207
207
|
}
|
|
208
208
|
}
|
|
209
|
-
},
|
|
210
|
-
title:
|
|
211
|
-
description:
|
|
212
|
-
type:
|
|
213
|
-
categories:
|
|
209
|
+
}, ve = {
|
|
210
|
+
title: me,
|
|
211
|
+
description: ge,
|
|
212
|
+
type: ye,
|
|
213
|
+
categories: be
|
|
214
214
|
}, C = {
|
|
215
215
|
/**
|
|
216
216
|
* 自定义图标
|
|
@@ -257,7 +257,7 @@ const he = "search-box", me = "A Farris Component", ge = "object", ye = {
|
|
|
257
257
|
/**
|
|
258
258
|
* popupOnFoucs TODO
|
|
259
259
|
*/
|
|
260
|
-
},
|
|
260
|
+
}, L = oe(C, de, re, he, ve), Ve = {
|
|
261
261
|
data: { type: Array, default: [] },
|
|
262
262
|
/** 确认结果事件 */
|
|
263
263
|
onConfirmResult: { type: Function, default: () => {
|
|
@@ -281,12 +281,12 @@ const he = "search-box", me = "A Farris Component", ge = "object", ye = {
|
|
|
281
281
|
*/
|
|
282
282
|
maxHeight: { default: 350, type: Number },
|
|
283
283
|
loading: { default: !1, type: Boolean }
|
|
284
|
-
},
|
|
284
|
+
}, q = /* @__PURE__ */ P({
|
|
285
285
|
name: "FSearchBoxContainer",
|
|
286
|
-
props:
|
|
286
|
+
props: Ve,
|
|
287
287
|
emits: ["confirmResult", "searchedValue"],
|
|
288
288
|
setup(t, e) {
|
|
289
|
-
const
|
|
289
|
+
const u = m(t.data), o = m(), {
|
|
290
290
|
slots: l
|
|
291
291
|
} = e, d = D(() => ({
|
|
292
292
|
"search-box-container": !0,
|
|
@@ -294,14 +294,14 @@ const he = "search-box", me = "A Farris Component", ge = "object", ye = {
|
|
|
294
294
|
"position-relative": !0
|
|
295
295
|
}));
|
|
296
296
|
function p(n) {
|
|
297
|
-
var
|
|
298
|
-
(
|
|
297
|
+
var i;
|
|
298
|
+
(i = o.value) == null || i.search(n);
|
|
299
299
|
}
|
|
300
300
|
function s(n) {
|
|
301
301
|
n.length && (e.emit("confirmResult", n[0].name), e.emit("searchedValue", n));
|
|
302
302
|
}
|
|
303
303
|
function g(n) {
|
|
304
|
-
return l.default ? v(
|
|
304
|
+
return l.default ? v(U, null, [l.default(n)]) : v("span", null, [n.item[t.textField]]);
|
|
305
305
|
}
|
|
306
306
|
const a = D(() => {
|
|
307
307
|
const n = {};
|
|
@@ -310,7 +310,7 @@ const he = "search-box", me = "A Farris Component", ge = "object", ye = {
|
|
|
310
310
|
return S(() => t.loading, (n) => {
|
|
311
311
|
console.log("loading状态改变" + n);
|
|
312
312
|
}), S(() => t.data, (n) => {
|
|
313
|
-
n !==
|
|
313
|
+
n !== u.value && (u.value = n), o.value.updateDataSource(n);
|
|
314
314
|
}), e.expose({
|
|
315
315
|
search: p
|
|
316
316
|
}), () => {
|
|
@@ -320,15 +320,15 @@ const he = "search-box", me = "A Farris Component", ge = "object", ye = {
|
|
|
320
320
|
return v("div", {
|
|
321
321
|
class: d.value,
|
|
322
322
|
style: a.value
|
|
323
|
-
}, [v(
|
|
323
|
+
}, [v(Y, {
|
|
324
324
|
ref: "loadingInstance",
|
|
325
325
|
isActive: t.loading
|
|
326
|
-
}, null), v(
|
|
326
|
+
}, null), v(Q, {
|
|
327
327
|
ref: o,
|
|
328
328
|
itemClass: "dropdown-item",
|
|
329
|
-
data:
|
|
329
|
+
data: u.value,
|
|
330
330
|
view: "ContentView",
|
|
331
|
-
onClickItem: (
|
|
331
|
+
onClickItem: (i) => s(i.data),
|
|
332
332
|
idField: t.idField,
|
|
333
333
|
textField: t.textField,
|
|
334
334
|
titleField: t.textField,
|
|
@@ -336,13 +336,13 @@ const he = "search-box", me = "A Farris Component", ge = "object", ye = {
|
|
|
336
336
|
}, n)]);
|
|
337
337
|
};
|
|
338
338
|
}
|
|
339
|
-
}), B = /* @__PURE__ */
|
|
339
|
+
}), B = /* @__PURE__ */ P({
|
|
340
340
|
name: "FSearchBox",
|
|
341
341
|
props: C,
|
|
342
342
|
emits: ["update:modelValue", "change", "selectedValue", "clickButton"],
|
|
343
343
|
setup(t, e) {
|
|
344
344
|
m(t.data);
|
|
345
|
-
const
|
|
345
|
+
const u = m(), o = m(), l = m(t.placeholder), d = '<i class="f-icon f-icon-clockwise f-icon-spin"></i>', p = D(() => t.loading ? d : t.buttonContent);
|
|
346
346
|
m(t.editable);
|
|
347
347
|
const s = m(t.modelValue);
|
|
348
348
|
S(s, (r) => {
|
|
@@ -352,7 +352,7 @@ const he = "search-box", me = "A Farris Component", ge = "object", ye = {
|
|
|
352
352
|
s.value = r;
|
|
353
353
|
});
|
|
354
354
|
function g(r) {
|
|
355
|
-
|
|
355
|
+
u.value.commitValue(r);
|
|
356
356
|
}
|
|
357
357
|
function a(r) {
|
|
358
358
|
e.emit("change", r);
|
|
@@ -360,25 +360,25 @@ const he = "search-box", me = "A Farris Component", ge = "object", ye = {
|
|
|
360
360
|
function n(r) {
|
|
361
361
|
e.emit("selectedValue", r);
|
|
362
362
|
}
|
|
363
|
-
function
|
|
363
|
+
function i(r) {
|
|
364
364
|
e.emit("clickButton", r);
|
|
365
365
|
}
|
|
366
|
-
function
|
|
367
|
-
|
|
366
|
+
function c() {
|
|
367
|
+
u.value.togglePopup();
|
|
368
368
|
}
|
|
369
369
|
return e.expose({
|
|
370
|
-
togglePopup:
|
|
370
|
+
togglePopup: c
|
|
371
371
|
}), () => {
|
|
372
372
|
const r = {
|
|
373
373
|
default: e.slots.default
|
|
374
374
|
};
|
|
375
|
-
return v(
|
|
376
|
-
ref:
|
|
375
|
+
return v(z, {
|
|
376
|
+
ref: u,
|
|
377
377
|
"button-content": p.value,
|
|
378
378
|
"custom-class": t.customClass,
|
|
379
379
|
placeholder: l.value,
|
|
380
380
|
onChange: (f) => a(f),
|
|
381
|
-
onClickButton: (f) =>
|
|
381
|
+
onClickButton: (f) => i(f),
|
|
382
382
|
disable: t.disable,
|
|
383
383
|
"enable-clear": !0,
|
|
384
384
|
"button-behavior": "Execute",
|
|
@@ -390,7 +390,7 @@ const he = "search-box", me = "A Farris Component", ge = "object", ye = {
|
|
|
390
390
|
"popup-on-input": t.showDropdown,
|
|
391
391
|
"popup-on-focus": t.showDropdown
|
|
392
392
|
}, {
|
|
393
|
-
default: () => [t.showDropdown && v(
|
|
393
|
+
default: () => [t.showDropdown && v(q, {
|
|
394
394
|
ref: o,
|
|
395
395
|
data: t.data,
|
|
396
396
|
onConfirmResult: g,
|
|
@@ -403,7 +403,7 @@ const he = "search-box", me = "A Farris Component", ge = "object", ye = {
|
|
|
403
403
|
};
|
|
404
404
|
}
|
|
405
405
|
});
|
|
406
|
-
function
|
|
406
|
+
function Be(t, e, u) {
|
|
407
407
|
var A;
|
|
408
408
|
function o() {
|
|
409
409
|
}
|
|
@@ -420,20 +420,20 @@ function Ve(t, e, c) {
|
|
|
420
420
|
function n() {
|
|
421
421
|
return (e == null ? void 0 : e.schema.componentType) === "frame";
|
|
422
422
|
}
|
|
423
|
-
function
|
|
423
|
+
function i(h) {
|
|
424
424
|
if (!h || !h.value)
|
|
425
425
|
return null;
|
|
426
426
|
if (h.value.schema && h.value.schema.type === "component")
|
|
427
427
|
return h.value;
|
|
428
|
-
const b = m(h == null ? void 0 : h.value.parent), y =
|
|
428
|
+
const b = m(h == null ? void 0 : h.value.parent), y = i(b);
|
|
429
429
|
return y || null;
|
|
430
430
|
}
|
|
431
|
-
function
|
|
431
|
+
function c(h = e) {
|
|
432
432
|
const { componentInstance: b, designerItemElementRef: y } = h;
|
|
433
|
-
return !b || !b.value ? null : b.value.canMove ? y :
|
|
433
|
+
return !b || !b.value ? null : b.value.canMove ? y : c(h.parent);
|
|
434
434
|
}
|
|
435
435
|
function r(h) {
|
|
436
|
-
return !!
|
|
436
|
+
return !!u;
|
|
437
437
|
}
|
|
438
438
|
function f() {
|
|
439
439
|
return (e == null ? void 0 : e.schema.label) || (e == null ? void 0 : e.schema.title) || (e == null ? void 0 : e.schema.name);
|
|
@@ -452,12 +452,12 @@ function Ve(t, e, c) {
|
|
|
452
452
|
const y = String(h.getAttribute("data-controltype")), V = h.getAttribute("data-feature"), O = V ? JSON.parse(V) : {};
|
|
453
453
|
O.parentComponentInstance = p.value;
|
|
454
454
|
let F = E(y, O);
|
|
455
|
-
const
|
|
456
|
-
return F && !F.id && F.type === y && (F.id = `${
|
|
455
|
+
const X = y.toLowerCase().replace("-", "_");
|
|
456
|
+
return F && !F.id && F.type === y && (F.id = `${X}_${Math.random().toString().slice(2, 6)}`), F;
|
|
457
457
|
}
|
|
458
458
|
function j(h) {
|
|
459
459
|
}
|
|
460
|
-
function
|
|
460
|
+
function _(...h) {
|
|
461
461
|
}
|
|
462
462
|
return p.value = {
|
|
463
463
|
canMove: s(),
|
|
@@ -471,10 +471,10 @@ function Ve(t, e, c) {
|
|
|
471
471
|
styles: l,
|
|
472
472
|
designerClass: d,
|
|
473
473
|
canAccepts: r,
|
|
474
|
-
getBelongedComponentInstance:
|
|
475
|
-
getDraggableDesignItemElement:
|
|
474
|
+
getBelongedComponentInstance: i,
|
|
475
|
+
getDraggableDesignItemElement: c,
|
|
476
476
|
getDraggingDisplayText: f,
|
|
477
|
-
getPropConfig:
|
|
477
|
+
getPropConfig: _,
|
|
478
478
|
getDragScopeElement: w,
|
|
479
479
|
onAcceptMovedChildElement: N,
|
|
480
480
|
onAcceptNewChildElement: k,
|
|
@@ -485,13 +485,13 @@ function Ve(t, e, c) {
|
|
|
485
485
|
triggerBelongedComponentToDeleteWhenDeleted: m(!1)
|
|
486
486
|
}, p;
|
|
487
487
|
}
|
|
488
|
-
const
|
|
488
|
+
const Se = /* @__PURE__ */ P({
|
|
489
489
|
name: "FSearchBoxDesign",
|
|
490
490
|
props: C,
|
|
491
491
|
emits: ["update:modelValue", "change"],
|
|
492
492
|
setup(t, e) {
|
|
493
|
-
const
|
|
494
|
-
|
|
493
|
+
const u = m(t.data), o = m(), l = m(), d = m("请输入关键词"), p = m('<i class="f-icon f-icon-search"></i>'), s = m(t.modelValue), g = m(), a = W("design-item-context"), n = Be(g, a);
|
|
494
|
+
x(() => {
|
|
495
495
|
g.value.componentInstance = n;
|
|
496
496
|
}), e.expose(n.value), S(s, (r) => {
|
|
497
497
|
var f;
|
|
@@ -499,19 +499,19 @@ const Be = /* @__PURE__ */ M({
|
|
|
499
499
|
}), S(() => t.modelValue, (r) => {
|
|
500
500
|
s.value = r;
|
|
501
501
|
});
|
|
502
|
-
function
|
|
502
|
+
function i(r) {
|
|
503
503
|
o.value.commitValue(r);
|
|
504
504
|
}
|
|
505
|
-
function
|
|
505
|
+
function c(r) {
|
|
506
506
|
e.emit("change", r);
|
|
507
507
|
}
|
|
508
508
|
return () => v("div", {
|
|
509
509
|
ref: g
|
|
510
|
-
}, [v(
|
|
510
|
+
}, [v(J("f-button-edit"), {
|
|
511
511
|
ref: o,
|
|
512
512
|
"button-content": p.value,
|
|
513
513
|
placeholder: d.value,
|
|
514
|
-
onChange:
|
|
514
|
+
onChange: c,
|
|
515
515
|
"enable-clear": !0,
|
|
516
516
|
"button-behavior": "Execute",
|
|
517
517
|
modelValue: s.value,
|
|
@@ -522,10 +522,10 @@ const Be = /* @__PURE__ */ M({
|
|
|
522
522
|
"popup-on-input": !0,
|
|
523
523
|
"popup-on-focus": !0
|
|
524
524
|
}, {
|
|
525
|
-
default: () => [v(
|
|
525
|
+
default: () => [v(q, {
|
|
526
526
|
ref: l,
|
|
527
|
-
data:
|
|
528
|
-
onConfirmResult:
|
|
527
|
+
data: u.value,
|
|
528
|
+
onConfirmResult: i
|
|
529
529
|
}, null)]
|
|
530
530
|
})]);
|
|
531
531
|
}
|
|
@@ -533,15 +533,15 @@ const Be = /* @__PURE__ */ M({
|
|
|
533
533
|
B.install = (t) => {
|
|
534
534
|
t.component(B.name, B);
|
|
535
535
|
};
|
|
536
|
-
B.register = (t, e,
|
|
537
|
-
t["search-box"] = B, e["search-box"] =
|
|
536
|
+
B.register = (t, e, u, o) => {
|
|
537
|
+
t["search-box"] = B, e["search-box"] = L;
|
|
538
538
|
};
|
|
539
|
-
B.registerDesigner = (t, e,
|
|
540
|
-
t["search-box"] =
|
|
539
|
+
B.registerDesigner = (t, e, u) => {
|
|
540
|
+
t["search-box"] = Se, e["search-box"] = L;
|
|
541
541
|
};
|
|
542
542
|
export {
|
|
543
543
|
B as FSearchBox,
|
|
544
544
|
B as default,
|
|
545
|
-
|
|
545
|
+
L as propsResolver,
|
|
546
546
|
C as searchBoxProps
|
|
547
547
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(g,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("vue"),require("../button-edit/index.umd.js"),require("lodash-es"),require("../list-view/index.umd.js"),require("../loading/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../button-edit/index.umd.js","lodash-es","../list-view/index.umd.js","../loading/index.umd.js"],o):(g=typeof globalThis<"u"?globalThis:g||self,o(g["search-box"]={},g.Vue,g.FButtonEdit,g.LodashES,g.FListView,g.FLoading))})(this,function(g,o,A,H,q,x){"use strict";const P={},$={};function O(t){const{properties:e,title:s,ignore:r}=t,c=r&&Array.isArray(r),h=Object.keys(e).reduce((p,f)=>((!c||!r.find(y=>y==f))&&(p[f]=e[f].type==="object"&&e[f].properties?O(e[f]):H.cloneDeep(e[f].default)),p),{});return(!c||!r.find(p=>p=="id"))&&(h.id=`${s}-${Date.now()}`),h}function N(t,e={},s){const r=P[t];if(r){let c=O(r);const h=$[t];return c=h?h({getSchemaByType:N},c,e,s):c,c}return null}function L(t,e){const s=O(e);return Object.keys(t).reduce((r,c)=>(r[c]&&typeof r[c]=="object"?Object.assign(r[c],t[c]):r[c]=t[c],r),s),s}function _(t,e){return Object.keys(t).filter(r=>t[r]!=null).reduce((r,c)=>{if(e.has(c)){const h=e.get(c);if(typeof h=="string")r[h]=t[c];else{const p=h(c,t[c],t);Object.assign(r,p)}}else r[c]=t[c];return r},{})}function X(t,e,s=new Map){const r=L(t,e);return _(r,s)}function U(t={}){function e(a,n,l,u){if(typeof l=="number")return u[a].length===l;if(typeof l=="object"){const i=Object.keys(l)[0],d=l[i];if(i==="not")return Number(u[a].length)!==Number(d);if(i==="moreThan")return Number(u[a].length)>=Number(d);if(i==="lessThan")return Number(u[a].length)<=Number(d)}return!1}function s(a,n,l,u){return u[a]&&u[a].propertyValue&&String(u[a].propertyValue.value)===String(l)}const r=new Map([["length",e],["getProperty",s]]);Object.keys(t).reduce((a,n)=>(a.set(n,t[n]),a),r);function c(a,n){const l=a;return typeof n=="number"?[{target:l,operator:"length",param:null,value:Number(n)}]:typeof n=="boolean"?[{target:l,operator:"getProperty",param:a,value:!!n}]:typeof n=="object"?Object.keys(n).map(u=>{if(u==="length")return{target:l,operator:"length",param:null,value:n[u]};const i=u,d=n[u];return{target:l,operator:"getProperty",param:i,value:d}}):[]}function h(a){return Object.keys(a).reduce((l,u)=>{const i=c(u,a[u]);return l.push(...i),l},[])}function p(a,n){if(r.has(a.operator)){const l=r.get(a.operator);return l&&l(a.target,a.param,a.value,n)||!1}return!1}function f(a,n){return h(a).reduce((i,d)=>i&&p(d,n),!0)}function y(a,n){const l=Object.keys(a),u=l.includes("allOf"),i=l.includes("anyOf"),d=u||i,F=(d?a[d?u?"allOf":"anyOf":"allOf"]:[a]).map(M=>f(M,n));return u?!F.includes(!1):F.includes(!0)}return{parseValueSchema:y}}const W={},J={};U();function z(t,e,s=new Map,r=(p,f,y)=>f,c={},h=p=>p){return P[e.title]=e,$[e.title]=r,W[e.title]=c,J[e.title]=h,(p={})=>{const f=X(p,e,s),y=Object.keys(t).reduce((a,n)=>(a[n]=t[n].default,a),{});return Object.assign(y,f)}}function G(t,e){return{customClass:e.class,customStyle:e.style}}const Q=new Map([["appearance",G]]),Y={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/search-box.schema.json",title:"search-box",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for a search-box",type:"string"},type:{description:"The type string of search-box component",type:"string",default:"search-box"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disable:{type:"string",default:!1},editable:{description:"",type:"boolean",default:!0},placeholder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},require:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},visible:{description:"",type:"boolean",default:!0}},required:["id","type"]};function Z(t,e,s){return e}const K={title:"search-box",description:"A Farris Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"waiting for modification",enum:[]}}}}}},j={buttonContent:{type:String,default:'<i class="f-icon f-icon-search"></i>'},customClass:{type:String,default:""},modelValue:{type:String,default:""},popupHost:{type:Object},popupRightBoundary:{type:Object},popupOffsetX:{type:Object},data:{type:Array,default:[]},placeholder:{type:String,default:"请输入关键词"},idField:{default:"id",type:String},textField:{default:"name",type:String},maxHeight:{default:350,type:Number},loading:{default:!1,type:Boolean},disable:{default:!1,type:Boolean},showDropdown:{default:!0,type:Boolean}},D=z(j,Y,Q,Z,K),I={data:{type:Array,default:[]},onConfirmResult:{type:Function,default:()=>{}},onSearchedValue:{type:Function,default:()=>{}},idField:{default:"id",type:String},textField:{default:"name",type:String},maxHeight:{default:350,type:Number},loading:{default:!1,type:Boolean}},C=o.defineComponent({name:"FSearchBoxContainer",props:I,emits:["confirmResult","searchedValue"],setup(t,e){const s=o.ref(t.data),r=o.ref(),{slots:c}=e,h=o.computed(()=>({"search-box-container":!0,"f-utils-overflow-xhya":!0,"position-relative":!0}));function p(n){var l;(l=r.value)==null||l.search(n)}function f(n){n.length&&(e.emit("confirmResult",n[0].name),e.emit("searchedValue",n))}function y(n){return c.default?o.createVNode(o.Fragment,null,[c.default(n)]):o.createVNode("span",null,[n.item[t.textField]])}const a=o.computed(()=>{const n={};return n.padding="8px",t.maxHeight!==void 0&&t.maxHeight>0&&(n.maxHeight=`${t.maxHeight}px`),n});return o.watch(()=>t.loading,n=>{console.log("loading状态改变"+n)}),o.watch(()=>t.data,n=>{n!==s.value&&(s.value=n),r.value.updateDataSource(n)}),e.expose({search:p}),()=>{const n={content:y};return o.createVNode("div",{class:h.value,style:a.value},[o.createVNode(x,{ref:"loadingInstance",isActive:t.loading},null),o.createVNode(q,{ref:r,itemClass:"dropdown-item",data:s.value,view:"ContentView",onClickItem:l=>f(l.data),idField:t.idField,textField:t.textField,titleField:t.textField,valueField:t.idField},n)])}}}),S=o.defineComponent({name:"FSearchBox",props:j,emits:["update:modelValue","change","selectedValue","clickButton"],setup(t,e){o.ref(t.data);const s=o.ref(),r=o.ref(),c=o.ref(t.placeholder),h='<i class="f-icon f-icon-clockwise f-icon-spin"></i>',p=o.computed(()=>t.loading?h:t.buttonContent);o.ref(t.editable);const f=o.ref(t.modelValue);o.watch(f,i=>{var d;(d=r.value)==null||d.search(i),e.emit("update:modelValue",i)}),o.watch(()=>t.modelValue,i=>{f.value=i});function y(i){s.value.commitValue(i)}function a(i){e.emit("change",i)}function n(i){e.emit("selectedValue",i)}function l(i){e.emit("clickButton",i)}function u(){s.value.togglePopup()}return e.expose({togglePopup:u}),()=>{const i={default:e.slots.default};return o.createVNode(A,{ref:s,"button-content":p.value,"custom-class":t.customClass,placeholder:c.value,onChange:d=>a(d),onClickButton:d=>l(d),disable:t.disable,"enable-clear":!0,"button-behavior":"Execute",modelValue:f.value,"onUpdate:modelValue":d=>f.value=d,"popup-host":t.popupHost,"popup-right-boundary":t.popupRightBoundary,"popup-offset-x":t.popupOffsetX,"popup-on-input":t.showDropdown,"popup-on-focus":t.showDropdown},{default:()=>[t.showDropdown&&o.createVNode(C,{ref:r,data:t.data,onConfirmResult:y,onSearchedValue:d=>n(d),loading:t.loading,maxHeight:t.maxHeight},i)],...e.slots})}}});function ee(t,e,s){var k;function r(){}const c="",h="",p=o.ref();function f(){return(e==null?void 0:e.schema.componentType)!=="frame"}function y(){return!1}function a(){return(e==null?void 0:e.schema.componentType)!=="frame"}function n(){return(e==null?void 0:e.schema.componentType)==="frame"}function l(m){if(!m||!m.value)return null;if(m.value.schema&&m.value.schema.type==="component")return m.value;const V=o.ref(m==null?void 0:m.value.parent),b=l(V);return b||null}function u(m=e){const{componentInstance:V,designerItemElementRef:b}=m;return!V||!V.value?null:V.value.canMove?b:u(m.parent)}function i(m){return!!s}function d(){return(e==null?void 0:e.schema.label)||(e==null?void 0:e.schema.title)||(e==null?void 0:e.schema.name)}function E(){}function v(m,V){}function F(m,V){const{componentType:b}=m;let B=N(b,m,V);const R=b.toLowerCase().replace("-","_");return B&&!B.id&&B.type===b&&(B.id=`${R}_${Math.random().toString().slice(2,6)}`),B}function T(m,V){const b=String(m.getAttribute("data-controltype")),B=m.getAttribute("data-feature"),R=B?JSON.parse(B):{};R.parentComponentInstance=p.value;let w=N(b,R);const oe=b.toLowerCase().replace("-","_");return w&&!w.id&&w.type===b&&(w.id=`${oe}_${Math.random().toString().slice(2,6)}`),w}function M(m){}function ne(...m){}return p.value={canMove:f(),canSelectParent:y(),canDelete:a(),canNested:!n(),contents:e==null?void 0:e.schema.contents,elementRef:t,parent:(k=e==null?void 0:e.parent)==null?void 0:k.componentInstance,schema:e==null?void 0:e.schema,styles:c,designerClass:h,canAccepts:i,getBelongedComponentInstance:l,getDraggableDesignItemElement:u,getDraggingDisplayText:d,getPropConfig:ne,getDragScopeElement:E,onAcceptMovedChildElement:v,onAcceptNewChildElement:T,onChildElementMovedOut:M,addNewChildComponentSchema:F,updateDragAndDropRules:r,triggerBelongedComponentToMoveWhenMoved:o.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:o.ref(!1)},p}const te=o.defineComponent({name:"FSearchBoxDesign",props:j,emits:["update:modelValue","change"],setup(t,e){const s=o.ref(t.data),r=o.ref(),c=o.ref(),h=o.ref("请输入关键词"),p=o.ref('<i class="f-icon f-icon-search"></i>'),f=o.ref(t.modelValue),y=o.ref(),a=o.inject("design-item-context"),n=ee(y,a);o.onMounted(()=>{y.value.componentInstance=n}),e.expose(n.value),o.watch(f,i=>{var d;(d=c.value)==null||d.search(i),e.emit("update:modelValue",i)}),o.watch(()=>t.modelValue,i=>{f.value=i});function l(i){r.value.commitValue(i)}function u(i){e.emit("change",i)}return()=>o.createVNode("div",{ref:y},[o.createVNode(o.resolveComponent("f-button-edit"),{ref:r,"button-content":p.value,placeholder:h.value,onChange:u,"enable-clear":!0,"button-behavior":"Execute",modelValue:f.value,"onUpdate:modelValue":i=>f.value=i,"popup-host":t.popupHost,"popup-right-boundary":t.popupRightBoundary,"popup-offset-x":t.popupOffsetX,"popup-on-input":!0,"popup-on-focus":!0},{default:()=>[o.createVNode(C,{ref:c,data:s.value,onConfirmResult:l},null)]})])}});S.install=t=>{t.component(S.name,S)},S.register=(t,e,s,r)=>{t["search-box"]=S,e["search-box"]=D},S.registerDesigner=(t,e,s)=>{t["search-box"]=te,e["search-box"]=D},g.FSearchBox=S,g.default=S,g.propsResolver=D,g.searchBoxProps=j,Object.defineProperties(g,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
|
1
|
+
(function(y,r){typeof exports=="object"&&typeof module<"u"?r(exports,require("vue"),require("../button-edit/index.umd.js"),require("lodash-es"),require("../list-view/index.umd.js"),require("../loading/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../button-edit/index.umd.js","lodash-es","../list-view/index.umd.js","../loading/index.umd.js"],r):(y=typeof globalThis<"u"?globalThis:y||self,r(y["search-box"]={},y.Vue,y.FButtonEdit,y.LodashES,y.FListView,y.FLoading))})(this,function(y,r,H,R,q,x){"use strict";const $={},C={};function N(t){const{properties:e,title:s,ignore:o}=t,c=o&&Array.isArray(o),h=Object.keys(e).reduce((p,f)=>((!c||!o.find(g=>g==f))&&(p[f]=e[f].type==="object"&&e[f].properties?N(e[f]):R.cloneDeep(e[f].default)),p),{});return(!c||!o.find(p=>p=="id"))&&(h.id=`${s}-${Date.now()}`),h}function P(t,e={},s){const o=$[t];if(o){let c=N(o);const h=C[t];return c=h?h({getSchemaByType:P},c,e,s):c,c}return null}function L(t,e){const s=N(e);return Object.keys(t).reduce((o,c)=>(o[c]&&R.isPlainObject(o[c])&&R.isPlainObject(t[c])?Object.assign(o[c],t[c]):o[c]=t[c],o),s),s}function _(t,e){return Object.keys(t).filter(o=>t[o]!=null).reduce((o,c)=>{if(e.has(c)){const h=e.get(c);if(typeof h=="string")o[h]=t[c];else{const p=h(c,t[c],t);Object.assign(o,p)}}else o[c]=t[c];return o},{})}function X(t,e,s=new Map){const o=L(t,e);return _(o,s)}function U(t={}){function e(a,n,l,u){if(typeof l=="number")return u[a].length===l;if(typeof l=="object"){const i=Object.keys(l)[0],d=l[i];if(i==="not")return Number(u[a].length)!==Number(d);if(i==="moreThan")return Number(u[a].length)>=Number(d);if(i==="lessThan")return Number(u[a].length)<=Number(d)}return!1}function s(a,n,l,u){return u[a]&&u[a].propertyValue&&String(u[a].propertyValue.value)===String(l)}const o=new Map([["length",e],["getProperty",s]]);Object.keys(t).reduce((a,n)=>(a.set(n,t[n]),a),o);function c(a,n){const l=a;return typeof n=="number"?[{target:l,operator:"length",param:null,value:Number(n)}]:typeof n=="boolean"?[{target:l,operator:"getProperty",param:a,value:!!n}]:typeof n=="object"?Object.keys(n).map(u=>{if(u==="length")return{target:l,operator:"length",param:null,value:n[u]};const i=u,d=n[u];return{target:l,operator:"getProperty",param:i,value:d}}):[]}function h(a){return Object.keys(a).reduce((l,u)=>{const i=c(u,a[u]);return l.push(...i),l},[])}function p(a,n){if(o.has(a.operator)){const l=o.get(a.operator);return l&&l(a.target,a.param,a.value,n)||!1}return!1}function f(a,n){return h(a).reduce((i,d)=>i&&p(d,n),!0)}function g(a,n){const l=Object.keys(a),u=l.includes("allOf"),i=l.includes("anyOf"),d=u||i,F=(d?a[d?u?"allOf":"anyOf":"allOf"]:[a]).map(E=>f(E,n));return u?!F.includes(!1):F.includes(!0)}return{parseValueSchema:g}}const W={},J={};U();function z(t,e,s=new Map,o=(p,f,g)=>f,c={},h=p=>p){return $[e.title]=e,C[e.title]=o,W[e.title]=c,J[e.title]=h,(p={})=>{const f=X(p,e,s),g=Object.keys(t).reduce((a,n)=>(a[n]=t[n].default,a),{});return Object.assign(g,f)}}function G(t,e){return{customClass:e.class,customStyle:e.style}}const Q=new Map([["appearance",G]]),Y={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/search-box.schema.json",title:"search-box",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for a search-box",type:"string"},type:{description:"The type string of search-box component",type:"string",default:"search-box"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disable:{type:"string",default:!1},editable:{description:"",type:"boolean",default:!0},placeholder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},require:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},visible:{description:"",type:"boolean",default:!0}},required:["id","type"]};function Z(t,e,s){return e}const K={title:"search-box",description:"A Farris Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"waiting for modification",enum:[]}}}}}},w={buttonContent:{type:String,default:'<i class="f-icon f-icon-search"></i>'},customClass:{type:String,default:""},modelValue:{type:String,default:""},popupHost:{type:Object},popupRightBoundary:{type:Object},popupOffsetX:{type:Object},data:{type:Array,default:[]},placeholder:{type:String,default:"请输入关键词"},idField:{default:"id",type:String},textField:{default:"name",type:String},maxHeight:{default:350,type:Number},loading:{default:!1,type:Boolean},disable:{default:!1,type:Boolean},showDropdown:{default:!0,type:Boolean}},D=z(w,Y,Q,Z,K),I={data:{type:Array,default:[]},onConfirmResult:{type:Function,default:()=>{}},onSearchedValue:{type:Function,default:()=>{}},idField:{default:"id",type:String},textField:{default:"name",type:String},maxHeight:{default:350,type:Number},loading:{default:!1,type:Boolean}},v=r.defineComponent({name:"FSearchBoxContainer",props:I,emits:["confirmResult","searchedValue"],setup(t,e){const s=r.ref(t.data),o=r.ref(),{slots:c}=e,h=r.computed(()=>({"search-box-container":!0,"f-utils-overflow-xhya":!0,"position-relative":!0}));function p(n){var l;(l=o.value)==null||l.search(n)}function f(n){n.length&&(e.emit("confirmResult",n[0].name),e.emit("searchedValue",n))}function g(n){return c.default?r.createVNode(r.Fragment,null,[c.default(n)]):r.createVNode("span",null,[n.item[t.textField]])}const a=r.computed(()=>{const n={};return n.padding="8px",t.maxHeight!==void 0&&t.maxHeight>0&&(n.maxHeight=`${t.maxHeight}px`),n});return r.watch(()=>t.loading,n=>{console.log("loading状态改变"+n)}),r.watch(()=>t.data,n=>{n!==s.value&&(s.value=n),o.value.updateDataSource(n)}),e.expose({search:p}),()=>{const n={content:g};return r.createVNode("div",{class:h.value,style:a.value},[r.createVNode(x,{ref:"loadingInstance",isActive:t.loading},null),r.createVNode(q,{ref:o,itemClass:"dropdown-item",data:s.value,view:"ContentView",onClickItem:l=>f(l.data),idField:t.idField,textField:t.textField,titleField:t.textField,valueField:t.idField},n)])}}}),S=r.defineComponent({name:"FSearchBox",props:w,emits:["update:modelValue","change","selectedValue","clickButton"],setup(t,e){r.ref(t.data);const s=r.ref(),o=r.ref(),c=r.ref(t.placeholder),h='<i class="f-icon f-icon-clockwise f-icon-spin"></i>',p=r.computed(()=>t.loading?h:t.buttonContent);r.ref(t.editable);const f=r.ref(t.modelValue);r.watch(f,i=>{var d;(d=o.value)==null||d.search(i),e.emit("update:modelValue",i)}),r.watch(()=>t.modelValue,i=>{f.value=i});function g(i){s.value.commitValue(i)}function a(i){e.emit("change",i)}function n(i){e.emit("selectedValue",i)}function l(i){e.emit("clickButton",i)}function u(){s.value.togglePopup()}return e.expose({togglePopup:u}),()=>{const i={default:e.slots.default};return r.createVNode(H,{ref:s,"button-content":p.value,"custom-class":t.customClass,placeholder:c.value,onChange:d=>a(d),onClickButton:d=>l(d),disable:t.disable,"enable-clear":!0,"button-behavior":"Execute",modelValue:f.value,"onUpdate:modelValue":d=>f.value=d,"popup-host":t.popupHost,"popup-right-boundary":t.popupRightBoundary,"popup-offset-x":t.popupOffsetX,"popup-on-input":t.showDropdown,"popup-on-focus":t.showDropdown},{default:()=>[t.showDropdown&&r.createVNode(v,{ref:o,data:t.data,onConfirmResult:g,onSearchedValue:d=>n(d),loading:t.loading,maxHeight:t.maxHeight},i)],...e.slots})}}});function ee(t,e,s){var A;function o(){}const c="",h="",p=r.ref();function f(){return(e==null?void 0:e.schema.componentType)!=="frame"}function g(){return!1}function a(){return(e==null?void 0:e.schema.componentType)!=="frame"}function n(){return(e==null?void 0:e.schema.componentType)==="frame"}function l(m){if(!m||!m.value)return null;if(m.value.schema&&m.value.schema.type==="component")return m.value;const V=r.ref(m==null?void 0:m.value.parent),b=l(V);return b||null}function u(m=e){const{componentInstance:V,designerItemElementRef:b}=m;return!V||!V.value?null:V.value.canMove?b:u(m.parent)}function i(m){return!!s}function d(){return(e==null?void 0:e.schema.label)||(e==null?void 0:e.schema.title)||(e==null?void 0:e.schema.name)}function M(){}function T(m,V){}function F(m,V){const{componentType:b}=m;let B=P(b,m,V);const O=b.toLowerCase().replace("-","_");return B&&!B.id&&B.type===b&&(B.id=`${O}_${Math.random().toString().slice(2,6)}`),B}function k(m,V){const b=String(m.getAttribute("data-controltype")),B=m.getAttribute("data-feature"),O=B?JSON.parse(B):{};O.parentComponentInstance=p.value;let j=P(b,O);const re=b.toLowerCase().replace("-","_");return j&&!j.id&&j.type===b&&(j.id=`${re}_${Math.random().toString().slice(2,6)}`),j}function E(m){}function ne(...m){}return p.value={canMove:f(),canSelectParent:g(),canDelete:a(),canNested:!n(),contents:e==null?void 0:e.schema.contents,elementRef:t,parent:(A=e==null?void 0:e.parent)==null?void 0:A.componentInstance,schema:e==null?void 0:e.schema,styles:c,designerClass:h,canAccepts:i,getBelongedComponentInstance:l,getDraggableDesignItemElement:u,getDraggingDisplayText:d,getPropConfig:ne,getDragScopeElement:M,onAcceptMovedChildElement:T,onAcceptNewChildElement:k,onChildElementMovedOut:E,addNewChildComponentSchema:F,updateDragAndDropRules:o,triggerBelongedComponentToMoveWhenMoved:r.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:r.ref(!1)},p}const te=r.defineComponent({name:"FSearchBoxDesign",props:w,emits:["update:modelValue","change"],setup(t,e){const s=r.ref(t.data),o=r.ref(),c=r.ref(),h=r.ref("请输入关键词"),p=r.ref('<i class="f-icon f-icon-search"></i>'),f=r.ref(t.modelValue),g=r.ref(),a=r.inject("design-item-context"),n=ee(g,a);r.onMounted(()=>{g.value.componentInstance=n}),e.expose(n.value),r.watch(f,i=>{var d;(d=c.value)==null||d.search(i),e.emit("update:modelValue",i)}),r.watch(()=>t.modelValue,i=>{f.value=i});function l(i){o.value.commitValue(i)}function u(i){e.emit("change",i)}return()=>r.createVNode("div",{ref:g},[r.createVNode(r.resolveComponent("f-button-edit"),{ref:o,"button-content":p.value,placeholder:h.value,onChange:u,"enable-clear":!0,"button-behavior":"Execute",modelValue:f.value,"onUpdate:modelValue":i=>f.value=i,"popup-host":t.popupHost,"popup-right-boundary":t.popupRightBoundary,"popup-offset-x":t.popupOffsetX,"popup-on-input":!0,"popup-on-focus":!0},{default:()=>[r.createVNode(v,{ref:c,data:s.value,onConfirmResult:l},null)]})])}});S.install=t=>{t.component(S.name,S)},S.register=(t,e,s,o)=>{t["search-box"]=S,e["search-box"]=D},S.registerDesigner=(t,e,s)=>{t["search-box"]=te,e["search-box"]=D},y.FSearchBox=S,y.default=S,y.propsResolver=D,y.searchBoxProps=w,Object.defineProperties(y,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|