@web-utils/component 2.7.3 → 2.7.4

package/dist/chunks/ConfigUpload.vue_vue_type_template_lang.531a9b2a.js

@@ -0,0 +1,471 @@
+var s = function() {
+  var a = this, e = a.$createElement, t = a._self._c || e;
+  return t("div", [a.data.oss ? a._e() : t("ElFormItem", {
+    attrs: {
+      label: "上传地址"
+    }
+  }, [t("ElInput", {
+    attrs: {
+      clearable: "",
+      placeholder: "上传地址"
+    },
+    model: {
+      value: a.data.action,
+      callback: function(l) {
+        a.$set(a.data, "action", l);
+      },
+      expression: "data.action"
+    }
+  })], 1), a.data.oss ? a._e() : t("ElFormItem", {
+    attrs: {
+      label: "接受文件类型",
+      "label-width": "110px"
+    }
+  }, [t("ElInput", {
+    attrs: {
+      clearable: "",
+      placeholder: "接受文件类型，如：image/png,image/jpg"
+    },
+    model: {
+      value: a.data.accept,
+      callback: function(l) {
+        a.$set(a.data, "accept", l);
+      },
+      expression: "data.accept"
+    }
+  })], 1), t("ElFormItem", {
+    attrs: {
+      label: "OSS"
+    }
+  }, [t("template", {
+    slot: "label"
+  }, [t("ElLink", {
+    attrs: {
+      underline: !1,
+      href: "https://avuejs.com/form/form-upload.html#%E9%98%BF%E9%87%8C%E4%BA%91oss%E4%B8%8A%E4%BC%A0",
+      target: "_blank"
+    }
+  }, [a._v(" OSS "), t("i", {
+    staticClass: "el-icon-question"
+  })])], 1), t("ElSelect", {
+    staticStyle: {
+      width: "100%"
+    },
+    attrs: {
+      placeholder: "oss不写则为普通上传",
+      clearable: ""
+    },
+    model: {
+      value: a.data.oss,
+      callback: function(l) {
+        a.$set(a.data, "oss", l);
+      },
+      expression: "data.oss"
+    }
+  }, [t("ElOption", {
+    attrs: {
+      label: "阿里",
+      value: "ali"
+    }
+  }), t("ElOption", {
+    attrs: {
+      label: "七牛",
+      value: "qiniu"
+    }
+  })], 1)], 2), [t("ElFormItem", {
+    attrs: {
+      label: "拖拽上传",
+      "label-width": "110px"
+    }
+  }, [t("ElSwitch", {
+    model: {
+      value: a.data.dragFile,
+      callback: function(l) {
+        a.$set(a.data, "dragFile", l);
+      },
+      expression: "data.dragFile"
+    }
+  })], 1), a.data.dragFile ? a._e() : t("ElFormItem", {
+    attrs: {
+      label: "文件列表类型",
+      "label-width": "110px"
+    }
+  }, [t("ElSelect", {
+    attrs: {
+      placeholder: "文件列表类型",
+      clearable: ""
+    },
+    model: {
+      value: a.data.listType,
+      callback: function(l) {
+        a.$set(a.data, "listType", l);
+      },
+      expression: "data.listType"
+    }
+  }, [t("ElOption", {
+    attrs: {
+      label: "附件",
+      value: "text"
+    }
+  }), t("ElOption", {
+    attrs: {
+      label: "照片墙",
+      value: "picture-card"
+    }
+  }), t("ElOption", {
+    attrs: {
+      label: "头像",
+      value: "picture-img"
+    }
+  }), t("ElOption", {
+    attrs: {
+      label: "缩略图",
+      value: "picture"
+    }
+  })], 1)], 1), t("ElFormItem", {
+    attrs: {
+      label: "拖拽排序",
+      "label-width": "110px"
+    }
+  }, [t("ElSwitch", {
+    model: {
+      value: a.data.drag,
+      callback: function(l) {
+        a.$set(a.data, "drag", l);
+      },
+      expression: "data.drag"
+    }
+  })], 1)], t("div", {
+    staticClass: "el-form-item el-form-item--small el-form--label-top"
+  }, [t("label", {
+    staticClass: "el-form-item__label",
+    staticStyle: {
+      padding: "0"
+    }
+  }, [a._v("参数设置：")]), t("div", {
+    staticClass: "el-form-item__content"
+  }, [a._v(" 请求头 "), t("FyDynamic", {
+    attrs: {
+      children: a.option
+    },
+    model: {
+      value: a.data.headersConfig,
+      callback: function(l) {
+        a.$set(a.data, "headersConfig", l);
+      },
+      expression: "data.headersConfig"
+    }
+  }), a._v(" 请求体 "), t("FyDynamic", {
+    attrs: {
+      children: a.option
+    },
+    model: {
+      value: a.data.dataConfig,
+      callback: function(l) {
+        a.$set(a.data, "dataConfig", l);
+      },
+      expression: "data.dataConfig"
+    }
+  })], 1)]), t("div", {
+    staticClass: "el-form-item el-form-item--small el-form--label-top"
+  }, [t("label", {
+    staticClass: "el-form-item__label",
+    staticStyle: {
+      padding: "0"
+    }
+  }, [t("ElLink", {
+    attrs: {
+      underline: !1,
+      href: "https://avuejs.com/form/form-upload.html",
+      target: "_blank"
+    }
+  }, [a._v("上传参数设置 "), t("i", {
+    staticClass: "el-icon-question"
+  })])], 1), t("div", {
+    staticClass: "el-form-item__content"
+  }, [a._v(" 上传成功返回结构体的图片地址 "), t("ElInput", {
+    attrs: {
+      size: "small",
+      placeholder: "上传成功返回结构体的图片地址"
+    },
+    model: {
+      value: a.data.propsHttp.url,
+      callback: function(l) {
+        a.$set(a.data.propsHttp, "url", l);
+      },
+      expression: "data.propsHttp.url"
+    }
+  }), a._v(" 上传成功返回结构体的图片的姓名 "), t("ElInput", {
+    attrs: {
+      size: "small",
+      placeholder: "上传成功返回结构体的图片的姓名"
+    },
+    model: {
+      value: a.data.propsHttp.name,
+      callback: function(l) {
+        a.$set(a.data.propsHttp, "name", l);
+      },
+      expression: "data.propsHttp.name"
+    }
+  }), a._v(" 返回结构体的层次 "), t("ElInput", {
+    attrs: {
+      size: "small",
+      placeholder: "返回结构体的层次"
+    },
+    model: {
+      value: a.data.propsHttp.res,
+      callback: function(l) {
+        a.$set(a.data.propsHttp, "res", l);
+      },
+      expression: "data.propsHttp.res"
+    }
+  }), a._v(" 文件名称 "), t("ElInput", {
+    attrs: {
+      size: "small",
+      placeholder: "文件名称，默认file"
+    },
+    model: {
+      value: a.data.propsHttp.fileName,
+      callback: function(l) {
+        a.$set(a.data.propsHttp, "fileName", l);
+      },
+      expression: "data.propsHttp.fileName"
+    }
+  })], 1)]), t("ElFormItem", {
+    attrs: {
+      label: "是否显示已上传文件列表",
+      "label-width": "180px"
+    }
+  }, [t("ElSwitch", {
+    model: {
+      value: a.data.showFileList,
+      callback: function(l) {
+        a.$set(a.data, "showFileList", l);
+      },
+      expression: "data.showFileList"
+    }
+  })], 1), t("ElFormItem", {
+    attrs: {
+      label: "文件大小"
+    }
+  }, [t("ElInputNumber", {
+    staticStyle: {
+      width: "100%"
+    },
+    attrs: {
+      "controls-position": "right",
+      placeholder: "文件大小限制（字节）",
+      min: 0
+    },
+    model: {
+      value: a.data.fileSize,
+      callback: function(l) {
+        a.$set(a.data, "fileSize", l);
+      },
+      expression: "data.fileSize"
+    }
+  })], 1), t("ElFormItem", {
+    attrs: {
+      label: "上传限制提示",
+      "label-width": "110px"
+    }
+  }, [t("ElInput", {
+    attrs: {
+      clearable: "",
+      placeholder: "上传限制提示"
+    },
+    model: {
+      value: a.data.tip,
+      callback: function(l) {
+        a.$set(a.data, "tip", l);
+      },
+      expression: "data.tip"
+    }
+  })], 1), t("ElFormItem", {
+    attrs: {
+      label: "上传中提示",
+      "label-width": "110px"
+    }
+  }, [t("ElInput", {
+    attrs: {
+      clearable: "",
+      placeholder: "上传中提示"
+    },
+    model: {
+      value: a.data.loadText,
+      callback: function(l) {
+        a.$set(a.data, "loadText", l);
+      },
+      expression: "data.loadText"
+    }
+  })], 1), t("ElFormItem", {
+    attrs: {
+      label: "是否多文件上传",
+      "label-width": "130px"
+    }
+  }, [t("ElSwitch", {
+    model: {
+      value: a.data.multiple,
+      callback: function(l) {
+        a.$set(a.data, "multiple", l);
+      },
+      expression: "data.multiple"
+    }
+  })], 1), a.data.multiple ? t("ElFormItem", {
+    attrs: {
+      label: "多文件数量限制",
+      "label-width": "130px"
+    }
+  }, [t("ElInputNumber", {
+    staticStyle: {
+      width: "100%"
+    },
+    attrs: {
+      "controls-position": "right",
+      placeholder: "多文件上传数量限制",
+      min: 1
+    },
+    model: {
+      value: a.data.limit,
+      callback: function(l) {
+        a.$set(a.data, "limit", l);
+      },
+      expression: "data.limit"
+    }
+  })], 1) : a._e(), t("ElFormItem", {
+    attrs: {
+      label: "水印配置，开启后只能上传图片",
+      "label-width": "230px"
+    }
+  }, [t("ElSwitch", {
+    model: {
+      value: a.data.showCanvas,
+      callback: function(l) {
+        a.$set(a.data, "showCanvas", l);
+      },
+      expression: "data.showCanvas"
+    }
+  })], 1), a.data.canvasOption ? t("div", {
+    staticClass: "el-form-item el-form-item--small el-form--label-top"
+  }, [t("label", {
+    staticClass: "el-form-item__label",
+    staticStyle: {
+      padding: "0"
+    }
+  }, [a._v("水印设置：")]), t("div", {
+    staticClass: "el-form-item__content"
+  }, [a._v(" 水印文字 "), t("ElInput", {
+    attrs: {
+      size: "small",
+      clearable: "",
+      placeholder: "水印文字"
+    },
+    model: {
+      value: a.data.canvasOption.text,
+      callback: function(l) {
+        a.$set(a.data.canvasOption, "text", l);
+      },
+      expression: "data.canvasOption.text"
+    }
+  }), a._v(" 字体类型 "), t("ElInput", {
+    attrs: {
+      size: "small",
+      clearable: "",
+      placeholder: "字体类型"
+    },
+    model: {
+      value: a.data.canvasOption.fontFamily,
+      callback: function(l) {
+        a.$set(a.data.canvasOption, "fontFamily", l);
+      },
+      expression: "data.canvasOption.fontFamily"
+    }
+  }), a._v(" 字体颜色 "), t("FyInputColor", {
+    attrs: {
+      size: "small",
+      placeholder: "字体颜色"
+    },
+    model: {
+      value: a.data.canvasOption.color,
+      callback: function(l) {
+        a.$set(a.data.canvasOption, "color", l);
+      },
+      expression: "data.canvasOption.color"
+    }
+  }), a._v(" 字体大小 "), t("ElInputNumber", {
+    attrs: {
+      size: "small",
+      "controls-position": "right",
+      placeholder: "字体大小"
+    },
+    model: {
+      value: a.data.canvasOption.fontSize,
+      callback: function(l) {
+        a.$set(a.data.canvasOption, "fontSize", l);
+      },
+      expression: "data.canvasOption.fontSize"
+    }
+  }), a._v(" 文字的透明度 "), t("ElInputNumber", {
+    attrs: {
+      size: "small",
+      "controls-position": "right",
+      placeholder: "文字的透明度",
+      step: 10,
+      min: 10,
+      max: 100
+    },
+    model: {
+      value: a.data.canvasOption.opacity,
+      callback: function(l) {
+        a.$set(a.data.canvasOption, "opacity", l);
+      },
+      expression: "data.canvasOption.opacity"
+    }
+  }), a._v(" 文字距离图片底部的距离"), t("br"), t("ElInputNumber", {
+    attrs: {
+      "controls-position": "right",
+      placeholder: "文字距离图片底部的距离",
+      size: "small"
+    },
+    model: {
+      value: a.data.canvasOption.bottom,
+      callback: function(l) {
+        a.$set(a.data.canvasOption, "bottom", l);
+      },
+      expression: "data.canvasOption.bottom"
+    }
+  }), a._v(" 文字距离图片右边的距离"), t("br"), t("ElInputNumber", {
+    attrs: {
+      "controls-position": "right",
+      placeholder: "文字距离图片右边的距离",
+      size: "small"
+    },
+    model: {
+      value: a.data.canvasOption.right,
+      callback: function(l) {
+        a.$set(a.data.canvasOption, "right", l);
+      },
+      expression: "data.canvasOption.right"
+    }
+  }), a._v(" 压缩图片比率"), t("br"), t("ElInputNumber", {
+    attrs: {
+      "controls-position": "right",
+      placeholder: "压缩图片比率",
+      step: 0.1,
+      min: 0,
+      max: 1,
+      size: "small"
+    },
+    model: {
+      value: a.data.canvasOption.ratio,
+      callback: function(l) {
+        a.$set(a.data.canvasOption, "ratio", l);
+      },
+      expression: "data.canvasOption.ratio"
+    }
+  })], 1)]) : a._e()], 2);
+}, o = [];
+export {
+  s as r,
+  o as s
+};

package/dist/chunks/FormConfig.vue_vue_type_template_lang.85b4ee87.js

@@ -0,0 +1,232 @@
+var s = function() {
+  var t = this, l = t.$createElement, a = t._self._c || l;
+  return a("div", {
+    staticClass: "form-config-container"
+  }, [a("ElForm", {
+    attrs: {
+      "label-position": "left",
+      "label-suffix": "：",
+      "label-width": "130px",
+      size: "small"
+    }
+  }, [a("ElFormItem", {
+    attrs: {
+      label: "标签对齐方式"
+    }
+  }, [a("ElSelect", {
+    attrs: {
+      placeholder: "标签对齐方式"
+    },
+    model: {
+      value: t.data.labelPosition,
+      callback: function(e) {
+        t.$set(t.data, "labelPosition", e);
+      },
+      expression: "data.labelPosition"
+    }
+  }, [a("ElOption", {
+    attrs: {
+      label: "左对齐",
+      value: "left"
+    }
+  }), a("ElOption", {
+    attrs: {
+      label: "右对齐",
+      value: "right"
+    }
+  }), a("ElOption", {
+    attrs: {
+      label: "顶部对齐",
+      value: "top"
+    }
+  })], 1)], 1), a("ElFormItem", {
+    attrs: {
+      label: "标签宽度"
+    }
+  }, [a("ElInputNumber", {
+    staticStyle: {
+      width: "100%"
+    },
+    attrs: {
+      min: 80,
+      max: 200,
+      step: 10,
+      "controls-position": "right",
+      placeholder: "标签宽度"
+    },
+    model: {
+      value: t.data.labelWidth,
+      callback: function(e) {
+        t.$set(t.data, "labelWidth", e);
+      },
+      expression: "data.labelWidth"
+    }
+  })], 1), a("ElFormItem", {
+    attrs: {
+      label: "标签后缀"
+    }
+  }, [a("ElInput", {
+    attrs: {
+      placeholder: "标签后缀"
+    },
+    model: {
+      value: t.data.labelSuffix,
+      callback: function(e) {
+        t.$set(t.data, "labelSuffix", e);
+      },
+      expression: "data.labelSuffix"
+    }
+  })], 1), a("ElFormItem", {
+    attrs: {
+      label: "项之间的间隔"
+    }
+  }, [a("ElInputNumber", {
+    staticStyle: {
+      width: "100%"
+    },
+    attrs: {
+      min: 0,
+      max: 60,
+      step: 5,
+      "controls-position": "right",
+      placeholder: "项之间的间隔"
+    },
+    model: {
+      value: t.data.gutter,
+      callback: function(e) {
+        t.$set(t.data, "gutter", e);
+      },
+      expression: "data.gutter"
+    }
+  })], 1), a("ElFormItem", {
+    attrs: {
+      label: "多分组转标签"
+    }
+  }, [a("ElSwitch", {
+    attrs: {
+      "active-color": "#409EFF"
+    },
+    model: {
+      value: t.data.tabs,
+      callback: function(e) {
+        t.$set(t.data, "tabs", e);
+      },
+      expression: "data.tabs"
+    }
+  })], 1), a("ElFormItem", {
+    attrs: {
+      label: "详情模式"
+    }
+  }, [a("ElSwitch", {
+    model: {
+      value: t.data.detail,
+      callback: function(e) {
+        t.$set(t.data, "detail", e);
+      },
+      expression: "data.detail"
+    }
+  })], 1), a("ElFormItem", {
+    attrs: {
+      label: "显示按钮"
+    }
+  }, [a("ElSwitch", {
+    attrs: {
+      "active-color": "#409EFF"
+    },
+    model: {
+      value: t.data.menuBtn,
+      callback: function(e) {
+        t.$set(t.data, "menuBtn", e);
+      },
+      expression: "data.menuBtn"
+    }
+  })], 1), t.data.menuBtn ? a("ElFormItem", {
+    attrs: {
+      label: "显示提交按钮"
+    }
+  }, [a("ElSwitch", {
+    attrs: {
+      "active-color": "#409EFF"
+    },
+    model: {
+      value: t.data.submitBtn,
+      callback: function(e) {
+        t.$set(t.data, "submitBtn", e);
+      },
+      expression: "data.submitBtn"
+    }
+  })], 1) : t._e(), t.data.menuBtn && t.data.submitBtn ? a("ElFormItem", {
+    attrs: {
+      label: "提交按钮的文字"
+    }
+  }, [a("ElInput", {
+    attrs: {
+      placeholder: "提交按钮的文字"
+    },
+    model: {
+      value: t.data.submitText,
+      callback: function(e) {
+        t.$set(t.data, "submitText", e);
+      },
+      expression: "data.submitText"
+    }
+  })], 1) : t._e(), t.data.menuBtn ? a("ElFormItem", {
+    attrs: {
+      label: "显示清空按钮"
+    }
+  }, [a("ElSwitch", {
+    attrs: {
+      "active-color": "#409EFF"
+    },
+    model: {
+      value: t.data.emptyBtn,
+      callback: function(e) {
+        t.$set(t.data, "emptyBtn", e);
+      },
+      expression: "data.emptyBtn"
+    }
+  })], 1) : t._e(), t.data.menuBtn && t.data.emptyBtn ? a("ElFormItem", {
+    attrs: {
+      label: "清空按钮的文字"
+    }
+  }, [a("ElInput", {
+    attrs: {
+      placeholder: "提交按钮的文字"
+    },
+    model: {
+      value: t.data.emptyText,
+      callback: function(e) {
+        t.$set(t.data, "emptyText", e);
+      },
+      expression: "data.emptyText"
+    }
+  })], 1) : t._e(), a("ElFormItem", {
+    attrs: {
+      label: "全局只读"
+    }
+  }, [a("ElSwitch", {
+    model: {
+      value: t.data.readonly,
+      callback: function(e) {
+        t.$set(t.data, "readonly", e);
+      },
+      expression: "data.readonly"
+    }
+  })], 1), a("ElFormItem", {
+    attrs: {
+      label: "全局禁用"
+    }
+  }, [a("ElSwitch", {
+    model: {
+      value: t.data.disabled,
+      callback: function(e) {
+        t.$set(t.data, "disabled", e);
+      },
+      expression: "data.disabled"
+    }
+  })], 1)], 1)], 1);
+}, o = [];
+export {
+  s as r,
+  o as s
+};