@web-utils/component 2.7.12 → 2.7.14

package/dist/components/widget-form-item/index.js

@@ -1,4 +1,4 @@
-import { d as l } from "../../chunks/util.80e28481.js";
+import { d as l } from "../../chunks/util.23fe58fb.js";
 import { s as o, r as c } from "../../chunks/WidgetFormItem.vue_vue_type_template_lang.48d55a5c.js";
 import { n as m } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
 const u = {
@@ -25,11 +25,11 @@ const u = {
         dic: this.item.dicData ? this.item.dicData.map((i) => {
           if (!this.item.props)
             return i;
-          const { label: t, value: s, desc: n } = this.item.props;
-          return !t || !s ? i : {
+          const { label: t, value: r, desc: a } = this.item.props;
+          return !t || !r ? i : {
             [t]: i.label,
-            [s]: i.value,
-            [n]: i.desc
+            [r]: i.value,
+            [a]: i.desc
           };
         }) : void 0,
         rules: this.item.pattern ? this.item.rules.map((i) => (i.pattern && (i.pattern = new RegExp(this.item.pattern)), i)) : this.item.rules
@@ -38,16 +38,17 @@ const u = {
     }
   },
   methods: {
-    getComponent(e, r) {
-      let i = "fy-", t = "input";
-      return r || (["array", "img", "url"].includes(e) ? t = "array" : e === "select" ? t = "select" : e === "radio" ? t = "radio" : e === "checkbox" ? t = "checkbox" : ["time", "timerange"].includes(e) ? t = "time" : ["dates", "date", "datetime", "datetimerange", "daterange", "week", "month", "year"].includes(e) ? t = "date" : e === "cascader" ? t = "cascader" : e === "number" ? t = "input-number" : e === "password" ? t = "input" : e === "switch" ? t = "switch" : e === "rate" ? t = "rate" : e === "upload" ? t = "upload" : e === "slider" ? t = "slider" : e === "dynamic" ? t = "dynamic" : e === "icon" ? t = "input-icon" : e === "color" ? t = "input-color" : e === "map" && (t = "input-map"), i + t);
+    getComponent(e, s) {
+      const i = "fy-";
+      let t = "input";
+      return s || (["array", "img", "url"].includes(e) ? t = "array" : e === "select" ? t = "select" : e === "radio" ? t = "radio" : e === "checkbox" ? t = "checkbox" : ["time", "timerange"].includes(e) ? t = "time" : ["dates", "date", "datetime", "datetimerange", "daterange", "week", "month", "year"].includes(e) ? t = "date" : e === "cascader" ? t = "cascader" : e === "number" ? t = "input-number" : e === "password" ? t = "input" : e === "switch" ? t = "switch" : e === "rate" ? t = "rate" : e === "upload" ? t = "upload" : e === "slider" ? t = "slider" : e === "dynamic" ? t = "dynamic" : e === "icon" ? t = "input-icon" : e === "color" ? t = "input-color" : e === "map" && (t = "input-map"), i + t);
     },
     getPlaceholder(e) {
-      const r = e.label;
-      return ["select", "checkbox", "radio", "tree", "color", "dates", "date", "datetime", "datetimerange", "daterange", "week", "month", "year", "map", "icon"].includes(e.type) ? `请选择 ${r}` : `请输入 ${r}`;
+      const s = e.label;
+      return ["select", "checkbox", "radio", "tree", "color", "dates", "date", "datetime", "datetimerange", "daterange", "week", "month", "year", "map", "icon"].includes(e.type) ? `请选择 ${s}` : `请输入 ${s}`;
     }
   }
-}, a = {};
+}, n = {};
 var d = /* @__PURE__ */ m(
   u,
   c,
@@ -59,8 +60,8 @@ var d = /* @__PURE__ */ m(
   null
 );
 function f(e) {
-  for (let r in a)
-    this[r] = a[r];
+  for (let s in n)
+    this[s] = n[s];
 }
 const b = /* @__PURE__ */ function() {
   return d.exports;

package/dist/components/widget-form-table/index.js

@@ -1,6 +1,6 @@
-import { s as a, r as h, W as d } from "../../chunks/WidgetFormTable.vue_vue_type_template_lang.30625146.js";
+import { s as a, r as h, W as d } from "../../chunks/WidgetFormTable.vue_vue_type_template_lang.e2b788ba.js";
 import o from "vuedraggable";
-import { d as n } from "../../chunks/util.80e28481.js";
+import { d as n } from "../../chunks/util.23fe58fb.js";
 import { n as r } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
 const m = {
   name: "WidgetFormTable",
@@ -40,29 +40,29 @@ const m = {
       });
     },
     handleWidgetCloneTable(e) {
-      let t = n(this.data.column[e]);
-      t.prop = "a" + Date.now() + Math.ceil(Math.random() * 99999), t.children.column.forEach((l) => {
-        l.prop = "a" + Date.now() + Math.ceil(Math.random() * 99999);
+      const t = n(this.data.column[e]);
+      t.prop = `a${Date.now()}${Math.ceil(Math.random() * 99999)}`, t.children.column.forEach((i) => {
+        i.prop = `a${Date.now()}${Math.ceil(Math.random() * 99999)}`;
       }), this.data.column.splice(e, 0, t), this.$nextTick(() => {
         this.handleSelectWidget(e + 1), this.$emit("change");
       });
     },
     handleWidgetTableAdd(e, t) {
-      let l = e.newIndex;
+      let i = e.newIndex;
       const s = e.item;
-      if (l === 1 && l > t.children.column.length - 1 && (l = 0), ["子表单", "富文本", "坐标拾取器", "分组"].includes(s.textContent)) {
-        t.children.column.splice(l, 1);
+      if (i === 1 && i > t.children.column.length - 1 && (i = 0), ["子表单", "富文本", "坐标拾取器", "分组"].includes(s.textContent)) {
+        t.children.column.splice(i, 1);
         return;
       }
-      const i = n(t.children.column[l]);
-      i.prop || (i.prop = "a" + Date.now() + Math.ceil(Math.random() * 99999)), i.subfield = !0, delete i.icon, this.$set(t.children.column, l, { ...i }), this.selectWidget = t.children.column[l], this.$emit("change");
+      const l = n(t.children.column[i]);
+      l.prop || (l.prop = `a${Date.now()}${Math.ceil(Math.random() * 99999)}`), l.subfield = !0, delete l.icon, this.$set(t.children.column, i, { ...l }), this.selectWidget = t.children.column[i], this.$emit("change");
     },
     handleWidgetTableSelect(e) {
       this.selectWidget = e;
     },
     handleWidgetTableClone(e, t) {
-      const l = n(t);
-      l.prop = "a" + Date.now() + Math.ceil(Math.random() * 99999), this.$set(e.children.column, e.children.column.length, { ...l }), this.$nextTick(() => {
+      const i = n(t);
+      i.prop = `a${Date.now()}${Math.ceil(Math.random() * 99999)}`, this.$set(e.children.column, e.children.column.length, { ...i }), this.$nextTick(() => {
         this.selectWidget = e.children.column[e.children.column.length - 1], this.$emit("change");
       });
     },
@@ -87,9 +87,9 @@ function u(e) {
   for (let t in c)
     this[t] = c[t];
 }
-const $ = /* @__PURE__ */ function() {
+const b = /* @__PURE__ */ function() {
   return g.exports;
 }();
 export {
-  $ as default
+  b as default
 };

package/dist/index.css

@@ -1812,6 +1812,11 @@ body {
 .avue-form .avue-input-number {
   width: 100% !important;
 }
+.avue-crud .el-form-item.el-form-item--small .el-input-group--append .el-input__inner,
+.avue-form .el-form-item.el-form-item--small .el-input-group--append .el-input__inner {
+  height: 33px;
+  line-height: 33px;
+}
 .avue-crud .el-input-number .el-input__inner,
 .avue-form .el-input-number .el-input__inner {
   text-align: left;
@@ -2222,25 +2227,6 @@ body {
   padding-bottom: 10px;
   text-align: right;
 }
-.element-dialog.el-dialog.el-dialog-resizeable .fullscreen-btn {
-  position: absolute;
-  top: 14px;
-  right: 50px;
-  padding: 2px;
-  color: #fff;
-  background: 0 0;
-  border: none;
-  outline: 0;
-  cursor: pointer;
-}
-.element-dialog.el-dialog.el-dialog-resizeable .fullscreen-btn:hover {
-  background: #e34e55;
-}
-.element-dialog.el-dialog.el-dialog-resizeable .fullscreen-btn .el-icon-full-screen,
-.element-dialog.el-dialog.el-dialog-resizeable .fullscreen-btn .el-icon-copy-document {
-  padding: 4px;
-  font-size: 13px;
-}
 .element-dialog.el-dialog.el-dialog-resizeable .dialog-head-group {
   position: absolute;
   top: 50%;
@@ -2299,9 +2285,12 @@ body {
   outline: 0;
   cursor: pointer;
 }
-.element-dialog.el-dialog .header-button:hover {
+.element-dialog.el-dialog .header-button.header-dialog-close:hover {
   background: #e34e55;
 }
+.element-dialog.el-dialog .header-button:hover {
+  background: rgba(0, 0, 0, .3);
+}
 .empty-view,
 .error-view {
   position: relative;
@@ -3314,26 +3303,26 @@ body {
 .avue-form__option i + i {
   margin-left: 10px;
 }
-.dic[data-v-8b486734] {
+.dic[data-v-2c9c8280] {
   display: flex;
   margin-bottom: 5px;
 }
-.el-tag[data-v-1c86355d] {
+.el-tag[data-v-64e64f97] {
   vertical-align: top;
 }
-.el-tag + .el-tag[data-v-1c86355d] {
+.el-tag + .el-tag[data-v-64e64f97] {
   margin-left: 5px;
 }
-.input-new-tag[data-v-1c86355d] {
+.input-new-tag[data-v-64e64f97] {
   width: 90px;
   margin-left: 5px;
   vertical-align: bottom;
 }
-.color-picker[data-v-1c86355d] {
+.color-picker[data-v-64e64f97] {
   left: 10px;
   vertical-align: top;
 }
-.custom-tree-node[data-v-657de8b2] {
+.custom-tree-node[data-v-42ed5e40] {
   flex: 1;
   display: flex;
   align-items: center;
@@ -4219,6 +4208,100 @@ body {
   height: 100%;
   border: none;
 }
+.avue-cropper .cropper-content {
+  display: flex;
+  justify-content: flex-end;
+}
+.avue-cropper .cropper-content .cropper-box {
+  flex: 1;
+  width: 100%;
+}
+.avue-cropper .cropper-content .cropper-box .cropper {
+  width: auto;
+  height: 300px;
+}
+.avue-cropper .cropper-content .show-preview {
+  flex: 1;
+  display: flex;
+  justify-content: center;
+}
+.avue-cropper .cropper-content .show-preview .preview {
+  overflow: hidden;
+  border: 1px solid #67c23a;
+  background: #cccccc;
+}
+.avue-cropper .cropper-content .footer-btn {
+  margin-top: 30px;
+  display: flex;
+  justify-content: center;
+  padding-right: 10px;
+}
+.avue-img--center {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.avue-img--fullscreen .el-dialog__body {
+  height: 100%;
+}
+.avue-image-preview {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  transition: all .5s;
+  z-index: 9998;
+}
+.avue-image-preview .el-image-viewer__close i {
+  color: #fff;
+}
+.avue-image-preview .el-image-viewer__btn {
+  z-index: 1024;
+}
+.avue-image-preview img {
+  transition: all .5s;
+  cursor: pointer;
+}
+.avue-image-preview__file {
+  text-align: center;
+}
+.avue-image-preview__file a {
+  color: #fff;
+}
+.avue-image-preview__file i {
+  cursor: pointer;
+  font-size: 80px;
+}
+.avue-image-preview__mask {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, .5);
+}
+.avue-image-preview__box {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.avue-image-preview__box .el-carousel {
+  width: 90%;
+  height: 100%;
+}
+.avue-image-preview__box .el-carousel__container {
+  height: 100%;
+}
+.avue-image-preview__box .el-carousel__item {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
 .image-viewer .image-item {
   display: inline-block;
   width: 100px;
@@ -5000,20 +5083,6 @@ body {
 .page-skeleton-new .page-skeleton-new-page-content.flex-row {
   display: flex;
 }
-.pswp {
-  z-index: 2147483647;
-}
-.pswp .pswp__error-msg {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  transform: translateY(-50%);
-}
-.pswp .error-img {
-  width: 200px;
-  margin-bottom: 10px;
-}
 .avue-video {
   position: relative;
   width: 500px;