form-custom-test 3.0.48 → 3.0.50

package/dist/render.es.js

@@ -1374,6 +1374,7 @@ var enLocale = {
       widgetColumnWidth: "Width",
       widgetSize: "Size",
       fontSize: "Font Size",
+      fontColor: "Text Color",
       textAlign: "Text Align",
       autoFullWidth: "Auto Full Width",
       showStops: "Show Stops",
@@ -1691,6 +1692,7 @@ var zhLocale = {
       widgetColumnWidth: "\u7EC4\u4EF6\u5217\u5BBD",
       widgetSize: "\u7EC4\u4EF6\u5927\u5C0F",
       fontSize: "\u5B57\u4F53\u5927\u5C0F",
+      fontColor: "\u6587\u5B57\u989C\u8272",
       textAlign: "\u6587\u5B57\u5BF9\u9F50",
       autoFullWidth: "\u81EA\u52A8\u62C9\u4F38\u5BBD\u5EA6",
       showStops: "\u663E\u793A\u95F4\u65AD\u70B9",
@@ -23543,12 +23545,37 @@ const _sfc_main$z = {
     }
   },
   components: {
-    StaticContentWrapper
+    FormItemWrapper
+  },
+  data() {
+    return {
+      oldFieldValue: null,
+      fieldModel: null,
+      rules: []
+    };
+  },
+  computed: {
+    staticTextStyle() {
+      const s = {};
+      if (this.field.options.fontSize)
+        s.fontSize = this.field.options.fontSize;
+      return s;
+    },
+    innerStyle() {
+      return {
+        whiteSpace: this.field.options.preWrap ? "pre-wrap" : "pre",
+        textAlign: this.field.options.textAlign || "left",
+        color: this.field.options.fontColor || void 0
+      };
+    },
+    displayText() {
+      return this.fieldModel || this.field.options.textContent;
+    }
   },
-  computed: {},
   beforeCreate() {
   },
   created() {
+    this.initFieldModel();
     this.registerToRefList();
     this.initEventHandler();
     this.handleOnCreated();
@@ -23562,10 +23589,11 @@ const _sfc_main$z = {
   methods: {}
 };
 function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_static_content_wrapper = resolveComponent("static-content-wrapper");
-  return openBlock(), createBlock(_component_static_content_wrapper, {
+  const _component_form_item_wrapper = resolveComponent("form-item-wrapper");
+  return openBlock(), createBlock(_component_form_item_wrapper, {
     designer: $props.designer,
     field: $props.field,
+    rules: $data.rules,
     "design-state": $props.designState,
     "parent-widget": $props.parentWidget,
     "parent-list": $props.parentList,
@@ -23577,17 +23605,17 @@ function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
     default: withCtx(() => [
       createElementVNode("div", {
         ref: "fieldEditor",
-        style: normalizeStyle(!!$props.field.options.fontSize ? `font-size: ${$props.field.options.fontSize};` : "")
+        style: normalizeStyle($options.staticTextStyle)
       }, [
-        createElementVNode("pre", {
-          style: normalizeStyle({ "white-space": !!$props.field.options.preWrap ? "pre-wrap" : "pre", "text-align": !!$props.field.options.textAlign ? $props.field.options.textAlign : "left" })
-        }, toDisplayString($props.field.options.textContent), 5)
+        createElementVNode("div", {
+          style: normalizeStyle($options.innerStyle)
+        }, toDisplayString($options.displayText), 5)
       ], 4)
     ]),
     _: 1
-  }, 8, ["designer", "field", "design-state", "parent-widget", "parent-list", "index-of-parent-list", "sub-form-row-index", "sub-form-col-index", "sub-form-row-id"]);
+  }, 8, ["designer", "field", "rules", "design-state", "parent-widget", "parent-list", "index-of-parent-list", "sub-form-row-index", "sub-form-col-index", "sub-form-row-id"]);
 }
-var staticTextWidget = /* @__PURE__ */ _export_sfc$1(_sfc_main$z, [["render", _sfc_render$z], ["__scopeId", "data-v-4071ab53"]]);
+var staticTextWidget = /* @__PURE__ */ _export_sfc$1(_sfc_main$z, [["render", _sfc_render$z], ["__scopeId", "data-v-55fc605c"]]);
 var __glob_0_21 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   "default": staticTextWidget
@@ -24224,6 +24252,12 @@ var containerItemMixin = {
       };
       traverseFieldWidgetsOfContainer(this.widget, clearRulesFn);
     },
+    setDisabled(flag) {
+      if (!this.widget || !this.widget.options) {
+        return;
+      }
+      this.widget.options.disabled = flag;
+    },
     activeTab(tabIndex) {
       if (tabIndex >= 0 && tabIndex < this.widget.tabs.length) {
         this.widget.tabs.forEach((tp, idx) => {
@@ -25411,6 +25445,18 @@ const _sfc_main$o = {
       }
       return foundRef;
     },
+    getStaticTextRef(nameOrId) {
+      if (nameOrId) {
+        const ref2 = this.getWidgetRef(nameOrId);
+        if (ref2 && ref2.field && ref2.field.type === "static-text")
+          return ref2;
+      }
+      const list = Object.values(this.widgetRefList).filter((ref2) => ref2 && ref2.field && ref2.field.type === "static-text");
+      return list.length > 0 ? list[0] : void 0;
+    },
+    getStaticTextRefs() {
+      return Object.values(this.widgetRefList).filter((ref2) => ref2 && ref2.field && ref2.field.type === "static-text");
+    },
     clearFormDataModel() {
       for (let pkey in this.formDataModel) {
         delete this.formDataModel[pkey];
@@ -25742,7 +25788,7 @@ function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["label-position", "size", "class", "label-width", "model"]);
 }
-var VFormRender = /* @__PURE__ */ _export_sfc$1(_sfc_main$o, [["render", _sfc_render$o], ["__scopeId", "data-v-62d83c26"]]);
+var VFormRender = /* @__PURE__ */ _export_sfc$1(_sfc_main$o, [["render", _sfc_render$o], ["__scopeId", "data-v-15a0247d"]]);
 function registerIcon(app) {
   app.component("el-icon-edit", edit);
   app.component("el-icon-minus", minus);
@@ -25757,13 +25803,13 @@ function registerIcon(app) {
 if (typeof window !== "undefined") {
   let loadSvg = function() {
     var body = document.body;
-    var svgDom = document.getElementById("__svg__icons__dom__1772593002951__");
+    var svgDom = document.getElementById("__svg__icons__dom__1772609564024__");
     if (!svgDom) {
       svgDom = document.createElementNS("http://www.w3.org/2000/svg", "svg");
       svgDom.style.position = "absolute";
       svgDom.style.width = "0";
       svgDom.style.height = "0";
-      svgDom.id = "__svg__icons__dom__1772593002951__";
+      svgDom.id = "__svg__icons__dom__1772609564024__";
       svgDom.setAttribute("xmlns", "http://www.w3.org/2000/svg");
       svgDom.setAttribute("xmlns:link", "http://www.w3.org/1999/xlink");
     }
@@ -34282,7 +34328,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
                 $props.widget.options.showRowNumber ? (openBlock(), createElementBlock("span", _hoisted_5$2, toDisplayString($props.widget.options.label || "\u81EA\u5B9A\u4E49\u5B50\u8868\u5355") + " " + toDisplayString(sfrIdx + 1), 1)) : (openBlock(), createElementBlock("span", _hoisted_6$2, "\u8868\u5355\u7EC4"))
               ]),
               createElementVNode("div", _hoisted_7$1, [
-                sfrIdx > 0 ? (openBlock(), createBlock(_component_el_button, {
+                sfrIdx > 0 && !$props.widget.options.disabled ? (openBlock(), createBlock(_component_el_button, {
                   key: 0,
                   size: "small",
                   type: "danger",
@@ -34332,7 +34378,8 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
           ]);
         }), 128)),
         !$props.widget.widgetList || $props.widget.widgetList.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_13, " \u8BF7\u5148\u5728\u8BBE\u8BA1\u5668\u4E2D\u62D6\u62FD\u7EC4\u4EF6\u5230\u5B50\u8868\u5355\u4E2D ")) : $data.rowIdData.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_14, ' \u70B9\u51FB"\u6DFB\u52A0"\u6309\u94AE\u6DFB\u52A0\u6570\u636E\u884C ')) : createCommentVNode("", true),
-        createVNode(_component_el_button, {
+        !$props.widget.options.disabled ? (openBlock(), createBlock(_component_el_button, {
+          key: 2,
           disabled: $data.actionDisabled,
           type: "primary",
           plain: "",
@@ -34344,7 +34391,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
             _cache[1] || (_cache[1] = createTextVNode(" \u6DFB\u52A0 ", -1))
           ]),
           _: 1
-        }, 8, ["disabled", "onClick"])
+        }, 8, ["disabled", "onClick"])) : createCommentVNode("", true)
       ], 2)), [
         [vShow, $props.widget && $props.widget.options && !$props.widget.options.hidden]
       ]) : createCommentVNode("", true)
@@ -34352,7 +34399,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["widget"]);
 }
-var CustomSubFormItem = /* @__PURE__ */ _export_sfc$1(_sfc_main$9, [["render", _sfc_render$9], ["__scopeId", "data-v-489afa42"]]);
+var CustomSubFormItem = /* @__PURE__ */ _export_sfc$1(_sfc_main$9, [["render", _sfc_render$9], ["__scopeId", "data-v-4ce4d728"]]);
 var customTableCellWidget_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$8 = {
   name: "custom-table-cell-widget",
@@ -35324,7 +35371,8 @@ const _sfc_main$3 = {
       dialogTitle: "\u65B0\u589E",
       dialogFormData: {},
       dialogFormRules: {},
-      editingIndex: -1
+      editingIndex: -1,
+      syncFromFormModel: false
     };
   },
   computed: {
@@ -35347,17 +35395,23 @@ const _sfc_main$3 = {
   watch: {
     formModel: {
       handler(newVal) {
+        this.syncFromFormModel = true;
         if (newVal && Array.isArray(newVal)) {
           this.tableData = deepClone(newVal);
         } else if (!newVal) {
           this.tableData = [];
         }
+        this.$nextTick(() => {
+          this.syncFromFormModel = false;
+        });
       },
       immediate: true,
       deep: true
     },
     tableData: {
       handler(newVal) {
+        if (this.syncFromFormModel)
+          return;
         if (this.formModel !== newVal) {
           this.updateFormModel(newVal);
         }
@@ -35366,7 +35420,6 @@ const _sfc_main$3 = {
     }
   },
   created() {
-    this.initFieldModel();
     this.initRefList();
     this.initTableData();
   },
@@ -35698,7 +35751,8 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
           $props.widget.options.required ? (openBlock(), createElementBlock("span", _hoisted_2$2, "*")) : createCommentVNode("", true)
         ])) : createCommentVNode("", true),
         createElementVNode("div", _hoisted_3$1, [
-          createVNode(_component_el_button, {
+          !$props.widget.options.disabled ? (openBlock(), createBlock(_component_el_button, {
+            key: 0,
             type: "primary",
             size: "small",
             disabled: $props.widget.options.disabled,
@@ -35709,7 +35763,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
               _cache[2] || (_cache[2] = createTextVNode(" \u65B0\u589E ", -1))
             ]),
             _: 1
-          }, 8, ["disabled", "onClick"])
+          }, 8, ["disabled", "onClick"])) : createCommentVNode("", true)
         ]),
         createVNode(_component_el_table, {
           data: $data.tableData,
@@ -35749,7 +35803,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
                 _: 2
               }, 1032, ["prop", "label", "width", "min-width"]);
             }), 128)),
-            $props.widget.options.showOperation ? (openBlock(), createBlock(_component_el_table_column, {
+            $props.widget.options.showOperation && !$props.widget.options.disabled ? (openBlock(), createBlock(_component_el_table_column, {
               key: 1,
               label: "\u64CD\u4F5C",
               width: $props.widget.options.operationColumnWidth,
@@ -35925,7 +35979,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["widget"]);
 }
-var SubTableItem = /* @__PURE__ */ _export_sfc$1(_sfc_main$3, [["render", _sfc_render$3], ["__scopeId", "data-v-22c76baf"]]);
+var SubTableItem = /* @__PURE__ */ _export_sfc$1(_sfc_main$3, [["render", _sfc_render$3], ["__scopeId", "data-v-0c285f08"]]);
 var ace$2 = { exports: {} };
 (function(module, exports) {
   (function() {