fec-dev-designer 1.0.3 → 1.0.5

package/es/src/packages/form/components/ComponentPreviewWrapper.vue.js

@@ -17,25 +17,25 @@ import "../../../../node_modules/element-plus/theme-chalk/el-date-picker-panel.c
 import "../../../../node_modules/element-plus/theme-chalk/el-input.css.js";
 import "../../../../node_modules/element-plus/theme-chalk/el-button.css.js";
 import "../../../../node_modules/element-plus/theme-chalk/el-tooltip.css.js";
-import { computed as S, openBlock as t, createElementBlock as u, createVNode as q, createSlots as N, withCtx as m, createBlock as o, normalizeProps as d, mergeProps as a, unref as l, createCommentVNode as i, Fragment as D, renderList as k, createTextVNode as h, toDisplayString as s, createElementVNode as v } from "vue";
+import { computed as V, openBlock as t, createElementBlock as u, createBlock as o, createSlots as q, withCtx as r, normalizeProps as d, mergeProps as a, unref as l, createCommentVNode as i, Fragment as D, renderList as k, createTextVNode as h, toDisplayString as y, createElementVNode as v } from "vue";
 import "./ComponentPreviewWrapper.vue2.js";
 import W from "../../../../_virtual/_plugin-vue_export-helper.js";
 import { ElTooltip as B } from "../../../../node_modules/element-plus/es/components/tooltip/index.js";
 import { ElInput as I } from "../../../../node_modules/element-plus/es/components/input/index.js";
 import { ElDatePicker as L } from "../../../../node_modules/element-plus/es/components/date-picker/index.js";
-import { ElSelect as z } from "../../../../node_modules/element-plus/es/components/select/index.js";
-import { ElRadio as F, ElRadioGroup as G } from "../../../../node_modules/element-plus/es/components/radio/index.js";
-import { ElCheckbox as O, ElCheckboxGroup as R } from "../../../../node_modules/element-plus/es/components/checkbox/index.js";
-import { ElSwitch as j } from "../../../../node_modules/element-plus/es/components/switch/index.js";
-import { ElDivider as J } from "../../../../node_modules/element-plus/es/components/divider/index.js";
-import { ElFormItem as M } from "../../../../node_modules/element-plus/es/components/form/index.js";
-const Z = { class: "component-preview" }, A = {
+import { ElSelect as N } from "../../../../node_modules/element-plus/es/components/select/index.js";
+import { ElRadio as z, ElRadioGroup as F } from "../../../../node_modules/element-plus/es/components/radio/index.js";
+import { ElCheckbox as G, ElCheckboxGroup as O } from "../../../../node_modules/element-plus/es/components/checkbox/index.js";
+import { ElSwitch as R } from "../../../../node_modules/element-plus/es/components/switch/index.js";
+import { ElDivider as j } from "../../../../node_modules/element-plus/es/components/divider/index.js";
+import { ElFormItem as J } from "../../../../node_modules/element-plus/es/components/form/index.js";
+const M = { class: "component-preview" }, Z = {
   key: 0,
   class: "iconfont icon-iconZheng credit-icon"
-}, H = {
+}, A = {
   key: 1,
   class: "iconfont icon-iconJian regulation-icon"
-}, K = {
+}, H = {
   __name: "ComponentPreviewWrapper",
   props: {
     componentData: {
@@ -44,7 +44,7 @@ const Z = { class: "component-preview" }, A = {
     }
   },
   setup(e) {
-    const p = e, n = S(() => ({
+    const p = e, n = V(() => ({
       disabled: p.componentData.disabled,
       readonly: p.componentData.readOnly,
       placeholder: p.componentData.placeholder || "",
@@ -52,49 +52,53 @@ const Z = { class: "component-preview" }, A = {
       maxlength: p.componentData.maxLength,
       showWordLimit: p.componentData.showWordCount || !1
     }));
-    return (Q, y) => {
-      const x = B, f = I, _ = L, b = z, E = F, T = G, g = O, w = R, C = j, P = J, V = M;
-      return t(), u("div", Z, [
-        q(V, {
+    return (K, s) => {
+      const T = B, f = I, b = L, x = N, g = z, E = F, w = G, C = O, _ = R, P = j, S = J;
+      return t(), u("div", M, [
+        e.componentData.fieldType != "blank" ? (t(), o(S, {
+          key: 0,
           placeholder: e.componentData.placeholder,
           required: e.componentData.required,
           class: "preview-form-item"
-        }, N({
-          default: m(() => [
+        }, q({
+          default: r(() => [
             e.componentData.fieldType == "text" ? (t(), o(f, d(a({ key: 0 }, l(n))), null, 16)) : e.componentData.fieldType == "textarea" ? (t(), o(f, a({
               key: 1,
               rows: 4,
               type: "textarea"
-            }, l(n), { resize: "none" }), null, 16)) : i("", !0),
-            e.componentData.fieldType == "number" ? (t(), o(f, a({ key: 2 }, l(n), { controls: !1 }), null, 16)) : e.componentData.fieldType == "date" ? (t(), o(_, a({ key: 3 }, l(n), {
+            }, l(n), {
+              resize: "none",
+              style: { height: "100%" }
+            }), null, 16)) : i("", !0),
+            e.componentData.fieldType == "number" ? (t(), o(f, a({ key: 2 }, l(n), { controls: !1 }), null, 16)) : e.componentData.fieldType == "date" ? (t(), o(b, a({ key: 3 }, l(n), {
               type: "date",
               style: { width: "100%" }
-            }), null, 16)) : e.componentData.fieldType == "select" || e.componentData.fieldType == "multipleSelection" ? (t(), o(b, d(a({ key: 4 }, l(n))), null, 16)) : e.componentData.fieldType == "radio" ? (t(), o(T, d(a({ key: 5 }, l(n))), {
-              default: m(() => {
+            }), null, 16)) : e.componentData.fieldType == "select" || e.componentData.fieldType == "multipleSelection" || e.componentData.fieldType == "cascader" || e.componentData.fieldType == "area" || e.componentData.fieldType == "industry" ? (t(), o(x, d(a({ key: 4 }, l(n))), null, 16)) : e.componentData.fieldType == "radio" ? (t(), o(E, d(a({ key: 5 }, l(n))), {
+              default: r(() => {
                 var c;
                 return [
-                  (t(!0), u(D, null, k(((c = e.componentData.optionConfig) == null ? void 0 : c.options) || [], (r) => (t(), o(E, {
-                    key: r.value,
-                    value: r.value
+                  (t(!0), u(D, null, k(((c = e.componentData.optionConfig) == null ? void 0 : c.options) || [], (m) => (t(), o(g, {
+                    key: m.value,
+                    value: m.value
                   }, {
-                    default: m(() => [
-                      h(s(r.label), 1)
+                    default: r(() => [
+                      h(y(m.label), 1)
                     ]),
                     _: 2
                   }, 1032, ["value"]))), 128))
                 ];
               }),
               _: 1
-            }, 16)) : e.componentData.fieldType == "checkbox" ? (t(), o(w, d(a({ key: 6 }, l(n))), {
-              default: m(() => {
+            }, 16)) : e.componentData.fieldType == "checkbox" ? (t(), o(C, d(a({ key: 6 }, l(n))), {
+              default: r(() => {
                 var c;
                 return [
-                  (t(!0), u(D, null, k(((c = e.componentData.optionConfig) == null ? void 0 : c.options) || [], (r) => (t(), o(g, {
-                    key: r.value,
-                    value: r.value
+                  (t(!0), u(D, null, k(((c = e.componentData.optionConfig) == null ? void 0 : c.options) || [], (m) => (t(), o(w, {
+                    key: m.value,
+                    value: m.value
                   }, {
-                    default: m(() => [
-                      h(s(r.label), 1)
+                    default: r(() => [
+                      h(y(m.label), 1)
                     ]),
                     _: 2
                   }, 1032, ["value"]))), 128))
@@ -102,7 +106,7 @@ const Z = { class: "component-preview" }, A = {
               }),
               _: 1
             }, 16)) : i("", !0),
-            e.componentData.fieldType == "switch" ? (t(), o(C, d(a({ key: 7 }, l(n))), null, 16)) : i("", !0),
+            e.componentData.fieldType == "switch" ? (t(), o(_, d(a({ key: 7 }, l(n))), null, 16)) : i("", !0),
             e.componentData.fieldType == "upload" ? (t(), o(f, d(a({ key: 8 }, l(n))), null, 16)) : i("", !0),
             e.componentData.fieldType == "divider" ? (t(), o(P, { key: 9 })) : i("", !0)
           ]),
@@ -110,18 +114,18 @@ const Z = { class: "component-preview" }, A = {
         }, [
           e.componentData.labelMode != "input" ? {
             name: "label",
-            fn: m(() => {
+            fn: r(() => {
               var c;
               return [
-                e.componentData.credit ? (t(), u("i", A)) : i("", !0),
-                e.componentData.regulation ? (t(), u("i", H)) : i("", !0),
-                v("span", null, s(e.componentData.label), 1),
-                (c = e.componentData.tooltip) != null && c.trim() ? (t(), o(x, {
+                e.componentData.credit ? (t(), u("i", Z)) : i("", !0),
+                e.componentData.regulation ? (t(), u("i", A)) : i("", !0),
+                v("span", null, y(e.componentData.label), 1),
+                (c = e.componentData.tooltip) != null && c.trim() ? (t(), o(T, {
                   key: 2,
                   content: e.componentData.tooltip,
                   placement: "top"
                 }, {
-                  default: m(() => [...y[0] || (y[0] = [
+                  default: r(() => [...s[0] || (s[0] = [
                     v("i", { class: "iconfont icon-tooltip info-icon" }, null, -1)
                   ])]),
                   _: 1
@@ -130,11 +134,11 @@ const Z = { class: "component-preview" }, A = {
             }),
             key: "0"
           } : void 0
-        ]), 1032, ["placeholder", "required"])
+        ]), 1032, ["placeholder", "required"])) : i("", !0)
       ]);
     };
   }
-}, Ce = /* @__PURE__ */ W(K, [["__scopeId", "data-v-8475001f"]]);
+}, Ce = /* @__PURE__ */ W(H, [["__scopeId", "data-v-4386137a"]]);
 export {
   Ce as default
 };

package/es/src/packages/form/default.js

@@ -2,6 +2,7 @@ const e = {
   fieldsData: [],
   columns: 2,
   labelWidth: 120,
+  formMode: "edit",
   labelPosition: "right",
   dataSources: [],
   linkedConfig: {},

package/es/src/packages/form/formSetting.vue.js

@@ -11,127 +11,149 @@ import "../../../node_modules/element-plus/theme-chalk/el-option-group.css.js";
 import "../../../node_modules/element-plus/theme-chalk/el-scrollbar.css.js";
 import "../../../node_modules/element-plus/theme-chalk/el-popper.css.js";
 import "../../../node_modules/element-plus/theme-chalk/el-select.css.js";
-import { computed as s, openBlock as _, createElementBlock as D, Fragment as E, createElementVNode as o, createVNode as e, withCtx as i, createTextVNode as r, unref as v, isRef as w } from "vue";
+import { computed as r, openBlock as D, createElementBlock as E, Fragment as _, createElementVNode as a, createVNode as e, withCtx as u, createTextVNode as i, unref as f, isRef as w } from "vue";
 import { getEditConfigData as N } from "../utils/common.js";
 import { useDataSourceDialog as U } from "../dataSource/useDataSourceDialog.js";
 import "./formSetting.vue2.js";
 import z from "../../../_virtual/_plugin-vue_export-helper.js";
 import { ElOption as F, ElSelect as I } from "../../../node_modules/element-plus/es/components/select/index.js";
 import { ElInputNumber as R } from "../../../node_modules/element-plus/es/components/input-number/index.js";
-import { ElRadioButton as B, ElRadioGroup as C } from "../../../node_modules/element-plus/es/components/radio/index.js";
-import { ElSwitch as k } from "../../../node_modules/element-plus/es/components/switch/index.js";
-const y = { class: "form-setting" }, P = { class: "setting-left" }, W = { class: "setting-right" }, G = {
+import { ElRadioButton as y, ElRadioGroup as B } from "../../../node_modules/element-plus/es/components/radio/index.js";
+import { ElSwitch as C } from "../../../node_modules/element-plus/es/components/switch/index.js";
+const k = { class: "form-setting" }, M = { class: "setting-left" }, P = { class: "setting-right" }, W = {
   __name: "formSetting",
-  setup(O) {
-    const { dataSourceDialogVisible: m, openDataSourceDialog: T, DataSourceDialog: f } = U(), t = s(() => N()), g = s(() => t.value.dataSources || []), p = s({
+  setup(q) {
+    const { dataSourceDialogVisible: m, openDataSourceDialog: G, DataSourceDialog: V } = U(), t = r(() => N()), g = r(() => t.value.dataSources || []), p = r({
       get: () => t.value.dataSourceId,
       set: (n) => {
         t.value.dataSourceId = n;
       }
     });
-    return s(() => {
+    return r(() => {
       if (!p.value)
         return "";
       const n = g.value.find(
         (l) => l.id === p.value
       );
       return n ? n.name : "";
-    }), s(() => t.value.validationRules || []), (n, l) => {
-      const u = F, V = I, b = R, d = B, S = C, x = k;
-      return _(), D(E, null, [
-        o("div", y, [
-          o("div", P, [
-            l[9] || (l[9] = o("span", { class: "text-label" }, "列数", -1)),
-            e(V, {
+    }), r(() => t.value.validationRules || []), (n, l) => {
+      const d = F, b = I, x = R, s = y, v = B, S = C;
+      return D(), E(_, null, [
+        a("div", k, [
+          a("div", M, [
+            l[12] || (l[12] = a("span", { class: "text-label" }, "列数", -1)),
+            e(b, {
               modelValue: t.value.columns,
-              "onUpdate:modelValue": l[0] || (l[0] = (a) => t.value.columns = a),
+              "onUpdate:modelValue": l[0] || (l[0] = (o) => t.value.columns = o),
               size: "small",
               style: { width: "100px" }
             }, {
-              default: i(() => [
-                e(u, {
+              default: u(() => [
+                e(d, {
                   label: "一列",
                   value: 1
                 }),
-                e(u, {
+                e(d, {
                   label: "二列",
                   value: 2
                 }),
-                e(u, {
+                e(d, {
                   label: "三列",
                   value: 3
                 }),
-                e(u, {
+                e(d, {
                   label: "四列",
                   value: 4
                 })
               ]),
               _: 1
             }, 8, ["modelValue"]),
-            l[10] || (l[10] = o("div", { class: "setting-divider" }, null, -1)),
-            l[11] || (l[11] = o("span", { class: "text-label" }, "标签宽度", -1)),
-            e(b, {
+            l[13] || (l[13] = a("div", { class: "setting-divider" }, null, -1)),
+            l[14] || (l[14] = a("span", { class: "text-label" }, "标签宽度", -1)),
+            e(x, {
               modelValue: t.value.labelWidth,
-              "onUpdate:modelValue": l[1] || (l[1] = (a) => t.value.labelWidth = a),
+              "onUpdate:modelValue": l[1] || (l[1] = (o) => t.value.labelWidth = o),
               min: 70,
               max: 200,
               size: "small",
               "controls-position": "right",
               style: { width: "80px" }
             }, {
-              append: i(() => [...l[5] || (l[5] = [
-                r("px", -1)
+              append: u(() => [...l[6] || (l[6] = [
+                i("px", -1)
               ])]),
               _: 1
             }, 8, ["modelValue"]),
-            l[12] || (l[12] = o("div", { class: "setting-divider" }, null, -1)),
-            l[13] || (l[13] = o("span", { class: "text-label" }, "标签位置", -1)),
-            e(S, {
+            l[15] || (l[15] = a("div", { class: "setting-divider" }, null, -1)),
+            l[16] || (l[16] = a("span", { class: "text-label" }, "标签位置", -1)),
+            e(v, {
               modelValue: t.value.labelPosition,
-              "onUpdate:modelValue": l[2] || (l[2] = (a) => t.value.labelPosition = a),
+              "onUpdate:modelValue": l[2] || (l[2] = (o) => t.value.labelPosition = o),
               size: "small"
             }, {
-              default: i(() => [
-                e(d, { value: "left" }, {
-                  default: i(() => [...l[6] || (l[6] = [
-                    r("左对齐", -1)
+              default: u(() => [
+                e(s, { value: "left" }, {
+                  default: u(() => [...l[7] || (l[7] = [
+                    i("左对齐", -1)
                   ])]),
                   _: 1
                 }),
-                e(d, { value: "right" }, {
-                  default: i(() => [...l[7] || (l[7] = [
-                    r("右对齐", -1)
+                e(s, { value: "right" }, {
+                  default: u(() => [...l[8] || (l[8] = [
+                    i("右对齐", -1)
                   ])]),
                   _: 1
                 }),
-                e(d, { value: "top" }, {
-                  default: i(() => [...l[8] || (l[8] = [
-                    r("顶部对齐", -1)
+                e(s, { value: "top" }, {
+                  default: u(() => [...l[9] || (l[9] = [
+                    i("顶部对齐", -1)
                   ])]),
                   _: 1
                 })
               ]),
               _: 1
             }, 8, ["modelValue"]),
-            l[14] || (l[14] = o("div", { class: "setting-divider" }, null, -1))
+            l[17] || (l[17] = a("div", { class: "setting-divider" }, null, -1)),
+            l[18] || (l[18] = a("span", { class: "text-label" }, "表单模式", -1)),
+            e(v, {
+              modelValue: t.value.formMode,
+              "onUpdate:modelValue": l[3] || (l[3] = (o) => t.value.formMode = o),
+              size: "small"
+            }, {
+              default: u(() => [
+                e(s, { value: "edit" }, {
+                  default: u(() => [...l[10] || (l[10] = [
+                    i("编辑", -1)
+                  ])]),
+                  _: 1
+                }),
+                e(s, { value: "query" }, {
+                  default: u(() => [...l[11] || (l[11] = [
+                    i("查看", -1)
+                  ])]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["modelValue"])
           ]),
-          o("div", W, [
-            l[15] || (l[15] = o("span", { class: "text-label" }, "显示字段名", -1)),
-            e(x, {
+          a("div", P, [
+            l[19] || (l[19] = a("span", { class: "text-label" }, "显示字段名", -1)),
+            e(S, {
               modelValue: t.value.showFieldName,
-              "onUpdate:modelValue": l[3] || (l[3] = (a) => t.value.showFieldName = a),
+              "onUpdate:modelValue": l[4] || (l[4] = (o) => t.value.showFieldName = o),
               size: "small"
             }, null, 8, ["modelValue"])
           ])
         ]),
-        e(v(f), {
-          modelValue: v(m),
-          "onUpdate:modelValue": l[4] || (l[4] = (a) => w(m) ? m.value = a : null)
+        e(f(V), {
+          modelValue: f(m),
+          "onUpdate:modelValue": l[5] || (l[5] = (o) => w(m) ? m.value = o : null)
         }, null, 8, ["modelValue"])
       ], 64);
     };
   }
-}, sl = /* @__PURE__ */ z(G, [["__scopeId", "data-v-53f9dd60"]]);
+}, nl = /* @__PURE__ */ z(W, [["__scopeId", "data-v-cc559ca7"]]);
 export {
-  sl as default
+  nl as default
 };