@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,25 +1,25 @@
|
|
|
1
|
-
import { computed as h, defineComponent as
|
|
2
|
-
import { cloneDeep as
|
|
3
|
-
import { withInstall as
|
|
4
|
-
const V = {},
|
|
1
|
+
import { computed as h, defineComponent as F, ref as d, watch as z, createVNode as y, Fragment as H, inject as Q, onMounted as U } from "vue";
|
|
2
|
+
import { isPlainObject as R, cloneDeep as Z } from "lodash-es";
|
|
3
|
+
import { withInstall as I } from "../common/index.esm.js";
|
|
4
|
+
const V = {}, q = {};
|
|
5
5
|
function L(e) {
|
|
6
|
-
const { properties: r, title: g, ignore: s } = e, n = s && Array.isArray(s), i = Object.keys(r).reduce((f, a) => ((!n || !s.find((v) => v == a)) && (f[a] = r[a].type === "object" && r[a].properties ? L(r[a]) :
|
|
6
|
+
const { properties: r, title: g, ignore: s } = e, n = s && Array.isArray(s), i = Object.keys(r).reduce((f, a) => ((!n || !s.find((v) => v == a)) && (f[a] = r[a].type === "object" && r[a].properties ? L(r[a]) : Z(r[a].default)), f), {});
|
|
7
7
|
return (!n || !s.find((f) => f == "id")) && (i.id = `${g}-${Date.now()}`), i;
|
|
8
8
|
}
|
|
9
9
|
function W(e, r = {}, g) {
|
|
10
10
|
const s = V[e];
|
|
11
11
|
if (s) {
|
|
12
12
|
let n = L(s);
|
|
13
|
-
const i =
|
|
13
|
+
const i = q[e];
|
|
14
14
|
return n = i ? i({ getSchemaByType: W }, n, r, g) : n, n;
|
|
15
15
|
}
|
|
16
16
|
return null;
|
|
17
17
|
}
|
|
18
|
-
function
|
|
18
|
+
function K(e, r) {
|
|
19
19
|
const g = L(r);
|
|
20
|
-
return Object.keys(e).reduce((s, n) => (s[n] &&
|
|
20
|
+
return Object.keys(e).reduce((s, n) => (s[n] && R(s[n]) && R(e[n]) ? Object.assign(s[n], e[n]) : s[n] = e[n], s), g), g;
|
|
21
21
|
}
|
|
22
|
-
function
|
|
22
|
+
function ee(e, r) {
|
|
23
23
|
return Object.keys(e).filter((s) => e[s] != null).reduce((s, n) => {
|
|
24
24
|
if (r.has(n)) {
|
|
25
25
|
const i = r.get(n);
|
|
@@ -34,11 +34,11 @@ function K(e, r) {
|
|
|
34
34
|
return s;
|
|
35
35
|
}, {});
|
|
36
36
|
}
|
|
37
|
-
function
|
|
38
|
-
const s =
|
|
39
|
-
return
|
|
37
|
+
function re(e, r, g = /* @__PURE__ */ new Map()) {
|
|
38
|
+
const s = K(e, r);
|
|
39
|
+
return ee(s, g);
|
|
40
40
|
}
|
|
41
|
-
function
|
|
41
|
+
function te(e = {}) {
|
|
42
42
|
function r(t, o, l, c) {
|
|
43
43
|
if (typeof l == "number")
|
|
44
44
|
return c[t].length === l;
|
|
@@ -92,24 +92,24 @@ function re(e = {}) {
|
|
|
92
92
|
}
|
|
93
93
|
return { parseValueSchema: v };
|
|
94
94
|
}
|
|
95
|
-
const
|
|
96
|
-
|
|
97
|
-
function
|
|
98
|
-
return V[r.title] = r,
|
|
99
|
-
const a =
|
|
95
|
+
const se = {}, ne = {};
|
|
96
|
+
te();
|
|
97
|
+
function oe(e, r, g = /* @__PURE__ */ new Map(), s = (f, a, v) => a, n = {}, i = (f) => f) {
|
|
98
|
+
return V[r.title] = r, q[r.title] = s, se[r.title] = n, ne[r.title] = i, (f = {}) => {
|
|
99
|
+
const a = re(f, r, g), v = Object.keys(e).reduce((t, o) => (t[o] = e[o].default, t), {});
|
|
100
100
|
return Object.assign(v, a);
|
|
101
101
|
};
|
|
102
102
|
}
|
|
103
|
-
function
|
|
103
|
+
function ae(e, r) {
|
|
104
104
|
return { customClass: r.class, customStyle: r.style };
|
|
105
105
|
}
|
|
106
|
-
const
|
|
107
|
-
["appearance",
|
|
106
|
+
const ce = /* @__PURE__ */ new Map([
|
|
107
|
+
["appearance", ae]
|
|
108
108
|
]);
|
|
109
|
-
function
|
|
109
|
+
function le(e, r, g) {
|
|
110
110
|
return r;
|
|
111
111
|
}
|
|
112
|
-
const
|
|
112
|
+
const ue = "https://json-schema.org/draft/2020-12/schema", ie = "https://farris-design.gitee.io/progress.schema.json", fe = "progress", ge = "A Farris Component", pe = "object", de = {
|
|
113
113
|
id: {
|
|
114
114
|
description: "The unique identifier for progress",
|
|
115
115
|
type: "string"
|
|
@@ -171,18 +171,18 @@ const le = "https://json-schema.org/draft/2020-12/schema", ue = "https://farris-
|
|
|
171
171
|
type: "boolean",
|
|
172
172
|
default: !0
|
|
173
173
|
}
|
|
174
|
-
},
|
|
174
|
+
}, ye = [
|
|
175
175
|
"id",
|
|
176
176
|
"type"
|
|
177
|
-
],
|
|
178
|
-
$schema:
|
|
179
|
-
$id:
|
|
180
|
-
title:
|
|
181
|
-
description:
|
|
182
|
-
type:
|
|
183
|
-
properties:
|
|
184
|
-
required:
|
|
185
|
-
},
|
|
177
|
+
], he = {
|
|
178
|
+
$schema: ue,
|
|
179
|
+
$id: ie,
|
|
180
|
+
title: fe,
|
|
181
|
+
description: ge,
|
|
182
|
+
type: pe,
|
|
183
|
+
properties: de,
|
|
184
|
+
required: ye
|
|
185
|
+
}, ve = "progress", me = "A Farris Component", ke = "object", be = {
|
|
186
186
|
basic: {
|
|
187
187
|
description: "Basic Infomation",
|
|
188
188
|
title: "基本信息",
|
|
@@ -204,11 +204,11 @@ const le = "https://json-schema.org/draft/2020-12/schema", ue = "https://farris-
|
|
|
204
204
|
}
|
|
205
205
|
}
|
|
206
206
|
}
|
|
207
|
-
},
|
|
208
|
-
title:
|
|
209
|
-
description:
|
|
210
|
-
type:
|
|
211
|
-
categories:
|
|
207
|
+
}, Pe = {
|
|
208
|
+
title: ve,
|
|
209
|
+
description: me,
|
|
210
|
+
type: ke,
|
|
211
|
+
categories: be
|
|
212
212
|
}, A = {
|
|
213
213
|
progressType: { type: String, default: "line" },
|
|
214
214
|
strokeWidth: { type: Number, default: 0 },
|
|
@@ -240,8 +240,8 @@ const le = "https://json-schema.org/draft/2020-12/schema", ue = "https://farris-
|
|
|
240
240
|
* 格式化进度信息
|
|
241
241
|
*/
|
|
242
242
|
format: { type: Function, default: (e, r) => `${e}%` }
|
|
243
|
-
},
|
|
244
|
-
function
|
|
243
|
+
}, _ = oe(A, he, ce, le, Pe);
|
|
244
|
+
function Se(e) {
|
|
245
245
|
function r(f) {
|
|
246
246
|
return +f.replace("%", "");
|
|
247
247
|
}
|
|
@@ -269,13 +269,13 @@ function Pe(e) {
|
|
|
269
269
|
circleGradient: i
|
|
270
270
|
};
|
|
271
271
|
}
|
|
272
|
-
function
|
|
272
|
+
function $e(e) {
|
|
273
273
|
return { strokeWidth: h(() => e.strokeWidth || (e.progressType === "line" && e.size !== "small" ? 8 : 6)) };
|
|
274
274
|
}
|
|
275
|
-
function
|
|
275
|
+
function we(e) {
|
|
276
276
|
return { formatPercentageText: h(() => e.format(e.percent, e.successPercent)) };
|
|
277
277
|
}
|
|
278
|
-
function
|
|
278
|
+
function je(e, r, g, s) {
|
|
279
279
|
const { isCircleStyle: n } = r, { isGradient: i, linearGradient: f } = g, { strokeWidth: a } = s, v = h(() => {
|
|
280
280
|
const p = {
|
|
281
281
|
"f-progress": !0,
|
|
@@ -349,10 +349,10 @@ function we(e, r, g, s) {
|
|
|
349
349
|
inlineProgressBackgroundStyle: T
|
|
350
350
|
};
|
|
351
351
|
}
|
|
352
|
-
function
|
|
352
|
+
function Oe(e) {
|
|
353
353
|
return { isCircleStyle: h(() => e.progressType === "circle" || e.progressType === "dashboard") };
|
|
354
354
|
}
|
|
355
|
-
function
|
|
355
|
+
function Be(e) {
|
|
356
356
|
const r = h(() => {
|
|
357
357
|
const n = {
|
|
358
358
|
"f-progress-text-icon": !0,
|
|
@@ -372,7 +372,7 @@ function Oe(e) {
|
|
|
372
372
|
shouldShowStatus: s
|
|
373
373
|
};
|
|
374
374
|
}
|
|
375
|
-
function
|
|
375
|
+
function Te(e) {
|
|
376
376
|
const r = h(() => ({
|
|
377
377
|
width: `${e.successPercent}%`,
|
|
378
378
|
"border-radius": e.strokeLinecap === "round" ? "100px" : "0",
|
|
@@ -381,19 +381,19 @@ function Be(e) {
|
|
|
381
381
|
})), g = h(() => e.successPercent || e.successPercent === 0);
|
|
382
382
|
return { inlineProgressSuccessBackgroundStyle: r, shouldShowSuccessInlineProgressBackground: g };
|
|
383
383
|
}
|
|
384
|
-
const G = /* @__PURE__ */
|
|
384
|
+
const G = /* @__PURE__ */ F({
|
|
385
385
|
name: "FProgress",
|
|
386
386
|
props: A,
|
|
387
387
|
emits: [],
|
|
388
388
|
setup(e) {
|
|
389
|
-
const r = d(e.progressType), g = d(e.showInfo), s = d(e.percent), n = d(e.strokeLinecap), i =
|
|
389
|
+
const r = d(e.progressType), g = d(e.showInfo), s = d(e.percent), n = d(e.strokeLinecap), i = Se(e), {
|
|
390
390
|
isGradient: f,
|
|
391
391
|
circleGradient: a
|
|
392
|
-
} = i, v =
|
|
392
|
+
} = i, v = $e(e), {
|
|
393
393
|
strokeWidth: t
|
|
394
394
|
} = v, {
|
|
395
395
|
formatPercentageText: o
|
|
396
|
-
} =
|
|
396
|
+
} = we(e), l = Oe(e), {
|
|
397
397
|
isCircleStyle: c
|
|
398
398
|
} = l, {
|
|
399
399
|
progressClass: m,
|
|
@@ -404,15 +404,15 @@ const G = /* @__PURE__ */ R({
|
|
|
404
404
|
progressCirclePaths: $,
|
|
405
405
|
gradientId: P,
|
|
406
406
|
inlineProgressBackgroundStyle: w
|
|
407
|
-
} =
|
|
407
|
+
} = je(e, l, i, v), {
|
|
408
408
|
inlineProgrssStatusClass: O,
|
|
409
409
|
circleProgrssStatusClass: u,
|
|
410
410
|
shouldShowStatus: k
|
|
411
|
-
} =
|
|
411
|
+
} = Be(e), {
|
|
412
412
|
inlineProgressSuccessBackgroundStyle: S,
|
|
413
413
|
shouldShowSuccessInlineProgressBackground: B
|
|
414
|
-
} =
|
|
415
|
-
|
|
414
|
+
} = Te(e);
|
|
415
|
+
z(() => e.percent, (N) => {
|
|
416
416
|
s.value = N || 0;
|
|
417
417
|
});
|
|
418
418
|
function C() {
|
|
@@ -423,7 +423,7 @@ const G = /* @__PURE__ */ R({
|
|
|
423
423
|
}, null) : o.value]);
|
|
424
424
|
}
|
|
425
425
|
function M() {
|
|
426
|
-
return y(
|
|
426
|
+
return y(H, null, [y("div", {
|
|
427
427
|
class: "f-progress-outer"
|
|
428
428
|
}, [y("div", {
|
|
429
429
|
class: "f-progress-inner"
|
|
@@ -473,7 +473,7 @@ const G = /* @__PURE__ */ R({
|
|
|
473
473
|
}, [r.value === "line" && M(), c.value && E()]);
|
|
474
474
|
}
|
|
475
475
|
});
|
|
476
|
-
function
|
|
476
|
+
function De(e, r, g) {
|
|
477
477
|
var O;
|
|
478
478
|
function s() {
|
|
479
479
|
}
|
|
@@ -555,15 +555,15 @@ function Te(e, r, g) {
|
|
|
555
555
|
triggerBelongedComponentToDeleteWhenDeleted: d(!1)
|
|
556
556
|
}, f;
|
|
557
557
|
}
|
|
558
|
-
const
|
|
558
|
+
const Ce = /* @__PURE__ */ F({
|
|
559
559
|
name: "FProgressDesign",
|
|
560
560
|
props: A,
|
|
561
561
|
emits: [],
|
|
562
562
|
setup(e, r) {
|
|
563
|
-
const g = d(e.progressStatus), s = d(e.progressType), n = d(e.size), i = d(e.showInfo), f = d(e.strokeWidth), a = d(e.percent), v = d(e.strokeLinecap), t = d(!1), o = d(e.strokeColor), l = d(null), c = d(0), m = d(e.width), b = d(""), D = d([]), T = d(""), p = d([]), $ = d(e.enableBackgroundImg), P = d(e.backgroundImg), w = d(), O =
|
|
564
|
-
|
|
563
|
+
const g = d(e.progressStatus), s = d(e.progressType), n = d(e.size), i = d(e.showInfo), f = d(e.strokeWidth), a = d(e.percent), v = d(e.strokeLinecap), t = d(!1), o = d(e.strokeColor), l = d(null), c = d(0), m = d(e.width), b = d(""), D = d([]), T = d(""), p = d([]), $ = d(e.enableBackgroundImg), P = d(e.backgroundImg), w = d(), O = Q("design-item-context"), u = De(w, O);
|
|
564
|
+
U(() => {
|
|
565
565
|
w.value.componentInstance = u;
|
|
566
|
-
}), r.expose(u.value),
|
|
566
|
+
}), r.expose(u.value), z(() => e.percent, (j) => {
|
|
567
567
|
a.value = j || 0;
|
|
568
568
|
});
|
|
569
569
|
const k = h(() => f.value || (s.value === "line" && n.value !== "small" ? 8 : 6)), S = h(() => s.value === "circle" || s.value === "dashboard"), B = h(() => {
|
|
@@ -573,8 +573,8 @@ const De = /* @__PURE__ */ R({
|
|
|
573
573
|
"ant-progress-small": n.value === "small",
|
|
574
574
|
"f-progress-show-info": i.value,
|
|
575
575
|
".f-progress-circle": S.value
|
|
576
|
-
},
|
|
577
|
-
return j[
|
|
576
|
+
}, x = `f-progress-status-${g.value}`;
|
|
577
|
+
return j[x] = !0, j;
|
|
578
578
|
}), C = h(() => ({
|
|
579
579
|
width: `${a.value}%`,
|
|
580
580
|
"border-radius": v.value === "round" ? "100px" : "0",
|
|
@@ -600,16 +600,16 @@ const De = /* @__PURE__ */ R({
|
|
|
600
600
|
style: M.value
|
|
601
601
|
}, null)])]);
|
|
602
602
|
}
|
|
603
|
-
const
|
|
603
|
+
const X = h(() => ({
|
|
604
604
|
width: `${m.value}px`,
|
|
605
605
|
height: `${m.value}px`,
|
|
606
606
|
"font-size": `${m.value * 0.15 + 6}px`,
|
|
607
607
|
"f-progress-circle-gradient": t.value
|
|
608
|
-
})),
|
|
609
|
-
function
|
|
608
|
+
})), Y = h(() => ({}));
|
|
609
|
+
function J() {
|
|
610
610
|
return y("div", {
|
|
611
611
|
class: "f-progress-inner",
|
|
612
|
-
style:
|
|
612
|
+
style: X.value
|
|
613
613
|
}, [y("svg", {
|
|
614
614
|
class: "f-progress-circle",
|
|
615
615
|
viewBox: "0 0 100 100"
|
|
@@ -628,7 +628,7 @@ const De = /* @__PURE__ */ R({
|
|
|
628
628
|
"fill-opacity": "0",
|
|
629
629
|
"stroke-width": k.value,
|
|
630
630
|
d: T.value,
|
|
631
|
-
style:
|
|
631
|
+
style: Y.value
|
|
632
632
|
}, null), p.value.map((j) => y("path", {
|
|
633
633
|
class: "f-progress-circle-path",
|
|
634
634
|
"fill-opacity": "0",
|
|
@@ -642,19 +642,19 @@ const De = /* @__PURE__ */ R({
|
|
|
642
642
|
return () => y("div", {
|
|
643
643
|
ref: w,
|
|
644
644
|
class: B.value
|
|
645
|
-
}, [s.value === "line" && N(), S.value &&
|
|
645
|
+
}, [s.value === "line" && N(), S.value && J()]);
|
|
646
646
|
}
|
|
647
647
|
});
|
|
648
648
|
G.register = (e, r, g) => {
|
|
649
|
-
e.progress = G, r.progress =
|
|
649
|
+
e.progress = G, r.progress = _;
|
|
650
650
|
};
|
|
651
651
|
G.registerDesigner = (e, r, g) => {
|
|
652
|
-
e.progress =
|
|
652
|
+
e.progress = Ce, r.progress = _;
|
|
653
653
|
};
|
|
654
|
-
const
|
|
654
|
+
const Ge = I(G);
|
|
655
655
|
export {
|
|
656
656
|
G as Progress,
|
|
657
|
-
|
|
657
|
+
Ge as default,
|
|
658
658
|
A as progressProps,
|
|
659
|
-
|
|
659
|
+
_ as propsResolver
|
|
660
660
|
};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
(function(v,r){typeof exports=="object"&&typeof module<"u"?r(exports,require("vue"),require("lodash-es"),require("../common/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","../common/index.umd.js"],r):(v=typeof globalThis<"u"?globalThis:v||self,r(v.progress={},v.Vue,v.LodashES,v.common))})(this,function(v,r,
|
|
1
|
+
(function(v,r){typeof exports=="object"&&typeof module<"u"?r(exports,require("vue"),require("lodash-es"),require("../common/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","../common/index.umd.js"],r):(v=typeof globalThis<"u"?globalThis:v||self,r(v.progress={},v.Vue,v.LodashES,v.common))})(this,function(v,r,G,q){"use strict";const A={},F={};function L(e){const{properties:t,title:p,ignore:n}=e,o=n&&Array.isArray(n),f=Object.keys(t).reduce((d,a)=>((!o||!n.find(y=>y==a))&&(d[a]=t[a].type==="object"&&t[a].properties?L(t[a]):G.cloneDeep(t[a].default)),d),{});return(!o||!n.find(d=>d=="id"))&&(f.id=`${p}-${Date.now()}`),f}function W(e,t={},p){const n=A[e];if(n){let o=L(n);const f=F[e];return o=f?f({getSchemaByType:W},o,t,p):o,o}return null}function z(e,t){const p=L(t);return Object.keys(e).reduce((n,o)=>(n[o]&&G.isPlainObject(n[o])&&G.isPlainObject(e[o])?Object.assign(n[o],e[o]):n[o]=e[o],n),p),p}function _(e,t){return Object.keys(e).filter(n=>e[n]!=null).reduce((n,o)=>{if(t.has(o)){const f=t.get(o);if(typeof f=="string")n[f]=e[o];else{const d=f(o,e[o],e);Object.assign(n,d)}}else n[o]=e[o];return n},{})}function X(e,t,p=new Map){const n=z(e,t);return _(n,p)}function Y(e={}){function t(s,c,i,l){if(typeof i=="number")return l[s].length===i;if(typeof i=="object"){const h=Object.keys(i)[0],k=i[h];if(h==="not")return Number(l[s].length)!==Number(k);if(h==="moreThan")return Number(l[s].length)>=Number(k);if(h==="lessThan")return Number(l[s].length)<=Number(k)}return!1}function p(s,c,i,l){return l[s]&&l[s].propertyValue&&String(l[s].propertyValue.value)===String(i)}const n=new Map([["length",t],["getProperty",p]]);Object.keys(e).reduce((s,c)=>(s.set(c,e[c]),s),n);function o(s,c){const i=s;return typeof c=="number"?[{target:i,operator:"length",param:null,value:Number(c)}]:typeof c=="boolean"?[{target:i,operator:"getProperty",param:s,value:!!c}]:typeof c=="object"?Object.keys(c).map(l=>{if(l==="length")return{target:i,operator:"length",param:null,value:c[l]};const h=l,k=c[l];return{target:i,operator:"getProperty",param:h,value:k}}):[]}function f(s){return Object.keys(s).reduce((i,l)=>{const h=o(l,s[l]);return i.push(...h),i},[])}function d(s,c){if(n.has(s.operator)){const i=n.get(s.operator);return i&&i(s.target,s.param,s.value,c)||!1}return!1}function a(s,c){return f(s).reduce((h,k)=>h&&d(k,c),!0)}function y(s,c){const i=Object.keys(s),l=i.includes("allOf"),h=i.includes("anyOf"),k=l||h,g=(k?s[k?l?"allOf":"anyOf":"allOf"]:[s]).map(b=>a(b,c));return l?!g.includes(!1):g.includes(!0)}return{parseValueSchema:y}}const J={},x={};Y();function H(e,t,p=new Map,n=(d,a,y)=>a,o={},f=d=>d){return A[t.title]=t,F[t.title]=n,J[t.title]=o,x[t.title]=f,(d={})=>{const a=X(d,t,p),y=Object.keys(e).reduce((s,c)=>(s[c]=e[c].default,s),{});return Object.assign(y,a)}}function Q(e,t){return{customClass:t.class,customStyle:t.style}}const U=new Map([["appearance",Q]]);function Z(e,t,p){return t}const I={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/progress.schema.json",title:"progress",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for progress",type:"string"},type:{description:"The type string of progress",type:"string",default:"progress"},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"]},K={title:"progress",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:[]}}}}}},E={progressType:{type:String,default:"line"},strokeWidth:{type:Number,default:0},size:{type:String,default:"default"},showInfo:{type:Boolean,default:!0},progressStatus:{type:String,default:"default"},successPercent:{type:Number,default:0},strokeColor:{type:String,default:""},strokeLinecap:{type:String,default:"round"},width:{type:Number,default:100},percent:{type:Number,default:20},enableBackgroundImg:{type:Boolean,default:!1},backgroundImg:{type:String,default:""},gapPosition:{type:String},gapDegree:{type:Number,default:0},format:{type:Function,default:(e,t)=>`${e}%`}},R=H(E,I,U,Z,K);function ee(e){function t(d){return+d.replace("%","")}function p(d){let a=[];return Object.keys(d).forEach(y=>{const s=d[y],c=t(y);isNaN(c)||a.push({key:c,value:s})}),a=a.sort((y,s)=>y.key-s.key),a}const n=r.computed(()=>!!e.strokeColor&&typeof e.strokeColor!="string"),o=r.computed(()=>{const{from:d="#59a1ff",to:a="#59a1ff",direction:y="to right",...s}=e.strokeColor;if(Object.keys(s).length!==0){const c=p(s).map(({key:i,value:l})=>`${l} ${i}%`).join(", ");return`linear-gradient(${y}, ${c})`}return`linear-gradient(${y}, ${d}, ${a})`}),f=r.computed(()=>p(e.strokeColor).map(({key:d,value:a})=>({offset:`${d}%`,color:a})));return{isGradient:n,linearGradient:o,circleGradient:f}}function re(e){return{strokeWidth:r.computed(()=>e.strokeWidth||(e.progressType==="line"&&e.size!=="small"?8:6))}}function te(e){return{formatPercentageText:r.computed(()=>e.format(e.percent,e.successPercent))}}function se(e,t,p,n){const{isCircleStyle:o}=t,{isGradient:f,linearGradient:d}=p,{strokeWidth:a}=n,y=r.computed(()=>{const g={"f-progress":!0,"f-progress-line":e.progressType==="line","ant-progress-small":e.size==="small","f-progress-show-info":e.showInfo,"f-progress-circle":o.value},S=`f-progress-status-${e.progressStatus}`;return g[S]=!0,g}),s=r.computed(()=>({width:`${e.width}px`,height:`${e.width}px`,"font-size":`${e.width*.15+6}px`,"f-progress-circle-gradient":f.value})),c=r.computed(()=>({"f-progress-inner":!0,"f-progress-circle-gradient":f.value})),i=0,l=r.computed(()=>i+1),h=r.computed(()=>{const g=50-a.value/2,S=e.gapPosition||(e.progressType==="circle"?"top":"bottom");let b=0,$=-g,N=0,u=g*-2;switch(S){case"left":b=-g,$=0,N=g*2,u=0;break;case"right":b=g,$=0,N=g*-2,u=0;break;case"bottom":$=g,u=g*2;break}return`M 50,50 m ${b},${$}
|
|
2
2
|
a ${g},${g} 0 1 1 ${N},${-u}
|
|
3
|
-
a ${g},${g} 0 1 1 ${-N},${u}`}),k=r.computed(()=>{const g=50-a.value/2,S=Math.PI*2*g,b=e.gapDegree||(e.progressType==="circle"?0:75);return{strokeDasharray:`${S-b}px ${S}px`,strokeDashoffset:`-${b/2}px`,transition:"stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s"}}),T=r.computed(()=>{const g=50-a.value/2,S=Math.PI*2*g,b=e.gapDegree||(e.progressType==="circle"?0:75),$=e.successPercent!==void 0&&e.successPercent!==null?[e.successPercent,e.percent]:[e.percent];return $.map((N,u)=>{const m=$.length===2&&u===0;return{stroke:f.value&&!m?`url(#gradient-${l.value})`:null,strokePathStyle:{stroke:f.value?null:m?"default":e.strokeColor,transition:"stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s",strokeDasharray:`${(N||0)/100*(S-b)}px ${S}px`,strokeDashoffset:`-${b/2}px`}}}).reverse()}),O=r.computed(()=>({width:`${e.percent}%`,"border-radius":e.strokeLinecap==="round"?"100px":"0",background:f.value?null:e.strokeColor,"background-image":f.value?d.value:null,height:`${a.value}px`}));return{progressClass:y,inCircleProgressBarStyle:s,inCircleProgressBarClass:c,pathString:h,trailPathStyle:k,progressCirclePaths:T,gradientId:l,inlineProgressBackgroundStyle:O}}function ne(e){return{isCircleStyle:r.computed(()=>e.progressType==="circle"||e.progressType==="dashboard")}}function oe(e){const t=r.computed(()=>{const o={"f-progress-text-icon":!0,"f-icon":!0},f=`f-icon-${e.progressStatus}`;return o[f]=!0,o}),p=r.computed(()=>{const o={"f-progress-text-icon":!0,"f-icon":!0},f=e.progressStatus==="success"?"f-icon-checkmark":"f-icon-x";return o[f]=!0,o}),n=r.computed(()=>e.progressStatus==="error"||e.progressStatus==="success");return{inlineProgrssStatusClass:t,circleProgrssStatusClass:p,shouldShowStatus:n}}function ce(e){const t=r.computed(()=>({width:`${e.successPercent}%`,"border-radius":e.strokeLinecap==="round"?"100px":"0",height:`${e.strokeWidth}px`,"background-image":e.enableBackgroundImg?`url(${e.backgroundImg})`:null})),p=r.computed(()=>e.successPercent||e.successPercent===0);return{inlineProgressSuccessBackgroundStyle:t,shouldShowSuccessInlineProgressBackground:p}}const C=r.defineComponent({name:"FProgress",props:E,emits:[],setup(e){const t=r.ref(e.progressType),p=r.ref(e.showInfo),n=r.ref(e.percent),o=r.ref(e.strokeLinecap),f=ee(e),{isGradient:d,circleGradient:a}=f,y=re(e),{strokeWidth:s}=y,{formatPercentageText:c}=te(e),i=ne(e),{isCircleStyle:l}=i,{progressClass:h,inCircleProgressBarStyle:k,inCircleProgressBarClass:T,pathString:O,trailPathStyle:g,progressCirclePaths:S,gradientId:b,inlineProgressBackgroundStyle:$}=se(e,i,f,y),{inlineProgrssStatusClass:N,circleProgrssStatusClass:u,shouldShowStatus:m}=oe(e),{inlineProgressSuccessBackgroundStyle:P,shouldShowSuccessInlineProgressBackground:j}=ce(e);r.watch(()=>e.percent,D=>{n.value=D||0});function V(){return p.value&&r.createVNode("span",{class:"f-progress-text"},[m.value?r.createVNode("span",{class:l.value?u.value:N.value},null):c.value])}function B(){return r.createVNode(r.Fragment,null,[r.createVNode("div",{class:"f-progress-outer"},[r.createVNode("div",{class:"f-progress-inner"},[r.createVNode("div",{class:"f-progress-bg",style:$.value},null),j.value&&r.createVNode("div",{class:"f-progress-success-bg",style:P.value},null)])]),V()])}function M(){return r.createVNode("div",{class:T.value,style:k.value},[r.createVNode("svg",{class:"f-progress-circle",viewBox:"0 0 100 100"},[d.value&&r.createVNode("defs",null,[r.createVNode("linearGradient",{id:"gradient-"+b.value,x1:"100%",y1:"0%",x2:"0%",y2:"0%"},[a.value.map(D=>r.createVNode("stop",{offset:D.offset,"stop-color":D.color},null))])]),r.createVNode("path",{class:"f-progress-circle-trail",stroke:"#efefef","fill-opacity":"0","stroke-width":s.value,d:O.value,style:g.value},null),S.value.map(D=>r.createVNode("path",{class:"f-progress-circle-path","fill-opacity":"0",d:O.value,"stroke-linecap":o.value,stroke:D.stroke,"stroke-width":n.value?s.value:0,style:D.strokePathStyle},null))]),V()])}return()=>r.createVNode("div",{class:h.value},[t.value==="line"&&B(),l.value&&M()])}});function ae(e,t,p){var N;function n(){}const o="",f="",d=r.ref();function a(){return(t==null?void 0:t.schema.componentType)!=="frame"}function y(){return!1}function s(){return(t==null?void 0:t.schema.componentType)!=="frame"}function c(){return(t==null?void 0:t.schema.componentType)==="frame"}function i(u){if(!u||!u.value)return null;if(u.value.schema&&u.value.schema.type==="component")return u.value;const m=r.ref(u==null?void 0:u.value.parent),P=i(m);return P||null}function l(u=t){const{componentInstance:m,designerItemElementRef:P}=u;return!m||!m.value?null:m.value.canMove?P:l(u.parent)}function h(u){return!!p}function k(){return(t==null?void 0:t.schema.label)||(t==null?void 0:t.schema.title)||(t==null?void 0:t.schema.name)}function T(){}function O(u,m){}function g(u,m){const{componentType:P}=u;let j=
|
|
3
|
+
a ${g},${g} 0 1 1 ${-N},${u}`}),k=r.computed(()=>{const g=50-a.value/2,S=Math.PI*2*g,b=e.gapDegree||(e.progressType==="circle"?0:75);return{strokeDasharray:`${S-b}px ${S}px`,strokeDashoffset:`-${b/2}px`,transition:"stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s"}}),T=r.computed(()=>{const g=50-a.value/2,S=Math.PI*2*g,b=e.gapDegree||(e.progressType==="circle"?0:75),$=e.successPercent!==void 0&&e.successPercent!==null?[e.successPercent,e.percent]:[e.percent];return $.map((N,u)=>{const m=$.length===2&&u===0;return{stroke:f.value&&!m?`url(#gradient-${l.value})`:null,strokePathStyle:{stroke:f.value?null:m?"default":e.strokeColor,transition:"stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s",strokeDasharray:`${(N||0)/100*(S-b)}px ${S}px`,strokeDashoffset:`-${b/2}px`}}}).reverse()}),O=r.computed(()=>({width:`${e.percent}%`,"border-radius":e.strokeLinecap==="round"?"100px":"0",background:f.value?null:e.strokeColor,"background-image":f.value?d.value:null,height:`${a.value}px`}));return{progressClass:y,inCircleProgressBarStyle:s,inCircleProgressBarClass:c,pathString:h,trailPathStyle:k,progressCirclePaths:T,gradientId:l,inlineProgressBackgroundStyle:O}}function ne(e){return{isCircleStyle:r.computed(()=>e.progressType==="circle"||e.progressType==="dashboard")}}function oe(e){const t=r.computed(()=>{const o={"f-progress-text-icon":!0,"f-icon":!0},f=`f-icon-${e.progressStatus}`;return o[f]=!0,o}),p=r.computed(()=>{const o={"f-progress-text-icon":!0,"f-icon":!0},f=e.progressStatus==="success"?"f-icon-checkmark":"f-icon-x";return o[f]=!0,o}),n=r.computed(()=>e.progressStatus==="error"||e.progressStatus==="success");return{inlineProgrssStatusClass:t,circleProgrssStatusClass:p,shouldShowStatus:n}}function ce(e){const t=r.computed(()=>({width:`${e.successPercent}%`,"border-radius":e.strokeLinecap==="round"?"100px":"0",height:`${e.strokeWidth}px`,"background-image":e.enableBackgroundImg?`url(${e.backgroundImg})`:null})),p=r.computed(()=>e.successPercent||e.successPercent===0);return{inlineProgressSuccessBackgroundStyle:t,shouldShowSuccessInlineProgressBackground:p}}const C=r.defineComponent({name:"FProgress",props:E,emits:[],setup(e){const t=r.ref(e.progressType),p=r.ref(e.showInfo),n=r.ref(e.percent),o=r.ref(e.strokeLinecap),f=ee(e),{isGradient:d,circleGradient:a}=f,y=re(e),{strokeWidth:s}=y,{formatPercentageText:c}=te(e),i=ne(e),{isCircleStyle:l}=i,{progressClass:h,inCircleProgressBarStyle:k,inCircleProgressBarClass:T,pathString:O,trailPathStyle:g,progressCirclePaths:S,gradientId:b,inlineProgressBackgroundStyle:$}=se(e,i,f,y),{inlineProgrssStatusClass:N,circleProgrssStatusClass:u,shouldShowStatus:m}=oe(e),{inlineProgressSuccessBackgroundStyle:P,shouldShowSuccessInlineProgressBackground:j}=ce(e);r.watch(()=>e.percent,D=>{n.value=D||0});function V(){return p.value&&r.createVNode("span",{class:"f-progress-text"},[m.value?r.createVNode("span",{class:l.value?u.value:N.value},null):c.value])}function B(){return r.createVNode(r.Fragment,null,[r.createVNode("div",{class:"f-progress-outer"},[r.createVNode("div",{class:"f-progress-inner"},[r.createVNode("div",{class:"f-progress-bg",style:$.value},null),j.value&&r.createVNode("div",{class:"f-progress-success-bg",style:P.value},null)])]),V()])}function M(){return r.createVNode("div",{class:T.value,style:k.value},[r.createVNode("svg",{class:"f-progress-circle",viewBox:"0 0 100 100"},[d.value&&r.createVNode("defs",null,[r.createVNode("linearGradient",{id:"gradient-"+b.value,x1:"100%",y1:"0%",x2:"0%",y2:"0%"},[a.value.map(D=>r.createVNode("stop",{offset:D.offset,"stop-color":D.color},null))])]),r.createVNode("path",{class:"f-progress-circle-trail",stroke:"#efefef","fill-opacity":"0","stroke-width":s.value,d:O.value,style:g.value},null),S.value.map(D=>r.createVNode("path",{class:"f-progress-circle-path","fill-opacity":"0",d:O.value,"stroke-linecap":o.value,stroke:D.stroke,"stroke-width":n.value?s.value:0,style:D.strokePathStyle},null))]),V()])}return()=>r.createVNode("div",{class:h.value},[t.value==="line"&&B(),l.value&&M()])}});function ae(e,t,p){var N;function n(){}const o="",f="",d=r.ref();function a(){return(t==null?void 0:t.schema.componentType)!=="frame"}function y(){return!1}function s(){return(t==null?void 0:t.schema.componentType)!=="frame"}function c(){return(t==null?void 0:t.schema.componentType)==="frame"}function i(u){if(!u||!u.value)return null;if(u.value.schema&&u.value.schema.type==="component")return u.value;const m=r.ref(u==null?void 0:u.value.parent),P=i(m);return P||null}function l(u=t){const{componentInstance:m,designerItemElementRef:P}=u;return!m||!m.value?null:m.value.canMove?P:l(u.parent)}function h(u){return!!p}function k(){return(t==null?void 0:t.schema.label)||(t==null?void 0:t.schema.title)||(t==null?void 0:t.schema.name)}function T(){}function O(u,m){}function g(u,m){const{componentType:P}=u;let j=W(P,u,m);const V=P.toLowerCase().replace("-","_");return j&&!j.id&&j.type===P&&(j.id=`${V}_${Math.random().toString().slice(2,6)}`),j}function S(u,m){const P=String(u.getAttribute("data-controltype")),j=u.getAttribute("data-feature"),V=j?JSON.parse(j):{};V.parentComponentInstance=d.value;let B=W(P,V);const M=P.toLowerCase().replace("-","_");return B&&!B.id&&B.type===P&&(B.id=`${M}_${Math.random().toString().slice(2,6)}`),B}function b(u){}function $(...u){}return d.value={canMove:a(),canSelectParent:y(),canDelete:s(),canNested:!c(),contents:t==null?void 0:t.schema.contents,elementRef:e,parent:(N=t==null?void 0:t.parent)==null?void 0:N.componentInstance,schema:t==null?void 0:t.schema,styles:o,designerClass:f,canAccepts:h,getBelongedComponentInstance:i,getDraggableDesignItemElement:l,getDraggingDisplayText:k,getPropConfig:$,getDragScopeElement:T,onAcceptMovedChildElement:O,onAcceptNewChildElement:S,onChildElementMovedOut:b,addNewChildComponentSchema:g,updateDragAndDropRules:n,triggerBelongedComponentToMoveWhenMoved:r.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:r.ref(!1)},d}const le=r.defineComponent({name:"FProgressDesign",props:E,emits:[],setup(e,t){const p=r.ref(e.progressStatus),n=r.ref(e.progressType),o=r.ref(e.size),f=r.ref(e.showInfo),d=r.ref(e.strokeWidth),a=r.ref(e.percent),y=r.ref(e.strokeLinecap),s=r.ref(!1),c=r.ref(e.strokeColor),i=r.ref(null),l=r.ref(0),h=r.ref(e.width),k=r.ref(""),T=r.ref([]),O=r.ref(""),g=r.ref([]),S=r.ref(e.enableBackgroundImg),b=r.ref(e.backgroundImg),$=r.ref(),N=r.inject("design-item-context"),u=ae($,N);r.onMounted(()=>{$.value.componentInstance=u}),t.expose(u.value),r.watch(()=>e.percent,w=>{a.value=w||0});const m=r.computed(()=>d.value||(n.value==="line"&&o.value!=="small"?8:6)),P=r.computed(()=>n.value==="circle"||n.value==="dashboard"),j=r.computed(()=>{const w={"f-progress":!0,"f-progress-line":n.value==="line","ant-progress-small":o.value==="small","f-progress-show-info":f.value,".f-progress-circle":P.value},pe=`f-progress-status-${p.value}`;return w[pe]=!0,w}),V=r.computed(()=>({width:`${a.value}%`,"border-radius":y.value==="round"?"100px":"0",backgroud:s.value?null:c.value,"background-image":s.value?i.value:null,height:`${m.value}px`})),B=r.computed(()=>({width:`${a.value}%`,"border-radius":y.value==="round"?"100px":"0",height:`${m.value}px`,"background-image":S.value?b.value:null})),M=r.computed(()=>l.value||l.value===0);function D(){return r.createVNode("div",{class:"f-progress-outer"},[r.createVNode("div",{class:"f-progress-inner"},[r.createVNode("div",{class:"f-progress-bg",style:V.value},null),M.value&&r.createVNode("div",{class:"f-progress-success-bg",style:B.value},null)])])}const ue=r.computed(()=>({width:`${h.value}px`,height:`${h.value}px`,"font-size":`${h.value*.15+6}px`,"f-progress-circle-gradient":s.value})),fe=r.computed(()=>({}));function de(){return r.createVNode("div",{class:"f-progress-inner",style:ue.value},[r.createVNode("svg",{class:"f-progress-circle",viewBox:"0 0 100 100"},[s.value&&r.createVNode("defs",null,[r.createVNode("linearGradient",{id:"gradient-"+k.value,x1:"100%",y1:"0%",x2:"0%",y2:"0%"},[T.value.map(w=>r.createVNode("stop",{offset:w.offset,"stop-color":w.color},null))])]),r.createVNode("path",{class:"f-progress-circle-trail",stroke:"#efefef","fill-opacity":"0","stroke-width":m.value,d:O.value,style:fe.value},null),g.value.map(w=>r.createVNode("path",{class:"f-progress-circle-path","fill-opacity":"0",d:O.value,"stroke-linecap":y.value,stroke:w.stroke,"stroke-width":a.value?m.value:0,style:w.strokePathStyle},null))])])}return()=>r.createVNode("div",{ref:$,class:j.value},[n.value==="line"&&D(),P.value&&de()])}});C.register=(e,t,p)=>{e.progress=C,t.progress=R},C.registerDesigner=(e,t,p)=>{e.progress=le,t.progress=R};const ie=q.withInstall(C);v.Progress=C,v.default=ie,v.progressProps=E,v.propsResolver=R,Object.defineProperties(v,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.f-page-single-property-editor-component{min-width:230px}.f-page-single-property-editor-component-tag{display:1;font-family:PingFangSC-Regular;font-size:13px;color:#00000080;letter-spacing:0;line-height:16px;margin-left:5%;margin-top:2.5%;margin-bottom:2.5%}.f-page-single-property-editor-component-left-controller{float:left;height:28px;width:32%}.f-page-single-property-editor-component-right-const{float:left;width:65%;margin-left:3%;background:#fff}.f-page-single-property-editor-component-right-variable{float:left;width:65%;margin-left:3%}.f-page-single-property-editor-template{width:100%;height:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:25px}.form-control-select-1{height:26px;margin:0!important;width:100%;border:1px solid #D8DCE6;border-radius:3px;border-color:#d8dce6}.form-control-select-show{height:28px;margin:0!important;width:80%;float:left}.form-control-select-hide{height:28px;margin:0!important;width:100%;float:left}.selectForm-dropdown{height:26px;width:100%;border:1px solid #D8DCE6;border-radius:3px;border-color:#d8dce6}.f-page-single-property-editor-component-variable-button{margin-left:2%;float:left}.dropdown-all-variables{display:inline-block;margin-left:10px;height:28px}.f-page-single-property-editor-component-right-customize{width:65%;float:left;margin-left:3%;background:#fff}.f-page-single-property-editor-component-right-expression{width:65%;float:left;margin-left:3%}.f-page-single-property-editor-component-right-stateMachine{width:65%;float:left;margin-left:3%;background:#fff;border:1px solid #D8DCE6;height:26px;border-radius:3px}.f-page-single-property-editor-component-right-dataStates{float:left;width:65%;margin-left:3%;background:#fff}.f-page-single-property-editor-component-right-stateMachine:focus{box-shadow:#00f}:host ::ng-deep div.f-stateMachine-combo>farris-combo-list .input-group{border:0;box-shadow:none!important}:host ::ng-deep div.f-stateMachine-combo>farris-combo-list input-group.actived .input-group{box-shadow:none!important}:host ::ng-deep div.f-stateMachine-combo>farris-combo-list .f-cmp-inputgroup.actived{box-shadow:none!important}.f-stateMachine-exist{float:left;width:28px;text-align:center;background:#fff;height:20px;margin-top:2px;margin-left:5px;padding-top:1px;background-color:#f4f6ff;font-size:13px;font-family:PingFangSC-Regular;color:#34495e}.f-stateMachine-combo{float:right;width:75%;background:#fff}.f-stateMachine-combo .input-group{border:unset;box-shadow:none}.f-customize-input-controller{height:28px;width:100%;border:1px solid #EEEFF2;border-radius:2px}.f-variable-button{width:calc(2px + .375rem + 1.4286em);height:calc(2px + .375rem + 1.4286em);padding:.1875rem;border-color:transparent!important;box-shadow:none!important;background-color:#f0f0f0}
|
|
1
|
+
.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}.fv-resizable-handle{position:absolute;font-size:.1px;display:block;touch-action:none}.fv-resizable-handle:hover{background:#2a87ff12}.fv-resizable-handle.fv-resizable-n{cursor:n-resize;height:.4375rem;width:100%;top:-.3125rem;left:0}.fv-resizable-handle.fv-resizable-e{cursor:e-resize;width:.4375rem;right:-.3125rem;height:100%;top:0}.fv-resizable-handle.fv-resizable-s{cursor:s-resize;height:.4375rem;width:100%;bottom:-.3125rem;left:0}.fv-resizable-handle.fv-resizable-w{cursor:w-resize;height:100%;width:.4375rem;left:-.3125rem;top:0}.fv-resizable-handle.fv-resizable-ne{cursor:ne-resize;width:.75rem;height:.75rem;right:1px;top:1px}.fv-resizable-handle.fv-resizable-se{cursor:se-resize;width:.75rem;height:.75rem;right:1px;bottom:1px}.fv-resizable-handle.fv-resizable-nw{cursor:nw-resize;width:.75rem;height:.75rem;left:1px;top:1px}.fv-resizable-handle.fv-resizable-sw{cursor:sw-resize;width:.75rem;height:.75rem;left:1px;bottom:1px}.f-page-single-property-editor-component{min-width:230px}.f-page-single-property-editor-component-tag{display:1;font-family:PingFangSC-Regular;font-size:13px;color:#00000080;letter-spacing:0;line-height:16px;margin-left:5%;margin-top:2.5%;margin-bottom:2.5%}.f-page-single-property-editor-component-left-controller{float:left;height:28px;width:32%}.f-page-single-property-editor-component-right-const{float:left;width:65%;margin-left:3%;background:#fff}.f-page-single-property-editor-component-right-variable{float:left;width:65%;margin-left:3%}.f-page-single-property-editor-template{width:100%;height:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:25px}.form-control-select-1{height:26px;margin:0!important;width:100%;border:1px solid #D8DCE6;border-radius:3px;border-color:#d8dce6}.form-control-select-show{height:28px;margin:0!important;width:80%;float:left}.form-control-select-hide{height:28px;margin:0!important;width:100%;float:left}.selectForm-dropdown{height:26px;width:100%;border:1px solid #D8DCE6;border-radius:3px;border-color:#d8dce6}.f-page-single-property-editor-component-variable-button{margin-left:2%;float:left}.dropdown-all-variables{display:inline-block;margin-left:10px;height:28px}.f-page-single-property-editor-component-right-customize{width:65%;float:left;margin-left:3%;background:#fff}.f-page-single-property-editor-component-right-expression{width:65%;float:left;margin-left:3%}.f-page-single-property-editor-component-right-stateMachine{width:65%;float:left;margin-left:3%;background:#fff;border:1px solid #D8DCE6;height:26px;border-radius:3px}.f-page-single-property-editor-component-right-dataStates{float:left;width:65%;margin-left:3%;background:#fff}.f-page-single-property-editor-component-right-stateMachine:focus{box-shadow:#00f}:host ::ng-deep div.f-stateMachine-combo>farris-combo-list .input-group{border:0;box-shadow:none!important}:host ::ng-deep div.f-stateMachine-combo>farris-combo-list input-group.actived .input-group{box-shadow:none!important}:host ::ng-deep div.f-stateMachine-combo>farris-combo-list .f-cmp-inputgroup.actived{box-shadow:none!important}.f-stateMachine-exist{float:left;width:28px;text-align:center;background:#fff;height:20px;margin-top:2px;margin-left:5px;padding-top:1px;background-color:#f4f6ff;font-size:13px;font-family:PingFangSC-Regular;color:#34495e}.f-stateMachine-combo{float:right;width:75%;background:#fff}.f-stateMachine-combo .input-group{border:unset;box-shadow:none}.f-customize-input-controller{height:28px;width:100%;border:1px solid #EEEFF2;border-radius:2px}.f-variable-button{width:calc(2px + .375rem + 1.4286em);height:calc(2px + .375rem + 1.4286em);padding:.1875rem;border-color:transparent!important;box-shadow:none!important;background-color:#f0f0f0}
|