super-page-designer 2.3.12-sit1-design1 → 2.3.13-rc1-design1
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/dist/es/components/design/utils/assemblys-config.js +54 -53
- package/dist/es/components/design/utils/chart-design-util.js +27 -27
- package/dist/es/components/design/utils/page-event-util.js +1 -0
- package/dist/es/components/design/utils/page-i18n-util.js +6 -5
- package/dist/es/components/design/utils/page-table-util.d.ts +1 -9
- package/dist/es/components/design/utils/page-table-util.js +21 -26
- package/dist/es/components/design/views/assemblys/button/button/button-attr-advanced.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/button/button/button-design.vue2.js +18 -18
- package/dist/es/components/design/views/assemblys/button/dropdown/dropdown-design.vue2.js +2 -2
- package/dist/es/components/design/views/assemblys/button/export-pdf/exportpdf-design.vue2.js +18 -18
- package/dist/es/components/design/views/assemblys/button/print-label/printlabel-design.vue2.js +18 -18
- package/dist/es/components/design/views/assemblys/chart/column-line/column-line-design.vue2.js +35 -33
- package/dist/es/components/design/views/assemblys/chart/column-line/series/column-line-series-attr-base.vue.js +5 -4
- package/dist/es/components/design/views/assemblys/chart/statistical-table/statisticalTable-attr-advanced.vue.js +7 -6
- package/dist/es/components/design/views/assemblys/chart/statistical-table/statisticalTable-design.vue2.js +17 -17
- package/dist/es/components/design/views/assemblys/common/common-icon-bind.vue2.js +27 -24
- package/dist/es/components/design/views/assemblys/common/common-style-background.vue.js +3 -2
- package/dist/es/components/design/views/assemblys/common/common-variable-bind.vue.js +2 -2
- package/dist/es/components/design/views/assemblys/common/{common-variable-bind.vue3.js → common-variable-bind.vue2.js} +13 -13
- package/dist/es/components/design/views/assemblys/common/page-permission-select.vue.js +4 -4
- package/dist/es/components/design/views/assemblys/container/tabs/tabs-attr.vue2.js +3 -2
- package/dist/es/components/design/views/assemblys/container/tools/tools-design.vue2.js +22 -22
- package/dist/es/components/design/views/assemblys/data/bar-code/barcode-design.vue2.js +3 -3
- package/dist/es/components/design/views/assemblys/data/component/composite-header.vue2.js +1 -1
- package/dist/es/components/design/views/assemblys/data/component/data-origin.vue2.js +1 -1
- package/dist/es/components/design/views/assemblys/data/component/import-header.vue.js +2 -2
- package/dist/es/components/design/views/assemblys/data/table/table-attr-advanced.vue.js +54 -55
- package/dist/es/components/design/views/assemblys/data/table/table-attr-base.vue.js +10 -10
- package/dist/es/components/design/views/assemblys/data/table/table-design.vue2.js +2 -2
- package/dist/es/components/design/views/assemblys/data/table/tablecolumn-attr-base.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/data/table/tablecolumn-attr-base.vue2.js +1 -1
- package/dist/es/components/design/views/assemblys/data/tree/tree-attr-base.vue.js +4 -4
- package/dist/es/components/design/views/assemblys/data/tree/tree-design.vue2.js +3 -3
- package/dist/es/components/design/views/assemblys/form/checkbox/checkbox-design.vue2.js +2 -2
- package/dist/es/components/design/views/assemblys/form/common/data-format.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/form/common/dataorigin-input-table.vue.js +2 -26
- package/dist/es/components/design/views/assemblys/form/common/dataorigin-input-table.vue2.js +26 -2
- package/dist/es/components/design/views/assemblys/form/common/icon-set-dialog.vue2.js +1 -1
- package/dist/es/components/design/views/assemblys/form/common/suffixmodule.vue.js +43 -43
- package/dist/es/components/design/views/assemblys/form/date-picker/datepicker-design.vue2.js +12 -12
- package/dist/es/components/design/views/assemblys/form/dept-tree/depttree-design.vue2.js +2 -2
- package/dist/es/components/design/views/assemblys/form/file-upload/fileupload-design.vue2.js +5 -5
- package/dist/es/components/design/views/assemblys/form/input-number/input-number-design.vue2.js +18 -18
- package/dist/es/components/design/views/assemblys/form/input-text/inputtext-design.vue2.js +6 -6
- package/dist/es/components/design/views/assemblys/form/label/label-design.vue2.js +11 -11
- package/dist/es/components/design/views/assemblys/form/link/link-design.vue2.js +12 -12
- package/dist/es/components/design/views/assemblys/form/radio/radio-design.vue2.js +2 -2
- package/dist/es/components/design/views/assemblys/form/rich-text/richtext-design.vue2.js +14 -13
- package/dist/es/components/design/views/assemblys/form/textarea/textarea-design.vue2.js +5 -5
- package/dist/es/components/design/views/assemblys/page/component/setting-form-rule-base-input.vue.js +2 -2
- package/dist/es/components/design/views/assemblys/page/page-attr-advanced.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/page/page-attr-base.vue.js +52 -52
- package/dist/es/components/design/views/assemblys/workflow/picture-flow/pictureflow-design.vue2.js +1 -1
- package/dist/es/components/design/views/assemblys/workflow/workflow-button/workflowbutton-attr-base.vue.js +12 -10
- package/dist/es/components/design/views/assemblys/workflow/workflow-node/workflownode-design.vue2.js +3 -3
- package/dist/es/components/design/views/design/page-design.vue2.js +1 -1
- package/dist/es/components/design/views/design/page-event/config.vue.js +1 -1
- package/dist/es/components/design/views/design/page-event/{config.vue2.js → config.vue3.js} +18 -17
- package/dist/es/components/design/views/design/view/components/quick-add-dialog.vue.js +1 -0
- package/dist/es/components/design/views/design/view/page-switch.vue2.js +3 -2
- package/dist/es/stores/undo-redo-store.js +1 -1
- package/dist/es/style.css +2 -2
- package/package.json +5 -5
|
@@ -1,61 +1,61 @@
|
|
|
1
|
-
import { defineComponent as e, ref as l, watch as a, onMounted as u, resolveComponent as o, createElementBlock as d, openBlock as t, Fragment as i, createVNode as p, withDirectives as n, createBlock as m, createCommentVNode as s, withCtx as v, createTextVNode as g,
|
|
2
|
-
import { Search as
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import { getModelOptionsByFields as
|
|
11
|
-
import { dateFormatOptions as
|
|
12
|
-
const
|
|
13
|
-
const
|
|
14
|
-
let
|
|
15
|
-
const
|
|
16
|
-
!
|
|
1
|
+
import { defineComponent as e, ref as l, watch as a, onMounted as u, resolveComponent as o, createElementBlock as d, openBlock as t, Fragment as i, createVNode as p, withDirectives as n, createBlock as m, createCommentVNode as s, withCtx as v, createTextVNode as g, unref as r, renderList as b, vShow as c, toDisplayString as f } from "vue";
|
|
2
|
+
import { Search as y, Close as V } from "@element-plus/icons";
|
|
3
|
+
import j from "./linkpage-page-callback.vue.js";
|
|
4
|
+
import P from "../../common/common-select-page.vue.js";
|
|
5
|
+
import T from "./parameter-table.vue.js";
|
|
6
|
+
import k from "../../common/common-variable-bind.vue.js";
|
|
7
|
+
import M from "./condition.vue.js";
|
|
8
|
+
import _ from "../../common/common-icon-bind.vue.js";
|
|
9
|
+
import C from "../../common/common-i18n-key-input.vue.js";
|
|
10
|
+
import { getModelOptionsByFields as h } from "../../../../utils/page-table-util.js";
|
|
11
|
+
import { dateFormatOptions as O, timeFormatOptions as U } from "../../../../utils/common-option.js";
|
|
12
|
+
const x = e({ __name: "suffixmodule", props: { configure: {}, pageDesign: {}, tableConfigure: {}, isDialog: { type: Boolean }, isButton: { type: Boolean, default: true }, showDisplayConditions: { type: Boolean, default: true } }, setup(e2) {
|
|
13
|
+
const x2 = e2, D = l(null), w = l({});
|
|
14
|
+
let F;
|
|
15
|
+
const B = x2.pageDesign ? x2.pageDesign.pageType : null;
|
|
16
|
+
!B || "form" !== B && "list" !== B || (F = x2.pageDesign.modelFields);
|
|
17
|
+
const A = l([]);
|
|
18
|
+
F && F.length > 0 && (A.value = h(F));
|
|
17
19
|
const N = l([]);
|
|
18
|
-
|
|
19
|
-
const J = l(
|
|
20
|
-
|
|
21
|
-
|
|
20
|
+
x2.tableConfigure && (N.value = h(x2.tableConfigure.modelFields)), x2.isDialog ? w.value = x2.configure : (x2.configure.props.linkPage || (x2.configure.props.linkPage = {}), Array.isArray(x2.configure.props.linkPage) && x2.configure.props.linkPage.length > 0 && (w.value = x2.configure.props.linkPage[0]), w.value = x2.configure.props.linkPage), void 0 === w.value.linkType && (w.value.linkType = "page"), void 0 === w.value.isNewPage && (w.value.isNewPage = true), w.value.dynamicTags || (w.value.dynamicTags = []), w.value.buttonDisplayConditionsList || (w.value.buttonDisplayConditionsList = []), void 0 === w.value.alignCenter && (w.value.alignCenter = true), void 0 === w.value.displayTextJudge && (w.value.displayTextJudge = true);
|
|
21
|
+
const J = [{ label: "弹窗", value: "popup" }, { label: "新页签", value: "newTab" }, { label: "局部刷新", value: "refresh" }], W = [{ label: "弹窗", value: "popup" }, { label: "局部刷新", value: "refresh" }], L = [{ label: "弹框", value: "dialog" }, { label: "抽屉", value: "drawer" }], R = [{ label: "右到左", value: "rtl" }, { label: "左到右", value: "ltr" }, { label: "上到下", value: "ttb" }, { label: "下到上", value: "btt" }], S = l(null);
|
|
22
|
+
function z() {
|
|
23
|
+
x2.tableConfigure && S.value && S.value.changeTableFields(x2.tableConfigure.modelFields);
|
|
24
|
+
}
|
|
22
25
|
function E() {
|
|
23
|
-
|
|
26
|
+
D.value.openDialog();
|
|
24
27
|
}
|
|
25
28
|
function H() {
|
|
26
|
-
w.value.
|
|
29
|
+
w.value.jumpPageCode = "", w.value.jumpPageName = "";
|
|
27
30
|
}
|
|
28
|
-
function I() {
|
|
29
|
-
|
|
31
|
+
function I(e3) {
|
|
32
|
+
w.value.jumpPageAdditional = e3;
|
|
30
33
|
}
|
|
31
34
|
function q(e3) {
|
|
32
|
-
|
|
33
|
-
}
|
|
34
|
-
function G(e3) {
|
|
35
|
-
F.value.jumpPageName = e3.name, F.value.jumpPageCode = e3.code;
|
|
35
|
+
w.value.jumpPageName = e3.name, w.value.jumpPageCode = e3.code;
|
|
36
36
|
}
|
|
37
|
-
a(() => ({ linkType:
|
|
38
|
-
const l2 =
|
|
37
|
+
a(() => ({ linkType: w.value.linkType, jumpPageCode: w.value.jumpPageCode, jumpAddress: w.value.jumpAddress }), (e3) => {
|
|
38
|
+
const l2 = w.value, a2 = l2.linkType;
|
|
39
39
|
let u2 = "";
|
|
40
40
|
"page" === a2 && l2.jumpPageCode ? u2 = l2.linkType + ":" + l2.jumpPageCode : "url" === a2 && (u2 = l2.jumpAddress), l2.jumpPageUrl = u2;
|
|
41
|
-
}, { immediate: true }), a(() =>
|
|
42
|
-
|
|
41
|
+
}, { immediate: true }), a(() => x2.tableConfigure, (e3) => {
|
|
42
|
+
z();
|
|
43
43
|
}), u(() => {
|
|
44
|
-
|
|
44
|
+
z();
|
|
45
45
|
});
|
|
46
|
-
const
|
|
47
|
-
function
|
|
48
|
-
|
|
46
|
+
const G = l("");
|
|
47
|
+
function K(e3) {
|
|
48
|
+
G.value = e3, w.value.dynamicTags.push(e3);
|
|
49
49
|
}
|
|
50
50
|
return (e3, l2) => {
|
|
51
|
-
const a2 = o("el-radio"), u2 = o("el-form-item"),
|
|
52
|
-
return t(), d(i, null, [p(
|
|
53
|
-
|
|
54
|
-
}(e4, l3)) }, null, 8, ["iconType", "iconValue"])]), _: 1 })) : s("", true), e3.isButton ? (t(), m(u2, { key: 6, label: "自定义显示值", class: "amb-design-attr-item" }, { default: v(() => [p(
|
|
55
|
-
|
|
56
|
-
}(0, l3) }, { default: v(() => [g(
|
|
51
|
+
const a2 = o("el-radio"), u2 = o("el-form-item"), h2 = o("el-button"), x3 = o("el-input"), F2 = o("el-radio-group"), B2 = o("el-option"), z2 = o("el-select"), Q = o("el-switch"), X = o("el-divider"), Y = o("el-tag");
|
|
52
|
+
return t(), d(i, null, [p(F2, { modelValue: w.value.linkType, "onUpdate:modelValue": l2[2] || (l2[2] = (e4) => w.value.linkType = e4) }, { default: v(() => [p(u2, { class: "amb-design-attr-item", style: { width: "100%" } }, { label: v(() => [p(a2, { value: "" }, { default: v(() => l2[22] || (l2[22] = [g("无跳转 ")])), _: 1 })]), _: 1 }), p(u2, { class: "amb-design-attr-item", style: { width: "100%" } }, { label: v(() => [p(a2, { value: "page" }, { default: v(() => l2[23] || (l2[23] = [g("跳转页面")])), _: 1 })]), default: v(() => [p(x3, { disabled: "page" != w.value.linkType, modelValue: w.value.jumpPageName, "onUpdate:modelValue": l2[0] || (l2[0] = (e4) => w.value.jumpPageName = e4), title: w.value.jumpPageCode, onDblclick: E, readonly: "true" }, { append: v(() => [p(h2, { type: "default", disabled: "page" != w.value.linkType, icon: r(y), onClick: E, size: "small" }, null, 8, ["disabled", "icon"]), p(h2, { type: "default", disabled: "page" != w.value.linkType, icon: r(V), onClick: H, title: "Clear", size: "small" }, null, 8, ["disabled", "icon"])]), _: 1 }, 8, ["disabled", "modelValue", "title"])]), _: 1 }), p(u2, { class: "amb-design-attr-item", style: { width: "100%" } }, { label: v(() => [p(a2, { value: "url" }, { default: v(() => l2[24] || (l2[24] = [g("跳转地址")])), _: 1 })]), default: v(() => [p(x3, { disabled: "url" != w.value.linkType, modelValue: w.value.jumpAddress, "onUpdate:modelValue": l2[1] || (l2[1] = (e4) => w.value.jumpAddress = e4), clearable: "" }, null, 8, ["disabled", "modelValue"])]), _: 1 })]), _: 1 }, 8, ["modelValue"]), p(u2, { label: "打开方式", class: "amb-design-attr-item" }, { default: v(() => [p(z2, { modelValue: w.value.jumpPageOpenMode, "onUpdate:modelValue": l2[3] || (l2[3] = (e4) => w.value.jumpPageOpenMode = e4), clearable: "", placeholder: "请选择" }, { default: v(() => [(t(), d(i, null, b(J, (e4, l3) => p(B2, { key: l3, label: e4.label, value: e4.value }, null, 8, ["label", "value"])), 64))]), _: 1 }, 8, ["modelValue"])]), _: 1 }), p(u2, { label: "移动端打开", class: "amb-design-attr-item" }, { default: v(() => [p(z2, { modelValue: w.value.jumpPageMobileOpenMode, "onUpdate:modelValue": l2[4] || (l2[4] = (e4) => w.value.jumpPageMobileOpenMode = e4), clearable: "", placeholder: "请选择" }, { default: v(() => [(t(), d(i, null, b(W, (e4, l3) => p(B2, { key: l3, label: e4.label, value: e4.value }, null, 8, ["label", "value"])), 64))]), _: 1 }, 8, ["modelValue"])]), _: 1 }), n(p(u2, { label: "弹框方式", class: "amb-design-attr-item" }, { default: v(() => [p(z2, { modelValue: w.value.dialogType, "onUpdate:modelValue": l2[5] || (l2[5] = (e4) => w.value.dialogType = e4), clearable: "", placeholder: "请选择" }, { default: v(() => [(t(), d(i, null, b(L, (e4, l3) => p(B2, { key: l3, label: e4.label, value: e4.value }, null, 8, ["label", "value"])), 64))]), _: 1 }, 8, ["modelValue"])]), _: 1 }, 512), [[c, "popup" == w.value.jumpPageOpenMode || "popup" == w.value.jumpPageMobileOpenMode]]), n(p(u2, { label: "可拖拽", class: "amb-design-attr-item" }, { default: v(() => [p(Q, { modelValue: w.value.draggable, "onUpdate:modelValue": l2[6] || (l2[6] = (e4) => w.value.draggable = e4) }, null, 8, ["modelValue"])]), _: 1 }, 512), [[c, !("popup" != w.value.jumpPageOpenMode && "popup" != w.value.jumpPageMobileOpenMode || w.value.dialogType && "dialog" !== w.value.dialogType)]]), n(p(u2, { label: "显示位置", class: "amb-design-attr-item" }, { default: v(() => [p(z2, { modelValue: w.value.showPosition, "onUpdate:modelValue": l2[7] || (l2[7] = (e4) => w.value.showPosition = e4), clearable: "", placeholder: "请选择" }, { default: v(() => [(t(), d(i, null, b(R, (e4, l3) => p(B2, { key: l3, label: e4.label, value: e4.value }, null, 8, ["label", "value"])), 64))]), _: 1 }, 8, ["modelValue"])]), _: 1 }, 512), [[c, ("popup" == w.value.jumpPageOpenMode || "popup" == w.value.jumpPageMobileOpenMode) && w.value.dialogType && "drawer" === w.value.dialogType]]), n(p(u2, { label: "拖出可视区", title: "拖动范围可以超出可视区", class: "amb-design-attr-item" }, { default: v(() => [p(Q, { modelValue: w.value.overflow, "onUpdate:modelValue": l2[8] || (l2[8] = (e4) => w.value.overflow = e4) }, null, 8, ["modelValue"])]), _: 1 }, 512), [[c, !("popup" != w.value.jumpPageOpenMode && "popup" != w.value.jumpPageMobileOpenMode || w.value.dialogType && "dialog" !== w.value.dialogType)]]), n(p(u2, { label: "弹窗标题", class: "amb-design-attr-item" }, { default: v(() => [p(C, { modelValue: w.value.jumpPageTitle, "onUpdate:modelValue": l2[9] || (l2[9] = (e4) => w.value.jumpPageTitle = e4) }, null, 8, ["modelValue"])]), _: 1 }, 512), [[c, "popup" == w.value.jumpPageOpenMode || "popup" == w.value.jumpPageMobileOpenMode]]), n(p(u2, { label: "是否全屏", class: "amb-design-attr-item" }, { default: v(() => [p(Q, { modelValue: w.value.fullscreen, "onUpdate:modelValue": l2[10] || (l2[10] = (e4) => w.value.fullscreen = e4), disabled: !("dialog" === w.value.dialogType) }, null, 8, ["modelValue", "disabled"])]), _: 1 }, 512), [[c, "popup" == w.value.jumpPageOpenMode || "popup" == w.value.jumpPageMobileOpenMode]]), n(p(u2, { label: "是否居中", class: "amb-design-attr-item" }, { default: v(() => [p(Q, { modelValue: w.value.alignCenter, "onUpdate:modelValue": l2[11] || (l2[11] = (e4) => w.value.alignCenter = e4), disabled: !("dialog" === w.value.dialogType) }, null, 8, ["modelValue", "disabled"])]), _: 1 }, 512), [[c, "popup" == w.value.jumpPageOpenMode || "popup" == w.value.jumpPageMobileOpenMode]]), n(p(u2, { label: "弹窗宽度", class: "amb-design-attr-item" }, { default: v(() => [p(x3, { modelValue: w.value.jumpPageWidth, "onUpdate:modelValue": l2[12] || (l2[12] = (e4) => w.value.jumpPageWidth = e4), placeholder: "请输入" }, null, 8, ["modelValue"])]), _: 1 }, 512), [[c, "popup" == w.value.jumpPageOpenMode || "popup" == w.value.jumpPageMobileOpenMode]]), n(p(u2, { label: "弹窗高度", class: "amb-design-attr-item" }, { default: v(() => [p(x3, { modelValue: w.value.jumpPageHeight, "onUpdate:modelValue": l2[13] || (l2[13] = (e4) => w.value.jumpPageHeight = e4), placeholder: "请输入" }, null, 8, ["modelValue"])]), _: 1 }, 512), [[c, "popup" == w.value.jumpPageOpenMode || "popup" == w.value.jumpPageMobileOpenMode]]), n(p(u2, { label: "关闭事件", class: "amb-design-attr-item" }, { default: v(() => [p(x3, { modelValue: w.value.closeEvent, "onUpdate:modelValue": l2[14] || (l2[14] = (e4) => w.value.closeEvent = e4), placeholder: "请输入" }, null, 8, ["modelValue"])]), _: 1 }, 512), [[c, "popup" == w.value.jumpPageOpenMode || "popup" == w.value.jumpPageMobileOpenMode]]), n(p(u2, { label: "关闭后刷新", title: "关闭页面时是否刷新父页面", class: "amb-design-attr-item" }, { default: v(() => [p(Q, { modelValue: w.value.isRefreshWhenClosePopup, "onUpdate:modelValue": l2[15] || (l2[15] = (e4) => w.value.isRefreshWhenClosePopup = e4) }, null, 8, ["modelValue"])]), _: 1 }, 512), [[c, "popup" == w.value.jumpPageOpenMode || "popup" == w.value.jumpPageMobileOpenMode]]), e3.isButton && e3.showDisplayConditions ? (t(), m(u2, { key: 0, label: "显示判断", class: "amb-design-attr-item" }, { default: v(() => [p(M, { title: "显示判断", list: w.value.buttonDisplayConditionsList, ref_key: "conditionRef", ref: S }, null, 8, ["list"])]), _: 1 })) : s("", true), p(X, { style: { margin: "12px 0" } }), e3.isButton ? (t(), m(u2, { key: 1, label: "显示文本", class: "amb-design-attr-item" }, { default: v(() => [p(Q, { modelValue: w.value.displayTextJudge, "onUpdate:modelValue": l2[16] || (l2[16] = (e4) => w.value.displayTextJudge = e4) }, null, 8, ["modelValue"])]), _: 1 })) : s("", true), e3.isButton ? (t(), m(u2, { key: 2, label: "文本格式化", class: "amb-design-attr-item" }, { default: v(() => [p(z2, { modelValue: w.value.displayTextFormatType, "onUpdate:modelValue": l2[17] || (l2[17] = (e4) => w.value.displayTextFormatType = e4), clearable: "", placeholder: "请选择" }, { default: v(() => [p(B2, { label: "日期", value: "date" }), p(B2, { label: "时间", value: "time" })]), _: 1 }, 8, ["modelValue"])]), _: 1 })) : s("", true), w.value.displayTextFormatType && "date" === w.value.displayTextFormatType ? (t(), m(u2, { key: 3, label: "日期类型", class: "amb-design-attr-item" }, { default: v(() => [p(z2, { modelValue: w.value.displayTextFormat, "onUpdate:modelValue": l2[18] || (l2[18] = (e4) => w.value.displayTextFormat = e4), placeholder: "Select", clearable: "" }, { default: v(() => [(t(true), d(i, null, b(r(O), (e4) => (t(), m(B2, { key: e4.value, label: e4.label, value: e4.value }, null, 8, ["label", "value"]))), 128))]), _: 1 }, 8, ["modelValue"])]), _: 1 })) : s("", true), w.value.displayTextFormatType && "time" === w.value.displayTextFormatType ? (t(), m(u2, { key: 4, label: "时间类型", class: "amb-design-attr-item" }, { default: v(() => [p(z2, { modelValue: w.value.displayTextFormat, "onUpdate:modelValue": l2[19] || (l2[19] = (e4) => w.value.displayTextFormat = e4), placeholder: "Select", clearable: "" }, { default: v(() => [(t(true), d(i, null, b(r(U), (e4) => (t(), m(B2, { key: e4.value, label: e4.label, value: e4.value }, null, 8, ["label", "value"]))), 128))]), _: 1 }, 8, ["modelValue"])]), _: 1 })) : s("", true), p(X, { style: { margin: "12px 0" } }), e3.isButton ? (t(), m(u2, { key: 5, label: "图标", class: "amb-design-attr-item" }, { default: v(() => [p(_, { iconType: w.value.iconType, iconValue: w.value.icon, "onUpdate:modelValue": l2[20] || (l2[20] = (e4, l3) => function(e5, l4) {
|
|
53
|
+
w.value.iconType = e5, w.value.icon = l4;
|
|
54
|
+
}(e4, l3)) }, null, 8, ["iconType", "iconValue"])]), _: 1 })) : s("", true), e3.isButton ? (t(), m(u2, { key: 6, label: "自定义显示值", class: "amb-design-attr-item" }, { default: v(() => [p(k, { isTable: e3.configure.isTable, modelValue: G.value, dataModelOptions: A.value, objModelOptions: N.value, "onUpdate:modelValue": K }, null, 8, ["isTable", "modelValue", "dataModelOptions", "objModelOptions"])]), _: 1 })) : s("", true), (t(true), d(i, null, b(w.value.dynamicTags, (e4, l3) => (t(), m(Y, { key: l3, "disable-transitions": true, closable: "", onClose: (e5) => function(e6, l4) {
|
|
55
|
+
w.value.dynamicTags.splice(l4, 1);
|
|
56
|
+
}(0, l3) }, { default: v(() => [g(f(e4), 1)]), _: 2 }, 1032, ["onClose"]))), 128)), p(X, null, { default: v(() => l2[25] || (l2[25] = [g("附加参数")])), _: 1 }), e3.isButton ? (t(), m(u2, { key: 7, label: "自动拼接id", class: "amb-design-attr-item" }, { default: v(() => [p(Q, { modelValue: w.value.isNeedId, "onUpdate:modelValue": l2[21] || (l2[21] = (e4) => w.value.isNeedId = e4) }, null, 8, ["modelValue"])]), _: 1 })) : s("", true), p(T, { data: w.value.jumpPageAdditional, tableConfigure: e3.tableConfigure, onDataChange: I }, null, 8, ["data", "tableConfigure"]), p(j, { linkPage: w.value }, null, 8, ["linkPage"]), p(P, { ref_key: "selectPageDialog", ref: D, onSelectPage: q, systemCode: e3.pageDesign.systemCode, systemVersion: e3.pageDesign.systemVersion }, null, 8, ["systemCode", "systemVersion"])], 64);
|
|
57
57
|
};
|
|
58
58
|
} });
|
|
59
59
|
export {
|
|
60
|
-
|
|
60
|
+
x as default
|
|
61
61
|
};
|
package/dist/es/components/design/views/assemblys/form/date-picker/datepicker-design.vue2.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as e, ref as
|
|
1
|
+
import { defineComponent as e, ref as t, watch as a, resolveComponent as l, createBlock as r, openBlock as u, normalizeStyle as o, normalizeClass as i, withCtx as n, createVNode as m, unref as c, createElementBlock as s, createCommentVNode as d, Fragment as p, createTextVNode as f, toDisplayString as v } from "vue";
|
|
2
2
|
import { caculateDetailComponentStyle as g, caculateComponentProps as y } from "../../../../utils/form-design-util.js";
|
|
3
3
|
import h from "../common/title-suffix-element.vue.js";
|
|
4
4
|
import "super-page-runtime";
|
|
@@ -6,25 +6,25 @@ import { Clock as Y, Calendar as b } from "@element-plus/icons-vue";
|
|
|
6
6
|
const F = e({ __name: "datepicker-design", props: { configure: { type: Object, required: true } }, setup(e2) {
|
|
7
7
|
const F2 = e2;
|
|
8
8
|
F2.configure.runtime || (F2.configure.runtime = {});
|
|
9
|
-
const k =
|
|
10
|
-
return
|
|
9
|
+
const k = t({}), S = t(""), D = t({}), x = t({}), w = t({});
|
|
10
|
+
return a(F2.configure.style, () => {
|
|
11
11
|
g(F2.configure, k, S, D), F2.configure.runtime.style = k.value, F2.configure.runtime.class = S.value, F2.configure.runtime.headerStyle = D.value;
|
|
12
|
-
}, { immediate: true }),
|
|
12
|
+
}, { immediate: true }), t([]), a(F2.configure.props, () => {
|
|
13
13
|
y(F2.configure, x, w), function() {
|
|
14
14
|
let e3 = F2.configure && F2.configure.props ? F2.configure.props.base : {};
|
|
15
15
|
e3 = e3 || {};
|
|
16
|
-
const
|
|
17
|
-
|
|
18
|
-
let
|
|
16
|
+
const t2 = {};
|
|
17
|
+
t2.defaultValue2 = e3.defaultValue2, t2.prop2 = e3.prop2, e3.format && (t2.format = e3.format);
|
|
18
|
+
let a2 = e3.type ? e3.type : "date";
|
|
19
19
|
if (e3.dateScope) {
|
|
20
20
|
let l2 = "daterange";
|
|
21
|
-
"datetime" ==
|
|
22
|
-
} else
|
|
23
|
-
e3.timestamp ?
|
|
21
|
+
"datetime" == a2 ? l2 = "datetimerange" : "week" == a2 ? l2 = "week" : "month" == a2 ? l2 = "monthrange" : "year" == a2 ? l2 = "year" : "time" == a2 ? l2 = "timerange" : "month" == a2 && (l2 = "monthrange"), t2.dateType = l2, e3.endPlaceholder && (t2.endPlaceholder = e3.endPlaceholder);
|
|
22
|
+
} else t2.dateType = a2;
|
|
23
|
+
e3.timestamp ? t2.valueFormat = "x" : (t2.valueFormat = e3.valueFormat, t2.valueFormat || ("datetime" === a2 ? t2.valueFormat = "YYYY-MM-DD HH:mm:ss" : "year" === a2 ? t2.valueFormat = "YYYY" : "month" === a2 ? t2.valueFormat = "YYYY-MM" : "time" === a2 ? t2.valueFormat = "hh:mm:ss" : ("date" === a2 || "week" === a2) && (t2.valueFormat = "YYYY-MM-DD"))), t2.sourceType = a2, t2.dateScopeDetails = e3.dateScopeDetails, e3.dateScopeDetails && e3.dateScopeDetails.includes("custom") && e3.scopeFunc && (t2.shortcutsFunc = e3.scopeFunc), Object.assign(x.value, t2);
|
|
24
24
|
}(), F2.configure.runtime.props = x.value, F2.configure.runtime.titleExceedStyle = w.value;
|
|
25
|
-
}, { immediate: true }), (
|
|
25
|
+
}, { immediate: true }), (t2, a2) => {
|
|
26
26
|
const g2 = l("el-icon"), y2 = l("el-input"), F3 = l("el-form-item");
|
|
27
|
-
return u(), r(F3, { required: x.value.required, class: i([S.value, "remove-formLabel-formContent-blankStyle"]), "label-width": x.value.labelWidth, style: o(k.value) }, { label: n(() => [x.value.tittleShow ? (u(), s("div", { key: 0, style: o({ ...D.value, ...w.value, "padding-right": "12px" }) }, [x.value.prefixType ? (u(), r(h, { key: 0, configure: e2.configure }, null, 8, ["configure"])) : (u(), s(p, { key: 1 }, [f(v(x.value.title), 1)], 64))], 4)) :
|
|
27
|
+
return u(), r(F3, { required: x.value.required, class: i([S.value, "remove-formLabel-formContent-blankStyle"]), "label-width": x.value.labelWidth, style: o(k.value) }, { label: n(() => [x.value.tittleShow ? (u(), s("div", { key: 0, style: o({ ...D.value, ...w.value, "padding-right": "12px" }) }, [x.value.prefixType ? (u(), r(h, { key: 0, configure: e2.configure }, null, 8, ["configure"])) : (u(), s(p, { key: 1 }, [f(v(x.value.title), 1)], 64))], 4)) : d("", true)]), default: n(() => [m(y2, { readonly: "", size: x.value.size, clearable: x.value.clearable, placeholder: x.value.placeholder, modelValue: x.value.value, "onUpdate:modelValue": a2[0] || (a2[0] = (e3) => x.value.value = e3) }, { prefix: n(() => ["timerange" == x.value.dateType || "time" == x.value.dateType ? (u(), r(g2, { key: 0 }, { default: n(() => [m(c(Y))]), _: 1 })) : (u(), r(g2, { key: 1 }, { default: n(() => [m(c(b))]), _: 1 }))]), _: 1 }, 8, ["size", "clearable", "placeholder", "modelValue"])]), _: 1 }, 8, ["required", "class", "label-width", "style"]);
|
|
28
28
|
};
|
|
29
29
|
} });
|
|
30
30
|
export {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as e, ref as t, watch as l, resolveComponent as i, createBlock as r, openBlock as
|
|
1
|
+
import { defineComponent as e, ref as t, watch as l, resolveComponent as i, createBlock as r, openBlock as o, normalizeStyle as u, normalizeClass as a, withCtx as p, createVNode as s, unref as n, createElementBlock as d, createCommentVNode as c, Fragment as m, createTextVNode as f, toDisplayString as v } from "vue";
|
|
2
2
|
import { caculateDetailComponentStyle as g, caculateComponentProps as y } from "../../../../utils/form-design-util.js";
|
|
3
3
|
import { OrganizationInput as S } from "agilebuilder-ui";
|
|
4
4
|
import b from "../common/title-suffix-element.vue.js";
|
|
@@ -25,7 +25,7 @@ const h = e({ __name: "depttree-design", props: { pageDesign: {}, configure: {}
|
|
|
25
25
|
}(), h2.configure.runtime.props = z.value, h2.configure.runtime.titleExceedStyle = k.value;
|
|
26
26
|
}, { immediate: true }), (e3, t2) => {
|
|
27
27
|
const l2 = i("el-form-item");
|
|
28
|
-
return
|
|
28
|
+
return o(), r(l2, { required: z.value.required, class: a([C.value, "remove-formLabel-formContent-blankStyle"]), "label-width": z.value.labelWidth, style: u(T.value) }, { label: p(() => [z.value.tittleShow ? (o(), d("div", { key: 0, style: u({ ...x.value, ...k.value, "padding-right": "12px" }) }, [z.value.prefixType ? (o(), r(b, { key: 0, configure: e3.configure }, null, 8, ["configure"])) : (o(), d(m, { key: 1 }, [f(v(z.value.title), 1)], 64))], 4)) : c("", true)]), default: p(() => [s(n(S), { multiple: z.value.multiple, treeType: z.value.treeType, size: z.value.size, value: F.value.value, "onUpdate:value": t2[0] || (t2[0] = (e4) => F.value.value = e4), models: F.value, openTree: false, fields: [], placeholder: "请选择", separator: ",", onSetValue: j }, null, 8, ["multiple", "treeType", "size", "value", "models"])]), _: 1 }, 8, ["required", "class", "label-width", "style"]);
|
|
29
29
|
};
|
|
30
30
|
} });
|
|
31
31
|
export {
|
package/dist/es/components/design/views/assemblys/form/file-upload/fileupload-design.vue2.js
CHANGED
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
import { defineComponent as e, ref as l, watch as i, resolveComponent as o, createBlock as t, openBlock as a, normalizeStyle as u, normalizeClass as r, withCtx as p, createVNode as s, unref as n, createElementBlock as m, createCommentVNode as
|
|
1
|
+
import { defineComponent as e, ref as l, watch as i, resolveComponent as o, createBlock as t, openBlock as a, normalizeStyle as u, normalizeClass as r, withCtx as p, createVNode as s, unref as n, createElementBlock as m, createCommentVNode as c, toDisplayString as d } from "vue";
|
|
2
2
|
import { caculateDetailComponentStyle as f, caculateComponentProps as v } from "../../../../utils/form-design-util.js";
|
|
3
3
|
import { FsUploadNew as g } from "agilebuilder-ui";
|
|
4
4
|
import "@element-plus/icons-vue";
|
|
5
5
|
const y = e({ __name: "fileupload-design", props: { pageDesign: {}, configure: {} }, setup(e2) {
|
|
6
6
|
const y2 = e2;
|
|
7
7
|
y2.configure.runtime || (y2.configure.runtime = {});
|
|
8
|
-
const
|
|
8
|
+
const h = l({}), b = l(""), C = l({}), w = l({}), S = l({});
|
|
9
9
|
return i(y2.configure.style, () => {
|
|
10
|
-
f(y2.configure,
|
|
10
|
+
f(y2.configure, h, b, C), y2.configure.runtime.style = h.value, y2.configure.runtime.class = b.value, y2.configure.runtime.headerStyle = C.value;
|
|
11
11
|
}, { immediate: true }), i(y2.configure.props, () => {
|
|
12
12
|
v(y2.configure, w, S), function() {
|
|
13
13
|
let e3 = y2.configure.props ? y2.configure.props : {};
|
|
14
14
|
const l2 = e3.uploadConfig ? e3.uploadConfig : {}, i2 = e3.base ? e3.base : {}, o2 = {};
|
|
15
15
|
l2.drag && (o2.drag = l2.drag), o2.prop = i2.prop, o2.propName = i2.propName, o2.displayType = l2.displayType ? l2.displayType : "input", o2.state = i2.state, o2.placeholder = i2.placeholder, o2.disabledNoPreview = i2.disabledNoPreview, o2.disabledNoDownload = i2.disabledNoDownload, l2.accept ? o2.accept = l2.accept : o2.accept = null, l2.multiple ? (o2.multiple = l2.multiple, l2.limit ? o2.limit = l2.limit : o2.limit = null) : (o2.multiple = false, o2.limit = 1), l2.limitFileSize ? o2.limitFileSize = l2.limitFileSize : o2.limitFileSize = null, l2.openCameraOrChoosePhoto ? o2.openCameraOrChoosePhoto = l2.openCameraOrChoosePhoto : o2.openCameraOrChoosePhoto = null, o2.isDeleteNow = l2.isDeleteNow, Object.assign(w.value, o2);
|
|
16
|
-
}(), y2.configure.runtime.props = w.value, y2.configure.runtime.titleExceedStyle = S.value;
|
|
16
|
+
}(), y2.configure.runtime.props = w.value, y2.configure.runtime.titleExceedStyle = S.value, w.value;
|
|
17
17
|
}, { immediate: true }), (e3, l2) => {
|
|
18
18
|
const i2 = o("el-form-item");
|
|
19
|
-
return a(), t(i2, { required: !!w.value.required, class: r([
|
|
19
|
+
return a(), t(i2, { required: !!w.value.required, class: r([b.value, "remove-formLabel-formContent-blankStyle"]), "label-width": w.value.labelWidth, style: u(h.value) }, { label: p(() => [w.value.tittleShow ? (a(), m("div", { key: 0, style: u({ ...C.value, ...S.value, "padding-right": "12px" }) }, d(w.value.title ? w.value.title : "Files"), 5)) : c("", true)]), default: p(() => [s(n(g), { style: { width: "100%" }, displayType: w.value.displayType, accept: w.value.accept, multiple: w.value.multiple, placeholder: w.value.placeholder, limit: w.value.limit, "limit-file-size": w.value.limitFileSize, "file-info": e3.fileInfo, "file-list": e3.fileList, "on-success": e3.onSuccess, "on-remove": e3.onRemove, openFsUpload: false, "before-upload": e3.beforeUpload }, null, 8, ["displayType", "accept", "multiple", "placeholder", "limit", "limit-file-size", "file-info", "file-list", "on-success", "on-remove", "before-upload"])]), _: 1 }, 8, ["required", "class", "label-width", "style"]);
|
|
20
20
|
};
|
|
21
21
|
} });
|
|
22
22
|
export {
|
package/dist/es/components/design/views/assemblys/form/input-number/input-number-design.vue2.js
CHANGED
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
import { defineComponent as e, ref as l, watch as
|
|
1
|
+
import { defineComponent as e, ref as l, watch as u, resolveComponent as i, createElementBlock as t, openBlock as n, createVNode as o, normalizeStyle as r, normalizeClass as a, withCtx as s, createCommentVNode as m, createBlock as c, Fragment as p, createTextVNode as d, toDisplayString as v } from "vue";
|
|
2
2
|
import { caculateDetailComponentStyle as f, caculateComponentProps as g } from "../../../../utils/form-design-util.js";
|
|
3
|
-
import
|
|
4
|
-
const
|
|
5
|
-
const
|
|
6
|
-
|
|
7
|
-
const
|
|
8
|
-
return
|
|
9
|
-
f(
|
|
10
|
-
}, { immediate: true }),
|
|
11
|
-
g(
|
|
12
|
-
let e3 =
|
|
13
|
-
const l2 = e3.base ? e3.base : {},
|
|
14
|
-
void 0 !== l2.min && null !== l2.min && (
|
|
15
|
-
}(),
|
|
16
|
-
}, { immediate: true }), (l2,
|
|
17
|
-
const f2 =
|
|
18
|
-
return n(), t("div", null, [o(g2, { required: B.value.required, class: a([x.value, "remove-formLabel-formContent-blankStyle"]), "label-width": B.value.labelWidth, style: r(
|
|
3
|
+
import h from "../common/title-suffix-element.vue.js";
|
|
4
|
+
const y = e({ __name: "input-number-design", props: { configure: { type: Object, required: true } }, setup(e2) {
|
|
5
|
+
const y2 = e2;
|
|
6
|
+
y2.configure.runtime || (y2.configure.runtime = {});
|
|
7
|
+
const b = l({}), x = l(""), w = l({}), B = l({}), V = l({});
|
|
8
|
+
return u(y2.configure.style, () => {
|
|
9
|
+
f(y2.configure, b, x, w), y2.configure.runtime.style = b.value, y2.configure.runtime.class = x.value, y2.configure.runtime.headerStyle = w.value;
|
|
10
|
+
}, { immediate: true }), u(y2.configure.props, () => {
|
|
11
|
+
g(y2.configure, B, V), function() {
|
|
12
|
+
let e3 = y2.configure.props ? y2.configure.props : {};
|
|
13
|
+
const l2 = e3.base ? e3.base : {}, u2 = {};
|
|
14
|
+
void 0 !== l2.min && null !== l2.min && (u2.min = l2.min), void 0 !== l2.max && null !== l2.max && (u2.max = l2.max), void 0 !== l2.step && null !== l2.step && (u2.step = l2.step), void 0 !== l2.precision && null !== l2.precision && (u2.precision = l2.precision), void 0 !== l2.showButton && null !== l2.showButton && 0 == l2.showButton && (u2.showButton = false), Object.assign(B.value, u2);
|
|
15
|
+
}(), y2.configure.runtime.props = B.value, y2.configure.runtime.titleExceedStyle = V.value;
|
|
16
|
+
}, { immediate: true }), (l2, u2) => {
|
|
17
|
+
const f2 = i("el-input-number"), g2 = i("el-form-item");
|
|
18
|
+
return n(), t("div", null, [o(g2, { required: B.value.required, class: a([x.value, "remove-formLabel-formContent-blankStyle"]), "label-width": B.value.labelWidth, style: r(b.value) }, { label: s(() => [B.value.tittleShow ? (n(), t("div", { key: 0, style: r({ ...w.value, ...V.value, "padding-right": "12px" }) }, [B.value.prefixType ? (n(), c(h, { key: 0, configure: e2.configure }, null, 8, ["configure"])) : (n(), t(p, { key: 1 }, [d(v(B.value.title), 1)], 64))], 4)) : m("", true)]), default: s(() => [o(f2, { readonly: "", controls: B.value.showButton, size: B.value.size, placeholder: B.value.placeholder, modelValue: B.value.defaultValue, "onUpdate:modelValue": u2[0] || (u2[0] = (e3) => B.value.defaultValue = e3), precision: B.value.precision, step: B.value.step, min: B.value.min, max: B.value.max }, null, 8, ["controls", "size", "placeholder", "modelValue", "precision", "step", "min", "max"])]), _: 1 }, 8, ["required", "class", "label-width", "style"])]);
|
|
19
19
|
};
|
|
20
20
|
} });
|
|
21
21
|
export {
|
|
22
|
-
|
|
22
|
+
y as default
|
|
23
23
|
};
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { defineComponent as e, ref as u, watch as l, resolveComponent as o, createBlock as n, openBlock as a, normalizeStyle as i, normalizeClass as r, withCtx as c, createVNode as
|
|
2
|
-
import { caculateDetailComponentStyle as
|
|
1
|
+
import { defineComponent as e, ref as u, watch as l, resolveComponent as o, createBlock as n, openBlock as a, normalizeStyle as i, normalizeClass as r, withCtx as c, createVNode as p, createSlots as t, createCommentVNode as s, createTextVNode as f, unref as v, toDisplayString as y, createElementBlock as m, Fragment as T } from "vue";
|
|
2
|
+
import { caculateDetailComponentStyle as d, caculateComponentProps as I } from "../../../../utils/form-design-util.js";
|
|
3
3
|
import { SuperIcon as g } from "agilebuilder-ui";
|
|
4
4
|
import x from "../common/title-suffix-element.vue.js";
|
|
5
5
|
const V = e({ __name: "inputtext-design", props: { pageDesign: {}, configure: {} }, setup(e2) {
|
|
6
6
|
const V2 = e2;
|
|
7
7
|
V2.configure.props || (V2.configure.props = {}), V2.configure.runtime || (V2.configure.runtime = {});
|
|
8
|
-
const
|
|
8
|
+
const h = u({}), b = u(""), k = u({}), w = u({}), S = u({});
|
|
9
9
|
return l(V2.configure.style, () => {
|
|
10
|
-
|
|
10
|
+
d(V2.configure, h, b, k), V2.configure.runtime.style = h.value, V2.configure.runtime.class = b.value, V2.configure.runtime.headerStyle = k.value;
|
|
11
11
|
}, { immediate: true }), l(V2.configure.props, () => {
|
|
12
12
|
I(V2.configure, w, S), function() {
|
|
13
13
|
let e3 = V2.configure.props ? V2.configure.props : {};
|
|
@@ -17,8 +17,8 @@ const V = e({ __name: "inputtext-design", props: { pageDesign: {}, configure: {}
|
|
|
17
17
|
(l2.preIconType || l2.preText || l2.sufIconType || l2.sufText) && (u2.preIconType = l2.preIconType, u2.preIconValue = l2.preIconValue, u2.preText = l2.preText, u2.sufIconType = l2.sufIconType, u2.sufIconValue = l2.sufIconValue, u2.sufText = l2.sufText, u2.iconPosition = l2.position), Object.assign(w.value, u2);
|
|
18
18
|
}(), V2.configure.runtime.props = w.value, V2.configure.runtime.titleExceedStyle = S.value;
|
|
19
19
|
}, { immediate: true }), (e3, u2) => {
|
|
20
|
-
const l2 = o("el-input"),
|
|
21
|
-
return a(), n(
|
|
20
|
+
const l2 = o("el-input"), d2 = o("el-form-item");
|
|
21
|
+
return a(), n(d2, { required: !!w.value.required, class: r([b.value, "remove-formLabel-formContent-blankStyle"]), "label-width": w.value.labelWidth, style: i(h.value) }, { label: c(() => [w.value.tittleShow ? (a(), m("div", { key: 0, style: i({ ...k.value, ...S.value, "padding-right": "12px" }) }, [w.value.prefixType ? (a(), n(x, { key: 0, configure: e3.configure }, null, 8, ["configure"])) : (a(), m(T, { key: 1 }, [f(y(w.value.title), 1)], 64))], 4)) : s("", true)]), default: c(() => [p(l2, { readonly: "", size: w.value.size, clearable: w.value.clearable, placeholder: w.value.placeholder, maxlength: w.value.maxLength, "show-word-limit": w.value.showInputNum, modelValue: w.value.value, "onUpdate:modelValue": u2[0] || (u2[0] = (e4) => w.value.value = e4) }, t({ _: 2 }, ["outer" != w.value.iconPosition && (w.value.preIconType && w.value.preIconValue || w.value.preText) ? { name: "prefix", fn: c(() => [w.value.preIconType && w.value.preIconValue ? (a(), n(v(g), { key: 0, iconType: w.value.preIconType, iconValue: w.value.preIconValue }, null, 8, ["iconType", "iconValue"])) : s("", true), f(" " + y(w.value.preText), 1)]), key: "0" } : void 0, "outer" == w.value.iconPosition && (w.value.preIconType && w.value.preIconValue || w.value.preText) ? { name: "prepend", fn: c(() => [w.value.preIconType && w.value.preIconValue ? (a(), n(v(g), { key: 0, iconType: w.value.preIconType, iconValue: w.value.preIconValue }, null, 8, ["iconType", "iconValue"])) : s("", true), f(" " + y(w.value.preText), 1)]), key: "1" } : void 0, "outer" != w.value.iconPosition ? { name: "suffix", fn: c(() => [w.value.sufIconType && w.value.sufIconValue ? (a(), n(v(g), { key: 0, iconType: w.value.sufIconType, iconValue: w.value.sufIconValue }, null, 8, ["iconType", "iconValue"])) : s("", true), f(" " + y(w.value.sufText), 1)]), key: "2" } : void 0, "outer" == w.value.iconPosition && (w.value.sufIconType && w.value.sufIconValue || w.value.sufText) ? { name: "append", fn: c(() => [w.value.sufIconType && w.value.sufIconValue ? (a(), n(v(g), { key: 0, iconType: w.value.sufIconType, iconValue: w.value.sufIconValue }, null, 8, ["iconType", "iconValue"])) : s("", true), f(" " + y(w.value.sufText), 1)]), key: "3" } : void 0]), 1032, ["size", "clearable", "placeholder", "maxlength", "show-word-limit", "modelValue"])]), _: 1 }, 8, ["required", "class", "label-width", "style"]);
|
|
22
22
|
};
|
|
23
23
|
} });
|
|
24
24
|
export {
|
|
@@ -1,26 +1,26 @@
|
|
|
1
|
-
import { defineComponent as e, ref as u, watch as
|
|
1
|
+
import { defineComponent as e, ref as u, watch as l, resolveComponent as t, createBlock as a, openBlock as o, normalizeStyle as i, normalizeClass as n, withCtx as r, createElementVNode as s, createElementBlock as p, createCommentVNode as c, createTextVNode as f, unref as v, toDisplayString as y } from "vue";
|
|
2
2
|
import { caculateDetailComponentStyle as d, caculateComponentProps as m } from "../../../../utils/form-design-util.js";
|
|
3
3
|
import { SuperIcon as T } from "agilebuilder-ui";
|
|
4
4
|
const g = { style: { display: "flex", width: "100%", "justify-content": "space-between" } }, x = ["title"], I = e({ __name: "label-design", props: { configure: { type: Object, required: true } }, setup(e2) {
|
|
5
5
|
const I2 = e2;
|
|
6
6
|
I2.configure.runtime || (I2.configure.runtime = {});
|
|
7
7
|
const b = u({}), h = u(""), V = u({}), _ = u({}), w = u({});
|
|
8
|
-
return
|
|
8
|
+
return l(I2.configure.style, () => {
|
|
9
9
|
d(I2.configure, b, h, V), I2.configure.runtime.style = b.value, I2.configure.runtime.class = h.value, I2.configure.runtime.headerStyle = V.value;
|
|
10
|
-
}, { immediate: true }),
|
|
11
|
-
m(I2.configure, _, w), function() {
|
|
10
|
+
}, { immediate: true }), l(I2.configure.props, () => {
|
|
11
|
+
m(I2.configure, _, w), _.value, function() {
|
|
12
12
|
let e3 = I2.configure.props ? I2.configure.props : {};
|
|
13
|
-
const u2 = e3.base ? e3.base : {},
|
|
14
|
-
u2.labelText && (
|
|
13
|
+
const u2 = e3.base ? e3.base : {}, l2 = e3.dataOrigin ? e3.dataOrigin : {}, t2 = {};
|
|
14
|
+
u2.labelText && (t2.labelText = u2.labelText), u2.whetherTittle && (t2.whetherTittle = u2.whetherTittle);
|
|
15
15
|
const a2 = e3.preSuffix ? e3.preSuffix : {};
|
|
16
|
-
(a2.preIconType || a2.preText || a2.sufIconType || a2.sufText) && (
|
|
17
|
-
const o2 =
|
|
16
|
+
(a2.preIconType || a2.preText || a2.sufIconType || a2.sufText) && (t2.preIconType = a2.preIconType, t2.preIconValue = a2.preIconValue, t2.preText = a2.preText, t2.sufIconType = a2.sufIconType, t2.sufIconValue = a2.sufIconValue, t2.sufText = a2.sufText, t2.iconPosition = a2.position);
|
|
17
|
+
const o2 = l2.optionValueSetType;
|
|
18
18
|
let i2 = false;
|
|
19
|
-
o2 && (_.value.formatType = o2, "static" != o2 && "optionGroup" != o2 && "dynamicData" != o2 && "dataTable" != o2 || (i2 = true), _.value.hasOptions = i2, _.value.decimalDigit =
|
|
19
|
+
o2 && (_.value.formatType = o2, "static" != o2 && "optionGroup" != o2 && "dynamicData" != o2 && "dataTable" != o2 || (i2 = true), _.value.hasOptions = i2, _.value.decimalDigit = l2.decimalDigit, _.value.thousandsSeparator = l2.thousandsSeparator, _.value.symbol = l2.symbol, _.value.dateFormat = l2.dateFormat, _.value.timeFormat = l2.timeFormat, _.value.formatFunc = l2.formatFunc), Object.assign(_.value, t2);
|
|
20
20
|
}(), I2.configure.runtime.props = _.value, I2.configure.runtime.titleExceedStyle = w.value;
|
|
21
21
|
}, { immediate: true }), (e3, u2) => {
|
|
22
|
-
const
|
|
23
|
-
return o(), a(
|
|
22
|
+
const l2 = t("el-form-item");
|
|
23
|
+
return o(), a(l2, { required: !!_.value.required, class: n(h.value), "label-width": _.value.labelWidth, style: i(b.value) }, { label: r(() => [_.value.tittleShow ? (o(), p("div", { key: 0, style: i({ ...V.value, ...w.value }) }, y(_.value.title), 5)) : c("", true)]), default: r(() => [s("div", g, [s("span", { style: { overflow: "hidden" }, title: _.value.value }, [_.value.preIconValue || _.value.preText ? (o(), p("span", { key: 0, class: n({ "el-input__suffix": "outer" != _.value.iconPosition, "el-input-group__append": "outer" == _.value.iconPosition }), style: i(e3.appendStyle) }, [_.value.preIconType && _.value.preIconValue ? (o(), a(v(T), { key: 0, iconType: _.value.preIconType, iconValue: _.value.preIconValue }, null, 8, ["iconType", "iconValue"])) : c("", true), f(" " + y(_.value.preText), 1)], 6)) : c("", true), f(" " + y(_.value.value), 1)], 8, x), _.value.sufIconValue || _.value.sufText ? (o(), p("span", { key: 0, class: n({ "el-input__suffix": "outer" != _.value.iconPosition, "el-input-group__append": "outer" == _.value.iconPosition }) }, [_.value.sufIconType && _.value.sufIconValue ? (o(), a(v(T), { key: 0, style: {}, iconType: _.value.sufIconType, iconValue: _.value.sufIconValue }, null, 8, ["iconType", "iconValue"])) : c("", true), s("span", null, " " + y(_.value.sufText), 1)], 2)) : c("", true)])]), _: 1 }, 8, ["required", "class", "label-width", "style"]);
|
|
24
24
|
};
|
|
25
25
|
} });
|
|
26
26
|
export {
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import { defineComponent as e, ref as
|
|
2
|
-
import { caculateDetailComponentStyle as
|
|
1
|
+
import { defineComponent as e, ref as t, watch as l, resolveComponent as i, createBlock as u, openBlock as n, normalizeStyle as a, normalizeClass as r, withCtx as o, createVNode as s, createTextVNode as f, toDisplayString as p, createElementBlock as d, createCommentVNode as c } from "vue";
|
|
2
|
+
import { caculateDetailComponentStyle as m, caculateComponentProps as v } from "../../../../utils/form-design-util.js";
|
|
3
3
|
const g = e({ __name: "link-design", props: { configure: {} }, setup(e2) {
|
|
4
4
|
const g2 = e2;
|
|
5
5
|
g2.configure.runtime || (g2.configure.runtime = {});
|
|
6
|
-
const
|
|
7
|
-
return
|
|
8
|
-
|
|
9
|
-
}, { immediate: true }),
|
|
10
|
-
|
|
6
|
+
const y = t({}), b = t(""), h = t({}), k = t({});
|
|
7
|
+
return l(g2.configure.style, () => {
|
|
8
|
+
m(g2.configure, y, b, h), g2.configure.runtime.style = y.value, g2.configure.runtime.class = b.value, g2.configure.runtime.headerStyle = h.value;
|
|
9
|
+
}, { immediate: true }), l(g2.configure.props, () => {
|
|
10
|
+
v(g2.configure, k), function() {
|
|
11
11
|
let e3 = g2.configure.props ? g2.configure.props : {};
|
|
12
|
-
const
|
|
13
|
-
|
|
12
|
+
const t2 = e3.base ? e3.base : {}, l2 = {};
|
|
13
|
+
t2.type && (l2.type = t2.type), l2.underline = t2.underline, t2.formatting ? (l2.formatting = t2.formatting, l2.value = t2.formatting) : t2.prop ? l2.value = t2.prop : t2.defaultValue ? l2.value = t2.defaultValue : l2.value = "链接", t2.linkTips && (l2.tooltip = t2.linkTips), Object.assign(k.value, l2);
|
|
14
14
|
}(), g2.configure.runtime.props = k.value;
|
|
15
|
-
}, { immediate: true }), (e3,
|
|
16
|
-
const
|
|
17
|
-
return
|
|
15
|
+
}, { immediate: true }), (e3, t2) => {
|
|
16
|
+
const l2 = i("el-link"), m2 = i("el-tooltip"), v2 = i("el-form-item");
|
|
17
|
+
return n(), u(v2, { class: r([b.value, "remove-formLabel-formContent-blankStyle"]), "label-width": k.value.labelWidth, style: a(y.value) }, { label: o(() => [k.value.tittleShow ? (n(), d("div", { key: 0, style: a({ ...h.value, "padding-right": "12px" }) }, p(k.value.title), 5)) : c("", true)]), default: o(() => [s(m2, { disabled: !k.value.tooltip, content: k.value.tooltip }, { default: o(() => [s(l2, { type: k.value.type, underline: k.value.underline, href: k.value.linkPage }, { default: o(() => [f(p(k.value.value), 1)]), _: 1 }, 8, ["type", "underline", "href"])]), _: 1 }, 8, ["disabled", "content"])]), _: 1 }, 8, ["class", "label-width", "style"]);
|
|
18
18
|
};
|
|
19
19
|
} });
|
|
20
20
|
export {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as e, ref as l, watch as u, onUnmounted as a, resolveComponent as t, createBlock as i, openBlock as r, normalizeStyle as o, normalizeClass as n, withCtx as
|
|
1
|
+
import { defineComponent as e, ref as l, watch as u, onUnmounted as a, resolveComponent as t, createBlock as i, openBlock as r, normalizeStyle as o, normalizeClass as n, withCtx as v, createVNode as s, createElementBlock as c, Fragment as d, renderList as m, createCommentVNode as f, toDisplayString as g } from "vue";
|
|
2
2
|
import { caculateDetailComponentStyle as p, removComponentOptionConfigs as b, caculateComponentProps as y } from "../../../../utils/form-design-util.js";
|
|
3
3
|
const h = e({ __name: "radio-design", props: { configure: { type: Object, required: true } }, setup(e2) {
|
|
4
4
|
const h2 = e2;
|
|
@@ -19,7 +19,7 @@ const h = e({ __name: "radio-design", props: { configure: { type: Object, requir
|
|
|
19
19
|
V();
|
|
20
20
|
}), (e3, l2) => {
|
|
21
21
|
const u2 = t("el-radio"), a2 = t("el-radio-group"), p2 = t("el-form-item");
|
|
22
|
-
return r(), i(p2, { required: w.value.required, class: n([_.value, "remove-formLabel-formContent-blankStyle"]), "label-width": w.value.labelWidth, style: o(S.value) }, { label:
|
|
22
|
+
return r(), i(p2, { required: w.value.required, class: n([_.value, "remove-formLabel-formContent-blankStyle"]), "label-width": w.value.labelWidth, style: o(S.value) }, { label: v(() => [w.value.tittleShow ? (r(), c("div", { key: 0, style: o({ ...k.value, ...x.value, "padding-right": "12px" }) }, g(w.value.title), 5)) : f("", true)]), default: v(() => [s(a2, { size: w.value.size, modelValue: w.value.value, "onUpdate:modelValue": l2[0] || (l2[0] = (e4) => w.value.value = e4) }, { default: v(() => [(r(true), c(d, null, m(q.value, (e4) => (r(), i(u2, { key: e4.value, value: e4.value, label: e4.label }, null, 8, ["value", "label"]))), 128))]), _: 1 }, 8, ["size", "modelValue"])]), _: 1 }, 8, ["required", "class", "label-width", "style"]);
|
|
23
23
|
};
|
|
24
24
|
} });
|
|
25
25
|
export {
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { defineComponent as e, ref as l, watch as t, onMounted as i, onUnmounted as u, resolveComponent as a, createBlock as n, openBlock as r, normalizeStyle as o, normalizeClass as c, withCtx as d, createElementVNode as s, createElementBlock as p, createCommentVNode as f, toDisplayString as
|
|
2
|
-
import { caculateDetailComponentStyle as
|
|
1
|
+
import { defineComponent as e, ref as l, watch as t, onMounted as i, onUnmounted as u, resolveComponent as a, createBlock as n, openBlock as r, normalizeStyle as o, normalizeClass as c, withCtx as d, createElementVNode as s, createElementBlock as p, createCommentVNode as f, toDisplayString as v } from "vue";
|
|
2
|
+
import { caculateDetailComponentStyle as g, caculateComponentProps as m } from "../../../../utils/form-design-util.js";
|
|
3
3
|
import h from "quill";
|
|
4
4
|
import "quill/dist/quill.snow.css";
|
|
5
5
|
const y = { style: { height: "100%", width: "100%" } }, b = e({ __name: "richtext-design", props: { configure: { type: Object, required: true } }, setup(e2) {
|
|
6
6
|
const b2 = e2;
|
|
7
7
|
b2.configure.runtime || (b2.configure.runtime = {}), l(null);
|
|
8
|
-
const x = l(null), k = l(null), q = l(null), w = l({ modules: { toolbar: [["bold", "italic", "underline", "strike"], ["blockquote", "code-block"], [{ list: "ordered" }, { list: "bullet" }], [{ script: "sub" }, { script: "super" }], [{ indent: "-1" }, { indent: "+1" }], [{ direction: "rtl" }], [{ size: ["12px", "13px", "14px", "15px", "16px", "18px", "20px", "24px", "28px", "32px", "36px"] }], [{ header: [1, 2, 3, 4, 5, 6, false] }], [{ color: [] }, { background: [] }], [{ font: [] }], [{ align: [] }], ["clean"], ["link", "image"]] }, theme: "snow", placeholder: "", readOnly: true }), S = l({}), _ = l(""), C = l({}), E = l({}), R = l({}),
|
|
9
|
-
function
|
|
8
|
+
const x = l(null), k = l(null), q = l(null), w = l({ modules: { toolbar: [["bold", "italic", "underline", "strike"], ["blockquote", "code-block"], [{ list: "ordered" }, { list: "bullet" }], [{ script: "sub" }, { script: "super" }], [{ indent: "-1" }, { indent: "+1" }], [{ direction: "rtl" }], [{ size: ["12px", "13px", "14px", "15px", "16px", "18px", "20px", "24px", "28px", "32px", "36px"] }], [{ header: [1, 2, 3, 4, 5, 6, false] }], [{ color: [] }, { background: [] }], [{ font: [] }], [{ align: [] }], ["clean"], ["link", "image"]] }, theme: "snow", placeholder: "", readOnly: true }), S = l({}), _ = l(""), C = l({}), E = l({}), R = l({}), T = l({});
|
|
9
|
+
function j() {
|
|
10
10
|
if (k && k.value && k.value.container) {
|
|
11
11
|
const e3 = k.value.container.parentNode.getBoundingClientRect(), l2 = k.value.container.getBoundingClientRect();
|
|
12
12
|
let t2 = e3.height - (l2.top - e3.top);
|
|
@@ -14,15 +14,15 @@ const y = { style: { height: "100%", width: "100%" } }, b = e({ __name: "richtex
|
|
|
14
14
|
}
|
|
15
15
|
}
|
|
16
16
|
t(b2.configure.style, () => {
|
|
17
|
-
|
|
17
|
+
g(b2.configure, S, _, C), b2.configure.runtime.style = S.value, b2.configure.runtime.class = _.value, b2.configure.runtime.headerStyle = C.value;
|
|
18
18
|
}, { immediate: true }), t(b2.configure.props, () => {
|
|
19
19
|
m(b2.configure, E, R);
|
|
20
20
|
let e3 = b2.configure.props ? b2.configure.props : {};
|
|
21
21
|
const l2 = e3.base ? e3.base : {};
|
|
22
22
|
let t2 = "";
|
|
23
|
-
t2 = l2.prop ? l2.prop : l2.defaultValue ? l2.defaultValue : "${page." + b2.configure.uuid + "}", E.value.value = t2,
|
|
23
|
+
t2 = l2.prop ? l2.prop : l2.defaultValue ? l2.defaultValue : "${page." + b2.configure.uuid + "}", E.value.value = t2, j(), k && k.value && (k.value.enable("readonly" != E.value.state), k.value.root.dataset.placeholder = E.value.placeholder ? E.value.placeholder : ""), b2.configure.runtime.props = E.value, b2.configure.runtime.titleExceedStyle = R.value;
|
|
24
24
|
}, { immediate: true });
|
|
25
|
-
const
|
|
25
|
+
const B = (e3) => {
|
|
26
26
|
q.value && e3 && q.value.click();
|
|
27
27
|
}, F = (e3) => {
|
|
28
28
|
const l2 = Array.prototype.slice.call(e3.target.files);
|
|
@@ -35,17 +35,18 @@ const y = { style: { height: "100%", width: "100%" } }, b = e({ __name: "richtex
|
|
|
35
35
|
}
|
|
36
36
|
});
|
|
37
37
|
};
|
|
38
|
-
let
|
|
38
|
+
let H;
|
|
39
39
|
return i(() => {
|
|
40
|
-
k.value = new h(x.value, w.value), k.value.getModule("toolbar").addHandler("image",
|
|
41
|
-
|
|
40
|
+
k.value = new h(x.value, w.value), k.value.getModule("toolbar").addHandler("image", B), k.value.on("text-change", function(e3, l2, t2) {
|
|
41
|
+
H && clearTimeout(H), H = setTimeout(function() {
|
|
42
|
+
k.value.root.innerHTML;
|
|
42
43
|
}, 1e3);
|
|
43
|
-
}),
|
|
44
|
+
}), j();
|
|
44
45
|
}), u(() => {
|
|
45
|
-
|
|
46
|
+
H && clearTimeout(H);
|
|
46
47
|
}), (e3, l2) => {
|
|
47
48
|
const t2 = a("el-form-item");
|
|
48
|
-
return r(), n(t2, { required: E.value.required, class: c([_.value, "remove-formLabel-formContent-blankStyle"]), "label-width": E.value.labelWidth, style: o(S.value) }, { label: d(() => [E.value.tittleShow ? (r(), p("div", { key: 0, style: o({ ...C.value, ...R.value, "padding-right": "12px" }) },
|
|
49
|
+
return r(), n(t2, { required: E.value.required, class: c([_.value, "remove-formLabel-formContent-blankStyle"]), "label-width": E.value.labelWidth, style: o(S.value) }, { label: d(() => [E.value.tittleShow ? (r(), p("div", { key: 0, style: o({ ...C.value, ...R.value, "padding-right": "12px" }) }, v(E.value.title), 5)) : f("", true)]), default: d(() => [s("div", y, [s("div", { ref_key: "quillEditorRef", ref: x, style: o({ ...T.value }) }, null, 4), s("input", { type: "file", hidden: "", accept: ".jpg,.png", ref_key: "fileBtn", ref: q, onChange: F }, null, 544)])]), _: 1 }, 8, ["required", "class", "label-width", "style"]);
|
|
49
50
|
};
|
|
50
51
|
} });
|
|
51
52
|
export {
|