form-custom-test 3.0.235 → 3.0.237

package/dist/designer.es.js

@@ -69322,13 +69322,13 @@ function registerIcon(app) {
 if (typeof window !== "undefined") {
   let loadSvg = function() {
     var body = document.body;
-    var svgDom = document.getElementById("__svg__icons__dom__1784189595004__");
+    var svgDom = document.getElementById("__svg__icons__dom__1784265155149__");
     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__1784189595004__";
+      svgDom.id = "__svg__icons__dom__1784265155149__";
       svgDom.setAttribute("xmlns", "http://www.w3.org/2000/svg");
       svgDom.setAttribute("xmlns:link", "http://www.w3.org/1999/xlink");
     }
@@ -78069,7 +78069,8 @@ const _sfc_main$l = {
       dialogFormData: {},
       dialogFormRules: {},
       editingIndex: -1,
-      syncFromFormModel: false
+      syncFromFormModel: false,
+      rules: []
     };
   },
   computed: {
@@ -78095,6 +78096,22 @@ const _sfc_main$l = {
     }
   },
   watch: {
+    "widget.options.required"() {
+      this.buildFieldRules();
+    },
+    "widget.options.validation"() {
+      this.buildFieldRules();
+    },
+    "widget.options.onValidate"() {
+      this.buildFieldRules();
+    },
+    "widget.options.hidden"(val) {
+      if (val) {
+        this.clearFieldRules();
+      } else {
+        this.buildFieldRules();
+      }
+    },
     formModel: {
       handler(newVal) {
         this.syncFromFormModel = true;
@@ -78124,11 +78141,96 @@ const _sfc_main$l = {
   created() {
     this.initRefList();
     this.initEventHandler();
+    this.buildFieldRules();
   },
   beforeUnmount() {
     this.unregisterFromRefList();
   },
   methods: {
+    getPropName() {
+      var _a2, _b2;
+      return ((_b2 = (_a2 = this.widget) == null ? void 0 : _a2.options) == null ? void 0 : _b2.name) || "";
+    },
+    clearFieldRules() {
+      var _a2;
+      if (!((_a2 = this.widget) == null ? void 0 : _a2.formItemFlag)) {
+        return;
+      }
+      this.rules.splice(0, this.rules.length);
+    },
+    buildFieldRules() {
+      var _a2;
+      if (!((_a2 = this.widget) == null ? void 0 : _a2.formItemFlag)) {
+        return;
+      }
+      this.rules.splice(0, this.rules.length);
+      if (this.widget.options.hidden) {
+        return;
+      }
+      if (this.widget.options.required) {
+        const message = this.widget.options.requiredHint || this.i18nt("render.hint.fieldRequired") || `\u8BF7\u6DFB\u52A0${this.widget.options.label || "\u5B50\u8868\u683C"}\u6570\u636E`;
+        this.rules.push({
+          type: "array",
+          required: true,
+          min: 1,
+          message,
+          trigger: "change"
+        });
+      }
+      if (this.widget.options.validation) {
+        const vldName2 = this.widget.options.validation;
+        if (FormValidators[vldName2]) {
+          this.rules.push({
+            validator: FormValidators[vldName2],
+            trigger: ["blur", "change"],
+            label: this.widget.options.label,
+            errorMsg: this.widget.options.validationHint
+          });
+        } else {
+          this.rules.push({
+            validator: FormValidators.regExp,
+            trigger: ["blur", "change"],
+            regExp: vldName2,
+            label: this.widget.options.label,
+            errorMsg: this.widget.options.validationHint
+          });
+        }
+      }
+      if (this.widget.options.onValidate) {
+        const customFn = (rule2, value2, callback2) => {
+          const tmpFunc = new Function("rule", "value", "callback", this.widget.options.onValidate);
+          return tmpFunc.call(this, rule2, value2, callback2);
+        };
+        this.rules.push({
+          validator: customFn,
+          trigger: ["blur", "change"],
+          label: this.widget.options.label
+        });
+      }
+    },
+    setRequired(flag) {
+      this.widget.options.required = !!flag;
+      this.buildFieldRules();
+    },
+    setHidden(flag) {
+      if (!this.widget || !this.widget.options) {
+        return;
+      }
+      this.widget.options.hidden = !!flag;
+      if (flag) {
+        this.clearFieldRules();
+      } else {
+        this.buildFieldRules();
+      }
+    },
+    triggerFieldValidation() {
+      const propName = this.getPropName();
+      if (!propName)
+        return;
+      this.$nextTick(() => {
+        this.dispatch("VFormRender", "fieldValidation", [propName]);
+      });
+    },
     initEventHandler() {
       this.on$("setFormData", (newFormData) => {
         var _a2, _b2;
@@ -78212,6 +78314,7 @@ const _sfc_main$l = {
         this.updateFormModel(this.tableData);
         this.handleWidgetOnChange(deepClone(this.tableData), oldTableData);
         this.$message.success("\u5220\u9664\u6210\u529F");
+        this.triggerFieldValidation();
         if (this.widget.options.onRowDelete) {
           try {
             new Function("rowIndex", "rowData", this.widget.options.onRowDelete)(index2, this.tableData[index2]);
@@ -78339,6 +78442,7 @@ const _sfc_main$l = {
           }
           this.updateFormModel(this.tableData);
           this.handleWidgetOnChange(deepClone(this.tableData), oldTableData);
+          this.triggerFieldValidation();
           this.dialogVisible = false;
         } else {
           this.$message.warning("\u8BF7\u586B\u5199\u5B8C\u6574\u4FE1\u606F");
@@ -78499,259 +78603,269 @@ function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_container_item_wrapper = resolveComponent("container-item-wrapper");
   return openBlock(), createBlock(_component_container_item_wrapper, { widget: $props.widget }, {
     default: withCtx(() => [
-      $props.widget ? withDirectives((openBlock(), createElementBlock("div", {
+      $props.widget ? withDirectives((openBlock(), createBlock(_component_el_form_item, {
         key: $props.widget.id,
-        class: normalizeClass(["sub-table-container", $options.customClass])
-      }, [
-        $props.widget.options.label ? (openBlock(), createElementBlock("div", _hoisted_1$e, [
-          createElementVNode("span", {
-            class: normalizeClass($options.labelClass)
-          }, toDisplayString($props.widget.options.label), 3),
-          $props.widget.options.required ? (openBlock(), createElementBlock("span", _hoisted_2$b, "*")) : createCommentVNode("", true)
-        ])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_3$9, [
-          !$props.widget.options.disabled ? (openBlock(), createBlock(_component_el_button, {
-            key: 0,
-            type: "primary",
-            size: "small",
-            disabled: $props.widget.options.disabled,
-            onClick: $options.handleAddRow,
-            icon: "el-icon-plus"
-          }, {
-            default: withCtx(() => [..._cache[2] || (_cache[2] = [
-              createTextVNode(" \u65B0\u589E ", -1)
-            ])]),
-            _: 1
-          }, 8, ["disabled", "onClick"])) : createCommentVNode("", true)
-        ]),
-        createVNode(_component_el_table, {
-          data: $data.tableData,
-          border: $props.widget.options.border,
-          stripe: $props.widget.options.stripe,
-          size: $props.widget.options.size,
-          "max-height": $options.tableMaxHeight,
-          style: { "width": "100%" },
-          disabled: $props.widget.options.disabled
-        }, {
-          empty: withCtx(() => [..._cache[5] || (_cache[5] = [
-            createElementVNode("div", { class: "empty-hint" }, [
-              createElementVNode("span", null, "\u6682\u65E0\u6570\u636E")
-            ], -1)
-          ])]),
-          default: withCtx(() => [
-            $props.widget.options.showIndex ? (openBlock(), createBlock(_component_el_table_column, {
-              key: 0,
-              type: "index",
-              label: "\u5E8F\u53F7",
-              width: "60",
-              align: "center"
-            })) : createCommentVNode("", true),
-            (openBlock(true), createElementBlock(Fragment, null, renderList($props.widget.options.columns, (col, colIdx) => {
-              return openBlock(), createBlock(_component_el_table_column, {
-                key: colIdx,
-                prop: col.prop,
-                label: col.label,
-                width: col.width,
-                "min-width": col.minWidth,
-                align: "left",
-                "show-overflow-tooltip": ""
-              }, {
-                default: withCtx(({ row, $index }) => [
-                  createTextVNode(toDisplayString($options.getTableValue(row, col, $index)), 1)
-                ]),
-                _: 2
-              }, 1032, ["prop", "label", "width", "min-width"]);
-            }), 128)),
-            $props.widget.options.showOperation && !$props.widget.options.disabled ? (openBlock(), createBlock(_component_el_table_column, {
-              key: 1,
-              label: "\u64CD\u4F5C",
-              width: $props.widget.options.operationColumnWidth,
-              align: "center",
-              fixed: "right"
-            }, {
-              default: withCtx(({ row, $index }) => [
-                createVNode(_component_el_button, {
-                  size: "small",
-                  type: "primary",
-                  link: "",
-                  disabled: $props.widget.options.disabled,
-                  onClick: ($event) => $options.handleEditRow($index, row)
-                }, {
-                  default: withCtx(() => [..._cache[3] || (_cache[3] = [
-                    createTextVNode(" \u7F16\u8F91 ", -1)
-                  ])]),
-                  _: 1
-                }, 8, ["disabled", "onClick"]),
-                createVNode(_component_el_button, {
-                  size: "small",
-                  type: "danger",
-                  link: "",
-                  disabled: $props.widget.options.disabled,
-                  onClick: ($event) => $options.handleDeleteRow($index)
-                }, {
-                  default: withCtx(() => [..._cache[4] || (_cache[4] = [
-                    createTextVNode(" \u5220\u9664 ", -1)
-                  ])]),
-                  _: 1
-                }, 8, ["disabled", "onClick"])
-              ]),
-              _: 1
-            }, 8, ["width"])) : createCommentVNode("", true)
-          ]),
-          _: 1
-        }, 8, ["data", "border", "stripe", "size", "max-height", "disabled"]),
-        createVNode(_component_el_dialog, {
-          modelValue: $data.dialogVisible,
-          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => $data.dialogVisible = $event),
-          title: $data.dialogTitle,
-          width: "800px",
-          "close-on-click-modal": false,
-          onClose: $options.handleDialogClose,
-          onOpened: $options.handleDialogOpened
-        }, {
-          footer: withCtx(() => [
-            createElementVNode("span", _hoisted_4$8, [
-              createVNode(_component_el_button, {
-                size: "default",
-                onClick: _cache[0] || (_cache[0] = ($event) => $data.dialogVisible = false)
-              }, {
-                default: withCtx(() => [..._cache[6] || (_cache[6] = [
-                  createTextVNode("\u53D6\u6D88", -1)
-                ])]),
-                _: 1
-              }),
-              createVNode(_component_el_button, {
-                size: "default",
+        prop: $options.getPropName(),
+        rules: $data.rules,
+        class: "sub-table-form-item",
+        "label-width": "0"
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", {
+            class: normalizeClass(["sub-table-container", $options.customClass])
+          }, [
+            $props.widget.options.label ? (openBlock(), createElementBlock("div", _hoisted_1$e, [
+              createElementVNode("span", {
+                class: normalizeClass($options.labelClass)
+              }, toDisplayString($props.widget.options.label), 3),
+              $props.widget.options.required ? (openBlock(), createElementBlock("span", _hoisted_2$b, "*")) : createCommentVNode("", true)
+            ])) : createCommentVNode("", true),
+            createElementVNode("div", _hoisted_3$9, [
+              !$props.widget.options.disabled ? (openBlock(), createBlock(_component_el_button, {
+                key: 0,
                 type: "primary",
-                onClick: $options.handleDialogConfirm
+                size: "small",
+                disabled: $props.widget.options.disabled,
+                onClick: $options.handleAddRow,
+                icon: "el-icon-plus"
               }, {
-                default: withCtx(() => [..._cache[7] || (_cache[7] = [
-                  createTextVNode("\u786E\u5B9A", -1)
+                default: withCtx(() => [..._cache[2] || (_cache[2] = [
+                  createTextVNode(" \u65B0\u589E ", -1)
                 ])]),
                 _: 1
-              }, 8, ["onClick"])
-            ])
-          ]),
-          default: withCtx(() => [
-            createVNode(_component_el_form, {
-              ref: "dialogFormRef",
-              model: $data.dialogFormData,
-              rules: $data.dialogFormRules,
-              "validate-on-rule-change": false,
-              "label-width": "auto"
+              }, 8, ["disabled", "onClick"])) : createCommentVNode("", true)
+            ]),
+            createVNode(_component_el_table, {
+              data: $data.tableData,
+              border: $props.widget.options.border,
+              stripe: $props.widget.options.stripe,
+              size: $props.widget.options.size,
+              "max-height": $options.tableMaxHeight,
+              style: { "width": "100%" },
+              disabled: $props.widget.options.disabled
             }, {
+              empty: withCtx(() => [..._cache[5] || (_cache[5] = [
+                createElementVNode("div", { class: "empty-hint" }, [
+                  createElementVNode("span", null, "\u6682\u65E0\u6570\u636E")
+                ], -1)
+              ])]),
               default: withCtx(() => [
+                $props.widget.options.showIndex ? (openBlock(), createBlock(_component_el_table_column, {
+                  key: 0,
+                  type: "index",
+                  label: "\u5E8F\u53F7",
+                  width: "60",
+                  align: "center"
+                })) : createCommentVNode("", true),
                 (openBlock(true), createElementBlock(Fragment, null, renderList($props.widget.options.columns, (col, colIdx) => {
-                  return openBlock(), createBlock(_component_el_form_item, {
+                  return openBlock(), createBlock(_component_el_table_column, {
                     key: colIdx,
-                    label: col.label,
                     prop: col.prop,
-                    required: col.required
+                    label: col.label,
+                    width: col.width,
+                    "min-width": col.minWidth,
+                    align: "left",
+                    "show-overflow-tooltip": ""
                   }, {
-                    default: withCtx(() => [
-                      !col.type || col.type === "input" ? (openBlock(), createBlock(_component_el_input, {
-                        key: 0,
-                        modelValue: $data.dialogFormData[col.prop],
-                        "onUpdate:modelValue": ($event) => $data.dialogFormData[col.prop] = $event,
-                        placeholder: col.placeholder || `\u8BF7\u8F93\u5165${col.label}`,
-                        disabled: $props.widget.options.disabled,
-                        maxlength: $options.getColMaxLength(col),
-                        "show-word-limit": !!col.showWordLimit && !!col.maxLength,
-                        onChange: ($event) => $options.handleInputChange(col),
-                        clearable: ""
-                      }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder", "disabled", "maxlength", "show-word-limit", "onChange"])) : col.type === "number" ? (openBlock(), createBlock(_component_el_input_number, {
-                        key: 1,
-                        modelValue: $data.dialogFormData[col.prop],
-                        "onUpdate:modelValue": ($event) => $data.dialogFormData[col.prop] = $event,
-                        placeholder: col.placeholder || `\u8BF7\u8F93\u5165${col.label}`,
-                        disabled: $props.widget.options.disabled,
-                        style: { "width": "100%" },
-                        onChange: ($event) => $options.handleInputChange(col),
-                        clearable: ""
-                      }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder", "disabled", "onChange"])) : col.type === "date" ? (openBlock(), createBlock(_component_el_date_picker, {
-                        key: 2,
-                        modelValue: $data.dialogFormData[col.prop],
-                        "onUpdate:modelValue": ($event) => $data.dialogFormData[col.prop] = $event,
-                        type: "date",
-                        placeholder: col.placeholder || `\u8BF7\u9009\u62E9${col.label}`,
-                        disabled: $props.widget.options.disabled,
-                        style: { "width": "100%" },
-                        "value-format": "YYYY-MM-DD",
-                        onChange: ($event) => $options.handleInputChange(col),
-                        clearable: ""
-                      }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder", "disabled", "onChange"])) : col.type === "datetime" ? (openBlock(), createBlock(_component_el_date_picker, {
-                        key: 3,
-                        modelValue: $data.dialogFormData[col.prop],
-                        "onUpdate:modelValue": ($event) => $data.dialogFormData[col.prop] = $event,
-                        type: "datetime",
-                        placeholder: col.placeholder || `\u8BF7\u9009\u62E9${col.label}`,
-                        disabled: $props.widget.options.disabled,
-                        clearable: "",
-                        style: { "width": "100%" },
-                        "value-format": "YYYY-MM-DD HH:mm:ss"
-                      }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder", "disabled"])) : col.type === "month" ? (openBlock(), createBlock(_component_el_date_picker, {
-                        key: 4,
-                        modelValue: $data.dialogFormData[col.prop],
-                        "onUpdate:modelValue": ($event) => $data.dialogFormData[col.prop] = $event,
-                        type: "month",
-                        placeholder: col.placeholder || `\u8BF7\u9009\u62E9${col.label}`,
-                        disabled: $props.widget.options.disabled,
-                        style: { "width": "100%" },
-                        "value-format": "YYYY-MM",
-                        clearable: "",
-                        onChange: ($event) => $options.handleInputChange(col)
-                      }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder", "disabled", "onChange"])) : col.type === "select" ? (openBlock(), createBlock(_component_el_select, {
-                        modelValue: $data.dialogFormData[col.prop],
-                        "onUpdate:modelValue": ($event) => $data.dialogFormData[col.prop] = $event,
-                        placeholder: col.placeholder || `\u8BF7\u9009\u62E9${col.label}`,
-                        disabled: $props.widget.options.disabled,
-                        clearable: "",
-                        style: { "width": "100%" },
-                        ref_for: true,
-                        ref: (el) => $options.handleSelectMounted(el, col),
-                        onChange: ($event) => $options.handleInputChange(col),
-                        key: `select-${col.prop}-${$data.dialogFormData._columnOptions ? Object.keys($data.dialogFormData._columnOptions).length : 0}`
+                    default: withCtx(({ row, $index }) => [
+                      createTextVNode(toDisplayString($options.getTableValue(row, col, $index)), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["prop", "label", "width", "min-width"]);
+                }), 128)),
+                $props.widget.options.showOperation && !$props.widget.options.disabled ? (openBlock(), createBlock(_component_el_table_column, {
+                  key: 1,
+                  label: "\u64CD\u4F5C",
+                  width: $props.widget.options.operationColumnWidth,
+                  align: "center",
+                  fixed: "right"
+                }, {
+                  default: withCtx(({ row, $index }) => [
+                    createVNode(_component_el_button, {
+                      size: "small",
+                      type: "primary",
+                      link: "",
+                      disabled: $props.widget.options.disabled,
+                      onClick: ($event) => $options.handleEditRow($index, row)
+                    }, {
+                      default: withCtx(() => [..._cache[3] || (_cache[3] = [
+                        createTextVNode(" \u7F16\u8F91 ", -1)
+                      ])]),
+                      _: 1
+                    }, 8, ["disabled", "onClick"]),
+                    createVNode(_component_el_button, {
+                      size: "small",
+                      type: "danger",
+                      link: "",
+                      disabled: $props.widget.options.disabled,
+                      onClick: ($event) => $options.handleDeleteRow($index)
+                    }, {
+                      default: withCtx(() => [..._cache[4] || (_cache[4] = [
+                        createTextVNode(" \u5220\u9664 ", -1)
+                      ])]),
+                      _: 1
+                    }, 8, ["disabled", "onClick"])
+                  ]),
+                  _: 1
+                }, 8, ["width"])) : createCommentVNode("", true)
+              ]),
+              _: 1
+            }, 8, ["data", "border", "stripe", "size", "max-height", "disabled"]),
+            createVNode(_component_el_dialog, {
+              modelValue: $data.dialogVisible,
+              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => $data.dialogVisible = $event),
+              title: $data.dialogTitle,
+              width: "800px",
+              "close-on-click-modal": false,
+              onClose: $options.handleDialogClose,
+              onOpened: $options.handleDialogOpened
+            }, {
+              footer: withCtx(() => [
+                createElementVNode("span", _hoisted_4$8, [
+                  createVNode(_component_el_button, {
+                    size: "default",
+                    onClick: _cache[0] || (_cache[0] = ($event) => $data.dialogVisible = false)
+                  }, {
+                    default: withCtx(() => [..._cache[6] || (_cache[6] = [
+                      createTextVNode("\u53D6\u6D88", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  createVNode(_component_el_button, {
+                    size: "default",
+                    type: "primary",
+                    onClick: $options.handleDialogConfirm
+                  }, {
+                    default: withCtx(() => [..._cache[7] || (_cache[7] = [
+                      createTextVNode("\u786E\u5B9A", -1)
+                    ])]),
+                    _: 1
+                  }, 8, ["onClick"])
+                ])
+              ]),
+              default: withCtx(() => [
+                createVNode(_component_el_form, {
+                  ref: "dialogFormRef",
+                  model: $data.dialogFormData,
+                  rules: $data.dialogFormRules,
+                  "validate-on-rule-change": false,
+                  "label-width": "auto"
+                }, {
+                  default: withCtx(() => [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList($props.widget.options.columns, (col, colIdx) => {
+                      return openBlock(), createBlock(_component_el_form_item, {
+                        key: colIdx,
+                        label: col.label,
+                        prop: col.prop,
+                        required: col.required
                       }, {
                         default: withCtx(() => [
-                          (openBlock(true), createElementBlock(Fragment, null, renderList($options.getColumnOptions(col), (option, optIdx) => {
-                            return openBlock(), createBlock(_component_el_option, {
-                              key: `${col.prop}-${optIdx}-${option.value}`,
-                              label: option.label,
-                              value: option.value
-                            }, null, 8, ["label", "value"]);
-                          }), 128))
+                          !col.type || col.type === "input" ? (openBlock(), createBlock(_component_el_input, {
+                            key: 0,
+                            modelValue: $data.dialogFormData[col.prop],
+                            "onUpdate:modelValue": ($event) => $data.dialogFormData[col.prop] = $event,
+                            placeholder: col.placeholder || `\u8BF7\u8F93\u5165${col.label}`,
+                            disabled: !col.editable,
+                            maxlength: $options.getColMaxLength(col),
+                            "show-word-limit": !!col.showWordLimit && !!col.maxLength,
+                            onChange: ($event) => $options.handleInputChange(col),
+                            clearable: ""
+                          }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder", "disabled", "maxlength", "show-word-limit", "onChange"])) : col.type === "number" ? (openBlock(), createBlock(_component_el_input_number, {
+                            key: 1,
+                            modelValue: $data.dialogFormData[col.prop],
+                            "onUpdate:modelValue": ($event) => $data.dialogFormData[col.prop] = $event,
+                            placeholder: col.placeholder || `\u8BF7\u8F93\u5165${col.label}`,
+                            disabled: !col.editable,
+                            style: { "width": "100%" },
+                            onChange: ($event) => $options.handleInputChange(col),
+                            clearable: ""
+                          }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder", "disabled", "onChange"])) : col.type === "date" ? (openBlock(), createBlock(_component_el_date_picker, {
+                            key: 2,
+                            modelValue: $data.dialogFormData[col.prop],
+                            "onUpdate:modelValue": ($event) => $data.dialogFormData[col.prop] = $event,
+                            type: "date",
+                            placeholder: col.placeholder || `\u8BF7\u9009\u62E9${col.label}`,
+                            style: { "width": "100%" },
+                            "value-format": "YYYY-MM-DD",
+                            onChange: ($event) => $options.handleInputChange(col),
+                            clearable: "",
+                            disabled: !col.editable
+                          }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder", "onChange", "disabled"])) : col.type === "datetime" ? (openBlock(), createBlock(_component_el_date_picker, {
+                            key: 3,
+                            modelValue: $data.dialogFormData[col.prop],
+                            "onUpdate:modelValue": ($event) => $data.dialogFormData[col.prop] = $event,
+                            type: "datetime",
+                            placeholder: col.placeholder || `\u8BF7\u9009\u62E9${col.label}`,
+                            clearable: "",
+                            style: { "width": "100%" },
+                            "value-format": "YYYY-MM-DD HH:mm:ss",
+                            disabled: !col.editable
+                          }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder", "disabled"])) : col.type === "month" ? (openBlock(), createBlock(_component_el_date_picker, {
+                            key: 4,
+                            modelValue: $data.dialogFormData[col.prop],
+                            "onUpdate:modelValue": ($event) => $data.dialogFormData[col.prop] = $event,
+                            type: "month",
+                            placeholder: col.placeholder || `\u8BF7\u9009\u62E9${col.label}`,
+                            style: { "width": "100%" },
+                            "value-format": "YYYY-MM",
+                            clearable: "",
+                            onChange: ($event) => $options.handleInputChange(col),
+                            disabled: !col.editable
+                          }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder", "onChange", "disabled"])) : col.type === "select" ? (openBlock(), createBlock(_component_el_select, {
+                            modelValue: $data.dialogFormData[col.prop],
+                            "onUpdate:modelValue": ($event) => $data.dialogFormData[col.prop] = $event,
+                            placeholder: col.placeholder || `\u8BF7\u9009\u62E9${col.label}`,
+                            clearable: "",
+                            style: { "width": "100%" },
+                            ref_for: true,
+                            ref: (el) => $options.handleSelectMounted(el, col),
+                            onChange: ($event) => $options.handleInputChange(col),
+                            key: `select-${col.prop}-${$data.dialogFormData._columnOptions ? Object.keys($data.dialogFormData._columnOptions).length : 0}`,
+                            disabled: !col.editable
+                          }, {
+                            default: withCtx(() => [
+                              (openBlock(true), createElementBlock(Fragment, null, renderList($options.getColumnOptions(col), (option, optIdx) => {
+                                return openBlock(), createBlock(_component_el_option, {
+                                  key: `${col.prop}-${optIdx}-${option.value}`,
+                                  label: option.label,
+                                  value: option.value
+                                }, null, 8, ["label", "value"]);
+                              }), 128))
+                            ]),
+                            _: 2
+                          }, 1032, ["modelValue", "onUpdate:modelValue", "placeholder", "onChange", "disabled"])) : col.type === "textarea" ? (openBlock(), createBlock(_component_el_textarea, {
+                            key: 6,
+                            modelValue: $data.dialogFormData[col.prop],
+                            "onUpdate:modelValue": ($event) => $data.dialogFormData[col.prop] = $event,
+                            placeholder: col.placeholder || `\u8BF7\u8F93\u5165${col.label}`,
+                            rows: col.rows || 3,
+                            maxlength: $options.getColMaxLength(col),
+                            "show-word-limit": !!col.showWordLimit && !!col.maxLength,
+                            clearable: "",
+                            onChange: ($event) => $options.handleInputChange(col),
+                            disabled: !col.editable
+                          }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder", "rows", "maxlength", "show-word-limit", "onChange", "disabled"])) : createCommentVNode("", true)
                         ]),
                         _: 2
-                      }, 1032, ["modelValue", "onUpdate:modelValue", "placeholder", "disabled", "onChange"])) : col.type === "textarea" ? (openBlock(), createBlock(_component_el_textarea, {
-                        key: 6,
-                        modelValue: $data.dialogFormData[col.prop],
-                        "onUpdate:modelValue": ($event) => $data.dialogFormData[col.prop] = $event,
-                        placeholder: col.placeholder || `\u8BF7\u8F93\u5165${col.label}`,
-                        disabled: $props.widget.options.disabled,
-                        rows: col.rows || 3,
-                        maxlength: $options.getColMaxLength(col),
-                        "show-word-limit": !!col.showWordLimit && !!col.maxLength,
-                        clearable: "",
-                        onChange: ($event) => $options.handleInputChange(col)
-                      }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder", "disabled", "rows", "maxlength", "show-word-limit", "onChange"])) : createCommentVNode("", true)
-                    ]),
-                    _: 2
-                  }, 1032, ["label", "prop", "required"]);
-                }), 128))
+                      }, 1032, ["label", "prop", "required"]);
+                    }), 128))
+                  ]),
+                  _: 1
+                }, 8, ["model", "rules"])
               ]),
               _: 1
-            }, 8, ["model", "rules"])
-          ]),
-          _: 1
-        }, 8, ["modelValue", "title", "onClose", "onOpened"])
-      ], 2)), [
+            }, 8, ["modelValue", "title", "onClose", "onOpened"])
+          ], 2)
+        ]),
+        _: 1
+      }, 8, ["prop", "rules"])), [
         [vShow, $props.widget && $props.widget.options && !$props.widget.options.hidden]
       ]) : createCommentVNode("", true)
     ]),
     _: 1
   }, 8, ["widget"]);
 }
-var SubTableItem = /* @__PURE__ */ _export_sfc$1(_sfc_main$l, [["render", _sfc_render$l], ["__scopeId", "data-v-758078c3"]]);
+var SubTableItem = /* @__PURE__ */ _export_sfc$1(_sfc_main$l, [["render", _sfc_render$l], ["__scopeId", "data-v-6f23dc7e"]]);
 var subTableColumnsEditor_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$k = {
   name: "sub-table-columns-editor",