yahee-components 0.0.70 → 0.0.72

package/es/image-upload/image-upload.vue.js

@@ -1,177 +1,116 @@
-import { defineComponent as U, ref as g, onMounted as B, getCurrentInstance as N, createElementBlock as p, openBlock as d, Fragment as F, withDirectives as D, createVNode as a, unref as t, normalizeStyle as L, withCtx as o, renderSlot as M, createBlock as $, createElementVNode as n, createTextVNode as b, withModifiers as I, createCommentVNode as P } from "vue";
-import w from "../packages/components/hooks/useImg.js";
-import { useIsImg as T, useUpload as j } from "../packages/components/hooks/useUpload.js";
-import { vLoading as S, ElUpload as A, ElImage as G, ElIcon as c, ElDialog as x, ElMessage as h } from "element-plus";
-import "element-plus/theme-chalk/src/base.scss";
-import "element-plus/theme-chalk/src/upload.scss";
-import "element-plus/theme-chalk/src/progress.scss";
-import "element-plus/theme-chalk/src/dialog.scss";
-import "element-plus/theme-chalk/src/overlay.scss";
-import "element-plus/theme-chalk/src/image.scss";
-import "element-plus/theme-chalk/src/image-viewer.scss";
-import "element-plus/theme-chalk/src/badge.scss";
-import "element-plus/theme-chalk/src/message.scss";
-import { Delete as R, Plus as Y, CircleCloseFilled as _ } from "@element-plus/icons-vue";
-const q = { class: "yahee-image-upload" }, H = {
+import f from "./image-upload.vue2.js";
+import { createElementBlock as s, openBlock as t, Fragment as h, withDirectives as u, createVNode as o, normalizeStyle as _, withCtx as i, renderSlot as w, createBlock as V, createElementVNode as n, createTextVNode as v, withModifiers as c, createCommentVNode as y } from "vue";
+import I from "../_virtual/_plugin-vue_export-helper.js";
+const k = { class: "yahee-image-upload" }, E = {
   key: 0,
   style: { width: "100%", height: "100%" }
-}, J = ["src"], de = /* @__PURE__ */ U({
-  name: "YaheeImageUpload",
-  __name: "image-upload",
-  props: {
-    modelValue: { default: () => ({ index: 0, fileId: "", fileName: "" }) },
-    showDelete: { type: Boolean, default: !0 },
-    zoom: { default: 1 },
-    imgSize: { default: () => ({ width: 80, height: 80 }) },
-    limitImgSize: { type: Boolean, default: !0 },
-    limitFileSize: { type: Boolean, default: !0 },
-    fileSize: { default: 50 },
-    fileSizeUnit: { default: "kb" },
-    fileType: { default: "105" }
-  },
-  emits: ["update:modelValue", "change"],
-  setup(y, { emit: V }) {
-    const s = y, f = V, u = g(!1), C = (e) => {
-      if (!T(e.raw)) {
-        h.error("只能选择图片格式文件!");
-        return;
-      }
-      if (s.limitFileSize) {
-        let l = e.size;
-        if (s.fileSizeUnit.toLowerCase() == "kb" ? l = e.size / 1024 : l = e.size / 1024 / 1024, !(l < s.fileSize)) {
-          h.error(`图片大小不能超过 ${s.fileSize}${s.fileSizeUnit}!`);
-          return;
-        }
-      }
-      u.value = !0, j(s.fileType, e.raw).then((l) => {
-        const r = {
-          fileName: e.name,
-          fileId: l[0],
-          index: 0
-        };
-        f("update:modelValue", r), f("change", {
-          fileName: e.name,
-          fileId: l[0],
-          index: 0
-        }), u.value = !1;
-      }).catch((l) => {
-        h.error("update image error", l), u.value = !1;
-      });
-    }, k = () => {
-      f("update:modelValue", "");
-    }, z = g(""), m = g(!1), E = () => {
-      var e;
-      z.value = w((e = s.modelValue) == null ? void 0 : e.fileId, !0), m.value = !0;
-    };
-    return B(() => {
-      var i;
-      const e = (i = N()) == null ? void 0 : i.appContext.app;
-      e && e.directive("loading", S);
-    }), (e, i) => (d(), p(F, null, [
-      D((d(), p("div", q, [
-        a(t(A), {
-          class: "picture-uploader",
-          action: "#",
-          style: L({ width: e.imgSize.width * e.zoom + "px", height: e.imgSize.height * e.zoom + "px" }),
-          "show-file-list": !1,
-          multiple: !1,
-          "auto-upload": !1,
-          accept: "image/jpeg,image/jpg,image/gif,image/png",
-          "on-change": C
-        }, {
-          default: o(() => {
-            var l;
-            return [
-              M(e.$slots, "default", {
-                value: (l = e.modelValue) == null ? void 0 : l.fileId
-              }, () => {
-                var r, v;
-                return [
-                  (r = e.modelValue) != null && r.fileId ? (d(), p("div", H, [
-                    a(t(G), {
-                      class: "picture",
-                      src: t(w)((v = e.modelValue) == null ? void 0 : v.fileId)
-                    }, {
-                      error: o(() => i[2] || (i[2] = [
-                        n("div", { style: { display: "none" } }, null, -1)
-                      ])),
-                      placeholder: o(() => i[3] || (i[3] = [
-                        n("div", { class: "image-slot" }, [
-                          b("Loading"),
-                          n("span", { class: "dot" }, "...")
-                        ], -1)
-                      ])),
-                      _: 1
-                    }, 8, ["src"]),
-                    n("span", {
-                      class: "upload-actions",
-                      onClick: I(E, ["stop"])
-                    }, [
-                      e.showDelete ? (d(), p("span", {
-                        key: 0,
-                        class: "upload-delete",
-                        onClick: I(k, ["stop"])
-                      }, [
-                        a(t(c), {
-                          size: 20,
-                          color: "#ff1e1e"
-                        }, {
-                          default: o(() => [
-                            a(t(R))
-                          ]),
-                          _: 1
-                        })
-                      ])) : P("", !0)
-                    ])
-                  ])) : (d(), $(t(c), {
-                    key: 1,
-                    class: "picture-uploader-icon",
-                    size: 20
+}, p = ["src"];
+function z(g, l, a, e, C, x) {
+  return t(), s(h, null, [
+    u((t(), s("div", k, [
+      o(e.ElUpload, {
+        class: "picture-uploader",
+        action: "#",
+        style: _({ width: a.imgSize.width * a.zoom + "px", height: a.imgSize.height * a.zoom + "px" }),
+        "show-file-list": !1,
+        multiple: !1,
+        "auto-upload": !1,
+        accept: "image/jpeg,image/jpg,image/gif,image/png",
+        "on-change": e.handleUploadChange
+      }, {
+        default: i(() => {
+          var d;
+          return [
+            w(g.$slots, "default", {
+              value: (d = a.modelValue) == null ? void 0 : d.fileId
+            }, () => {
+              var m, r;
+              return [
+                (m = a.modelValue) != null && m.fileId ? (t(), s("div", E, [
+                  o(e.ElImage, {
+                    class: "picture",
+                    src: e.useImage((r = a.modelValue) == null ? void 0 : r.fileId)
                   }, {
-                    default: o(() => [
-                      a(t(Y))
-                    ]),
+                    error: i(() => l[2] || (l[2] = [
+                      n("div", { style: { display: "none" } }, null, -1)
+                    ])),
+                    placeholder: i(() => l[3] || (l[3] = [
+                      n("div", { class: "image-slot" }, [
+                        v("Loading"),
+                        n("span", { class: "dot" }, "...")
+                      ], -1)
+                    ])),
                     _: 1
-                  }))
-                ];
-              })
-            ];
-          }),
-          _: 3
-        }, 8, ["style"])
-      ])), [
-        [t(S), u.value]
+                  }, 8, ["src"]),
+                  n("span", {
+                    class: "upload-actions",
+                    onClick: c(e.handleFilePreview, ["stop"])
+                  }, [
+                    a.showDelete ? (t(), s("span", {
+                      key: 0,
+                      class: "upload-delete",
+                      onClick: c(e.handleFileRemove, ["stop"])
+                    }, [
+                      o(e.ElIcon, {
+                        size: 20,
+                        color: "#ff1e1e"
+                      }, {
+                        default: i(() => [
+                          o(e.Delete)
+                        ]),
+                        _: 1
+                      })
+                    ])) : y("", !0)
+                  ])
+                ])) : (t(), V(e.ElIcon, {
+                  key: 1,
+                  class: "picture-uploader-icon",
+                  size: 20
+                }, {
+                  default: i(() => [
+                    o(e.Plus)
+                  ]),
+                  _: 1
+                }))
+              ];
+            })
+          ];
+        }),
+        _: 3
+      }, 8, ["style"])
+    ])), [
+      [e.vLoading, e.loading]
+    ]),
+    o(e.ElDialog, {
+      modelValue: e.dialogVisible,
+      "onUpdate:modelValue": l[1] || (l[1] = (d) => e.dialogVisible = d),
+      "show-close": !1
+    }, {
+      header: i(() => [
+        o(e.ElIcon, {
+          size: 40,
+          color: "#a4a4a4",
+          class: "pull-right marginB6",
+          onClick: l[0] || (l[0] = (d) => e.dialogVisible = !1)
+        }, {
+          default: i(() => [
+            o(e.CircleCloseFilled)
+          ]),
+          _: 1
+        })
       ]),
-      a(t(x), {
-        modelValue: m.value,
-        "onUpdate:modelValue": i[1] || (i[1] = (l) => m.value = l),
-        "show-close": !1
-      }, {
-        header: o(() => [
-          a(t(c), {
-            size: 40,
-            color: "#a4a4a4",
-            class: "pull-right marginB6",
-            onClick: i[0] || (i[0] = (l) => m.value = !1)
-          }, {
-            default: o(() => [
-              a(t(_))
-            ]),
-            _: 1
-          })
-        ]),
-        default: o(() => [
-          n("img", {
-            style: { width: "100%" },
-            src: z.value,
-            alt: "Preview Image"
-          }, null, 8, J)
-        ]),
-        _: 1
-      }, 8, ["modelValue"])
-    ], 64));
-  }
-});
+      default: i(() => [
+        n("img", {
+          style: { width: "100%" },
+          src: e.dialogImageUrl,
+          alt: "Preview Image"
+        }, null, 8, p)
+      ]),
+      _: 1
+    }, 8, ["modelValue"])
+  ], 64);
+}
+const D = /* @__PURE__ */ I(f, [["render", z], ["__file", "E:/工作/项目代码/common_componentsweb/packages/components/src/image-upload/image-upload.vue"]]);
 export {
-  de as default
+  D as default
 };

package/es/image-upload/image-upload.vue2.js

@@ -1,4 +1,93 @@
-import f from "./image-upload.vue.js";
+import { defineComponent as y, ref as o, onMounted as v, getCurrentInstance as E } from "vue";
+import p from "../packages/components/hooks/useImg.js";
+import { useIsImg as _, useUpload as b } from "../packages/components/hooks/useUpload.js";
+import { vLoading as f, ElMessage as u, ElImage as q, ElIcon as C, ElDialog as U, ElUpload as w } from "element-plus";
+import "element-plus/theme-chalk/src/base.scss";
+import "element-plus/theme-chalk/src/upload.scss";
+import "element-plus/theme-chalk/src/progress.scss";
+import "element-plus/theme-chalk/src/dialog.scss";
+import "element-plus/theme-chalk/src/overlay.scss";
+import "element-plus/theme-chalk/src/image.scss";
+import "element-plus/theme-chalk/src/image-viewer.scss";
+import "element-plus/theme-chalk/src/badge.scss";
+import "element-plus/theme-chalk/src/message.scss";
+import { CircleCloseFilled as x, Plus as F, Delete as V } from "@element-plus/icons-vue";
+const Y = /* @__PURE__ */ y({
+  name: "YaheeImageUpload",
+  __name: "image-upload",
+  props: {
+    modelValue: { type: Object, required: !0, default: () => ({ index: 0, fileId: "", fileName: "" }) },
+    showDelete: { type: Boolean, required: !1, default: !0 },
+    zoom: { type: Number, required: !1, default: 1 },
+    imgSize: { type: Object, required: !1, default: () => ({ width: 80, height: 80 }) },
+    limitImgSize: { type: Boolean, required: !1, default: !0 },
+    limitFileSize: { type: Boolean, required: !1, default: !0 },
+    fileSize: { type: Number, required: !1, default: 50 },
+    fileSizeUnit: { type: String, required: !1, default: "kb" },
+    fileType: { type: String, required: !1, default: "105" }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(g, { expose: c, emit: I }) {
+    c();
+    const t = g, r = I, l = o(!1), z = (e) => {
+      if (!_(e.raw)) {
+        u.error("只能选择图片格式文件!");
+        return;
+      }
+      if (t.limitFileSize) {
+        let i = e.size;
+        if (t.fileSizeUnit.toLowerCase() == "kb" ? i = e.size / 1024 : i = e.size / 1024 / 1024, !(i < t.fileSize)) {
+          u.error(`图片大小不能超过 ${t.fileSize}${t.fileSizeUnit}!`);
+          return;
+        }
+      }
+      l.value = !0, b(t.fileType, e.raw).then((i) => {
+        const m = {
+          fileName: e.name,
+          fileId: i[0],
+          index: 0
+        };
+        r("update:modelValue", m), r("change", {
+          fileName: e.name,
+          fileId: i[0],
+          index: 0
+        }), l.value = !1;
+      }).catch((i) => {
+        u.error("update image error", i), l.value = !1;
+      });
+    }, S = () => {
+      r("update:modelValue", "");
+    }, n = o(""), s = o(!1), h = () => {
+      var e;
+      n.value = p((e = t.modelValue) == null ? void 0 : e.fileId, !0), s.value = !0;
+    };
+    v(() => {
+      var a;
+      const e = (a = E()) == null ? void 0 : a.appContext.app;
+      e && e.directive("loading", f);
+    });
+    const d = { props: t, emits: r, loading: l, handleUploadChange: z, handleFileRemove: S, dialogImageUrl: n, dialogVisible: s, handleFilePreview: h, get useImage() {
+      return p;
+    }, get ElUpload() {
+      return w;
+    }, get ElDialog() {
+      return U;
+    }, get ElIcon() {
+      return C;
+    }, get ElImage() {
+      return q;
+    }, get vLoading() {
+      return f;
+    }, get Delete() {
+      return V;
+    }, get Plus() {
+      return F;
+    }, get CircleCloseFilled() {
+      return x;
+    } };
+    return Object.defineProperty(d, "__isScriptSetup", { enumerable: !1, value: !0 }), d;
+  }
+});
 export {
-  f as default
+  Y as default
 };

package/es/image-upload/index.js

@@ -1,7 +1,7 @@
 import { withInstall as a } from "../utils/install.js";
 import o from "./image-upload.vue.js";
-const e = a(o);
+const m = a(o);
 export {
-  e as YaheeImageUpload,
-  e as default
+  m as YaheeImageUpload,
+  m as default
 };

package/es/index.js

@@ -1,33 +1,49 @@
 import { makeInstaller as e } from "./utils/install.js";
 import r from "./installs.js";
 import { config as t } from "./utils/config.js";
-import { YaheeInput as l } from "./input/index.js";
-import { YaheeComplexSearch as Y } from "./complex-search/index.js";
-import { YaheeCopy as s } from "./copy/index.js";
-import { YaheeImageUpload as c } from "./image-upload/index.js";
-import { YaheeAnnexUpload as I } from "./annex-upload/index.js";
-import { YaheeOperationLog as S } from "./operation-log/index.js";
-import { YaheeCountryPlatformShopCondition as D } from "./country-platform-shop-condition/index.js";
-import { YaheeLeftCondition as U } from "./left-condition/index.js";
-import { YaheeLeftConditionEnum as k } from "./left-condition-enum/index.js";
-import { YaheeDropDownCondition as A } from "./drop-down-condition/index.js";
-import { defaultComplexSearchProps as G } from "./complex-search/props.js";
-const { setConfig: n } = t(), m = e([...r]);
-function i(o) {
-  n(o);
+import { YaheeInput as i } from "./input/index.js";
+import { YaheeComplexSearch as s } from "./complex-search/index.js";
+import { YaheeCopy as u } from "./copy/index.js";
+import { YaheeImageUpload as C } from "./image-upload/index.js";
+import { YaheeAnnexUpload as P } from "./annex-upload/index.js";
+import { YaheeOperationLog as I } from "./operation-log/index.js";
+import { YaheeCountryPlatformShopCondition as E } from "./country-platform-shop-condition/index.js";
+import { YaheeLeftCondition as L } from "./left-condition/index.js";
+import { YaheeLeftConditionEnum as D } from "./left-condition-enum/index.js";
+import { YaheeDropDownCondition as W } from "./drop-down-condition/index.js";
+import { YaheeCommonImport as k } from "./common-import/index.js";
+import { YaheeBorderWrap as A } from "./border-wrap/index.js";
+import { YaheeEchartGauge as j } from "./echart-gauge/index.js";
+import { YaheeScaleScreen as v } from "./scale-screen/index.js";
+import { defaultComplexSearchProps as F } from "./complex-search/props.js";
+import { defaultCopyProps as J } from "./copy/props.js";
+import { defaultBorderWrapPropsProps as M } from "./border-wrap/props.js";
+import { defaultEchartGaugeProps as Q } from "./echart-gauge/props.js";
+import { defaultScaleScreenProps as T } from "./scale-screen/props.js";
+const { setConfig: p } = t(), n = e([...r]);
+function x(o) {
+  p(o);
 }
 export {
-  I as YaheeAnnexUpload,
-  Y as YaheeComplexSearch,
-  s as YaheeCopy,
-  D as YaheeCountryPlatformShopCondition,
-  A as YaheeDropDownCondition,
-  c as YaheeImageUpload,
-  l as YaheeInput,
-  U as YaheeLeftCondition,
-  k as YaheeLeftConditionEnum,
-  S as YaheeOperationLog,
-  m as default,
-  G as defaultComplexSearchProps,
-  i as useGlobalConfig
+  P as YaheeAnnexUpload,
+  A as YaheeBorderWrap,
+  k as YaheeCommonImport,
+  s as YaheeComplexSearch,
+  u as YaheeCopy,
+  E as YaheeCountryPlatformShopCondition,
+  W as YaheeDropDownCondition,
+  j as YaheeEchartGauge,
+  C as YaheeImageUpload,
+  i as YaheeInput,
+  L as YaheeLeftCondition,
+  D as YaheeLeftConditionEnum,
+  I as YaheeOperationLog,
+  v as YaheeScaleScreen,
+  n as default,
+  M as defaultBorderWrapPropsProps,
+  F as defaultComplexSearchProps,
+  J as defaultCopyProps,
+  Q as defaultEchartGaugeProps,
+  T as defaultScaleScreenProps,
+  x as useGlobalConfig
 };

package/es/input/index.js

@@ -1,7 +1,7 @@
 import { withInstall as t } from "../utils/install.js";
 import o from "./input.vue.js";
-const r = t(o);
+const a = t(o);
 export {
-  r as YaheeInput,
-  r as default
+  a as YaheeInput,
+  a as default
 };

package/es/input/input.vue.js

@@ -1,40 +1,19 @@
-import { defineComponent as i, computed as r, ref as f, createElementBlock as c, openBlock as V, createVNode as _, unref as b } from "vue";
-import { ElInput as v } from "element-plus";
-import "element-plus/theme-chalk/src/base.scss";
-import "element-plus/theme-chalk/src/input.scss";
-const x = { class: "yahee-input" }, E = /* @__PURE__ */ i({
-  name: "YaheeInput",
-  __name: "input",
-  props: {
-    modelValue: { default: "" },
-    disabled: { type: Boolean, default: !1 }
-  },
-  emits: ["update:modelValue"],
-  setup(u, { expose: n, emit: d }) {
-    const p = d, t = u, o = r({
-      get: () => t.modelValue,
-      set: (e) => {
-        p("update:modelValue", e);
-      }
-    }), l = f();
-    function s() {
-      var e;
-      (e = l.value) == null || e.focus();
-    }
-    return n({
-      focus: s
-    }), (e, a) => (V(), c("div", x, [
-      _(b(v), {
-        ref_key: "inputRef",
-        ref: l,
-        modelValue: o.value,
-        "onUpdate:modelValue": a[0] || (a[0] = (m) => o.value = m),
-        type: "text",
-        disabled: t.disabled
-      }, null, 8, ["modelValue", "disabled"])
-    ]));
-  }
-});
+import n from "./input.vue2.js";
+import { createElementBlock as r, openBlock as a, createVNode as p } from "vue";
+import l from "../_virtual/_plugin-vue_export-helper.js";
+const s = { class: "yahee-input" };
+function d(i, o, c, e, m, f) {
+  return a(), r("div", s, [
+    p(e.ElInput, {
+      ref: "inputRef",
+      modelValue: e.state,
+      "onUpdate:modelValue": o[0] || (o[0] = (t) => e.state = t),
+      type: "text",
+      disabled: e.props.disabled
+    }, null, 8, ["modelValue", "disabled"])
+  ]);
+}
+const x = /* @__PURE__ */ l(n, [["render", d], ["__file", "E:/工作/项目代码/common_componentsweb/packages/components/src/input/input.vue"]]);
 export {
-  E as default
+  x as default
 };

package/es/input/input.vue2.js

@@ -1,4 +1,35 @@
-import f from "./input.vue.js";
+import { defineComponent as i, computed as m, ref as d } from "vue";
+import { ElInput as f } from "element-plus";
+import "element-plus/theme-chalk/src/base.scss";
+import "element-plus/theme-chalk/src/input.scss";
+const g = /* @__PURE__ */ i({
+  name: "YaheeInput",
+  __name: "input",
+  props: {
+    modelValue: { type: String, required: !0, default: "" },
+    disabled: { type: Boolean, required: !1, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  setup(p, { expose: a, emit: s }) {
+    const t = s, u = p, l = m({
+      get: () => u.modelValue,
+      set: (e) => {
+        t("update:modelValue", e);
+      }
+    }), o = d();
+    function r() {
+      var e;
+      (e = o.value) == null || e.focus();
+    }
+    a({
+      focus: r
+    });
+    const n = { emit: t, props: u, state: l, inputRef: o, focus: r, get ElInput() {
+      return f;
+    } };
+    return Object.defineProperty(n, "__isScriptSetup", { enumerable: !1, value: !0 }), n;
+  }
+});
 export {
-  f as default
+  g as default
 };

package/es/installs.js

@@ -3,23 +3,31 @@ import { YaheeComplexSearch as e } from "./complex-search/index.js";
 import { YaheeCopy as r } from "./copy/index.js";
 import { YaheeImageUpload as m } from "./image-upload/index.js";
 import { YaheeOperationLog as t } from "./operation-log/index.js";
-import { YaheeAnnexUpload as i } from "./annex-upload/index.js";
-import { YaheeLeftCondition as a } from "./left-condition/index.js";
-import { YaheeLeftConditionEnum as p } from "./left-condition-enum/index.js";
+import { YaheeAnnexUpload as a } from "./annex-upload/index.js";
+import { YaheeLeftCondition as p } from "./left-condition/index.js";
+import { YaheeLeftConditionEnum as i } from "./left-condition-enum/index.js";
 import { YaheeDropDownCondition as n } from "./drop-down-condition/index.js";
 import { YaheeCountryPlatformShopCondition as f } from "./country-platform-shop-condition/index.js";
-const g = [
+import { YaheeCommonImport as h } from "./common-import/index.js";
+import { YaheeBorderWrap as Y } from "./border-wrap/index.js";
+import { YaheeEchartGauge as d } from "./echart-gauge/index.js";
+import { YaheeScaleScreen as l } from "./scale-screen/index.js";
+const A = [
   o,
   e,
   r,
   m,
   t,
-  i,
   a,
   p,
+  i,
   n,
-  f
+  f,
+  h,
+  Y,
+  d,
+  l
 ];
 export {
-  g as default
+  A as default
 };

package/es/left-condition/index.js

@@ -1,7 +1,7 @@
 import { withInstall as t } from "../utils/install.js";
 import o from "./left-condition.vue.js";
-const e = t(o);
+const n = t(o);
 export {
-  e as YaheeLeftCondition,
-  e as default
+  n as YaheeLeftCondition,
+  n as default
 };