ling-yun-custom-components 0.0.36 → 0.0.38

package/es/chunks/layout.DTDMwNO7.js

@@ -1,231 +0,0 @@
-import { useAttrs as $, computed as d, onMounted as L, createBlock as p, openBlock as c, unref as a, mergeProps as U, withCtx as r, createElementBlock as y, renderSlot as g, createElementVNode as v, createCommentVNode as A, createTextVNode as h, toDisplayString as C, Fragment as R, createVNode as E } from "vue";
-import { ElDialog as q, ElButton as x, ElIcon as z } from "element-plus";
-import { IconClose as H, IconBack as J } from "color-message-lingyun-vue";
-import { emitsMap as e } from "ling-yun-methods";
-import { _ as K } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import '../assets/layout.css';const t = {
-  DEFAULT: "default",
-  PAGE: "page"
-}, Q = {
-  key: 0,
-  class: "flex justify-center w-full"
-}, W = {
-  class: "dialog-content flex flex-col",
-  style: { width: "60%" }
-}, X = {
-  key: 0,
-  class: "title-name flex items-center"
-}, Y = { class: "dialog-footer" }, Z = {
-  key: 0,
-  class: "flex justify-center items-center w-full"
-}, ee = {
-  class: "flex justify-center items-center",
-  style: { width: "60%" }
-}, oe = { class: "flex justify-end items-center w-full" }, te = /* @__PURE__ */ Object.assign({
-  name: "CustomDialog"
-}, {
-  __name: "layout",
-  props: {
-    // 绑定值
-    modelValue: {
-      type: Boolean,
-      default: !1
-    },
-    // 对话框宽度
-    width: {
-      type: [String, Number],
-      default: "50%"
-    },
-    // 是否可以通过点击 modal 关闭对话框
-    closeOnClickModal: {
-      type: Boolean,
-      default: !1
-    },
-    // 是否可以通过按下 ESC 关闭对话框
-    closeOnPressEscape: {
-      type: Boolean,
-      default: !1
-    },
-    // 是否在对话框出现时将 body 滚动锁定
-    lockScroll: {
-      type: Boolean,
-      default: !0
-    },
-    // 关闭图标
-    closeIcon: {
-      type: Object,
-      default: H
-    },
-    // 按钮配置对象
-    buttons: {
-      type: Object,
-      default: () => ({})
-    },
-    appendToBody: {
-      type: Boolean,
-      default: !0
-    },
-    // 弹窗覆盖的模式 default|page
-    dialogMode: {
-      type: String,
-      default: t.DEFAULT
-    },
-    // route模式下标题值
-    titleName: {
-      type: String,
-      default: "默认标题"
-    }
-  },
-  emits: [
-    e.updateModelValue,
-    e.open,
-    e.opened,
-    e.close,
-    e.closed,
-    e.openAutoFocus,
-    e.closeAutoFocus,
-    e.cancel,
-    e.confirm
-  ],
-  setup(u, { emit: M }) {
-    const P = {
-      showCancel: !0,
-      showConfirm: !0,
-      cancelText: "取消",
-      confirmText: "确认",
-      onCancel: null,
-      onConfirm: null
-    }, o = u, m = $(), n = M, b = d(() => o.dialogMode === t.PAGE ? {
-      marginLeft: "250px",
-      borderRadius: "24px",
-      boxShadow: "none"
-    } : {}), _ = d(() => o.dialogMode === t.PAGE ? !1 : m.modal ? m.modal : !0), B = d(() => o.dialogMode === t.PAGE ? !0 : m.modalPenetrable ? m.modalPenetrable : !1), V = d(() => o.dialogMode === t.PAGE ? "calc(100% - 250px - 12px)" : o.width), F = d(() => o.dialogMode === t.PAGE ? "66px" : o.top || "15vh"), i = d({
-      get: () => o.modelValue,
-      set: (s) => {
-        n(e.updateModelValue, s);
-      }
-    }), l = d(() => ({
-      ...P,
-      ...o.buttons
-    })), G = d(() => {
-      const { modelValue: s, ...f } = o;
-      return f;
-    }), O = () => {
-      n(e.open);
-    }, T = () => {
-      n(e.opened);
-    }, S = () => {
-      n(e.close);
-    }, j = () => {
-      n(e.closed);
-    }, N = () => {
-      n(e.openAutoFocus);
-    }, D = () => {
-      n(e.closeAutoFocus);
-    }, I = () => {
-      l.value.onCancel ? l.value.onCancel() : i.value = !1, n(e.cancel);
-    }, k = async () => {
-      if (l.value.onConfirm)
-        try {
-          await l.value.onConfirm() !== !1 && (i.value = !1);
-        } catch {
-        }
-      else
-        i.value = !1;
-      n(e.confirm);
-    };
-    return L(() => {
-      o.dialogMode === t.PAGE && (document.querySelector(".el-overlay-dialog").style.overflow = "hidden");
-    }), (s, f) => (c(), p(a(q), U({
-      ref: "dialogRef",
-      modelValue: i.value,
-      "onUpdate:modelValue": f[1] || (f[1] = (w) => i.value = w)
-    }, G.value, {
-      width: V.value,
-      top: F.value,
-      style: b.value,
-      modal: _.value,
-      "modal-penetrable": B.value,
-      onOpen: O,
-      onOpened: T,
-      onClose: S,
-      onClosed: j,
-      onOpenAutoFocus: N,
-      onCloseAutoFocus: D,
-      "append-to-body": u.appendToBody,
-      class: {
-        "custom-dialog-page": u.dialogMode === a(t).PAGE
-      }
-    }), {
-      header: r(() => [
-        u.dialogMode === a(t).PAGE ? (c(), y("div", X, [
-          E(a(z), {
-            size: 20,
-            color: "var(--text-color-1)",
-            class: "mg-r-6 pointer",
-            onClick: f[0] || (f[0] = (w) => i.value = !1)
-          }, {
-            default: r(() => [
-              E(a(J))
-            ]),
-            _: 1
-          }),
-          h(" " + C(u.titleName), 1)
-        ])) : g(s.$slots, "header", { key: 1 }, void 0, !0)
-      ]),
-      footer: r(() => [
-        g(s.$slots, "footer", {}, () => [
-          v("div", Y, [
-            u.dialogMode === a(t).PAGE ? (c(), y("div", Z, [
-              v("div", ee, [
-                v("div", oe, [
-                  l.value.showConfirm ? (c(), p(a(x), {
-                    key: 0,
-                    type: "primary",
-                    onClick: k
-                  }, {
-                    default: r(() => [
-                      h(C(l.value.confirmText), 1)
-                    ]),
-                    _: 1
-                  })) : A("", !0)
-                ])
-              ])
-            ])) : (c(), y(R, { key: 1 }, [
-              l.value.showCancel ? (c(), p(a(x), {
-                key: 0,
-                onClick: I
-              }, {
-                default: r(() => [
-                  h(C(l.value.cancelText), 1)
-                ]),
-                _: 1
-              })) : A("", !0),
-              l.value.showConfirm ? (c(), p(a(x), {
-                key: 1,
-                type: "primary",
-                onClick: k
-              }, {
-                default: r(() => [
-                  h(C(l.value.confirmText), 1)
-                ]),
-                _: 1
-              })) : A("", !0)
-            ], 64))
-          ])
-        ], !0)
-      ]),
-      default: r(() => [
-        u.dialogMode === a(t).PAGE ? (c(), y("div", Q, [
-          v("div", W, [
-            g(s.$slots, "default", {}, void 0, !0)
-          ])
-        ])) : g(s.$slots, "default", { key: 1 }, void 0, !0)
-      ]),
-      _: 3
-    }, 16, ["modelValue", "width", "top", "style", "modal", "modal-penetrable", "append-to-body", "class"]));
-  }
-}), ce = /* @__PURE__ */ K(te, [["__scopeId", "data-v-9fa594c0"]]);
-export {
-  ce as C
-};

package/es/chunks/layout.D_fCzVf0.js

@@ -1,39 +0,0 @@
-import { useCssVars as o, createElementBlock as c, openBlock as n, toDisplayString as a } from "vue";
-import { _ as s } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import '../assets/layout3.css';const r = { class: "custom-title" }, i = /* @__PURE__ */ Object.assign({
-  name: "CustomTitle"
-}, {
-  __name: "layout",
-  props: {
-    // 标题内容
-    content: {
-      type: String,
-      default: "自定义标题"
-    },
-    // 字体大小
-    fontSize: {
-      type: Number,
-      default: 18
-    },
-    // 字体颜色
-    color: {
-      type: String,
-      default: "var(--text-color-1)"
-    },
-    // 字体粗细
-    fontWeight: {
-      type: Number,
-      default: 700
-    }
-  },
-  setup(t) {
-    return o((e) => ({
-      v47d985ee: t.fontWeight,
-      v6d50a5d6: t.fontSize + "px",
-      v4b029cbc: t.color
-    })), (e, l) => (n(), c("div", r, a(t.content), 1));
-  }
-}), d = /* @__PURE__ */ s(i, [["__scopeId", "data-v-4d572364"]]);
-export {
-  d as C
-};

package/es/chunks/layout.DdM4MaRr.js

@@ -1,149 +0,0 @@
-import { useCssVars as L, ref as N, watch as U, createElementBlock as u, createCommentVNode as v, openBlock as r, Fragment as x, renderList as j, normalizeClass as z, unref as o, createElementVNode as m, createBlock as f, normalizeStyle as O, withCtx as S, resolveDynamicComponent as T, toDisplayString as k, renderSlot as M, createVNode as E } from "vue";
-import { ElImage as R, ElIcon as w } from "element-plus";
-import { emitsMap as c, uploadFileTypeMap as P, uploadFileType as a } from "ling-yun-methods";
-import { IconTxt as A, IconPpt as F, IconXls as I, IconDoc as b, IconPdf as G, IconDelete as K } from "color-message-lingyun-vue";
-import { _ as X } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import '../assets/layout5.css';const i = {
-  uploading: "uploading",
-  success: "success",
-  error: "error"
-}, q = {
-  key: 0,
-  class: "file-list display-grid pd-t-12 pd-b-12"
-}, H = { class: "flex overflow-hidden flex-1 pd-r-10" }, J = { class: "pd-l-8 flex-1 overflow-hidden" }, Q = ["title"], W = { class: "fz-12 text-ellipsis lh-16" }, Y = {
-  key: 1,
-  class: "text-74798c"
-}, Z = /* @__PURE__ */ Object.assign({
-  name: "FileList"
-}, {
-  __name: "layout",
-  props: {
-    // 文件列表数据
-    modelValue: {
-      type: Array,
-      default: () => []
-    },
-    // 是否显示删除按钮
-    showDelete: {
-      type: Boolean,
-      default: !0
-    },
-    // 字段映射配置
-    fieldMapping: {
-      type: Object,
-      default: () => ({
-        // fileName: 'fileName',
-        // fileUrl: 'fileUrl',
-      })
-    },
-    rowCount: {
-      type: Number,
-      default: 2
-    },
-    // 图标大小
-    iconSize: {
-      type: Number,
-      default: 36
-    }
-  },
-  emits: [c.delete, c.change, c.updateModelValue],
-  setup(l, { emit: _ }) {
-    L((e) => ({
-      v247946fe: l.rowCount
-    }));
-    const p = l, y = _, n = N(p.modelValue), B = Object.fromEntries(
-      Object.entries(P).map(([e, s]) => [s, e])
-    ), g = (e) => e[p.fieldMapping.fileUrl] ? e[p.fieldMapping.fileUrl] : e.raw && e.raw instanceof File ? URL.createObjectURL(e.raw) : e instanceof File ? URL.createObjectURL(e) : "", C = {
-      [a.pdf]: G,
-      [a.doc]: b,
-      [a.docx]: b,
-      [a.xls]: I,
-      [a.xlsx]: I,
-      [a.ppt]: F,
-      [a.pptx]: F,
-      [a.txt]: A
-    }, V = (e) => e?.includes("image"), $ = (e) => {
-      const s = B[e];
-      return C[s];
-    }, h = (e) => {
-      if (!e || e === 0) return "0 B";
-      const s = 1024, t = ["B", "KB", "MB", "GB"], d = Math.floor(Math.log(e) / Math.log(s));
-      return `${parseFloat((e / Math.pow(s, d)).toFixed(2))} ${t[d]}`;
-    }, D = (e, s) => {
-      n.value.splice(s, 1), y(c.delete, e), y(c.updateModelValue, n.value), y(c.change, n.value);
-    };
-    return U(
-      () => p.modelValue,
-      (e) => {
-        n.value = e;
-      },
-      { immediate: !0 }
-    ), (e, s) => n.value?.length ? (r(), u("div", q, [
-      (r(!0), u(x, null, j(n.value, (t, d) => (r(), u("div", {
-        key: d,
-        class: z(["pd-l-8 pd-r-8 pd-t-6 pd-b-6 radius-8 file-item overflow-hidden flex items-center", {
-          "bg-uploading": t.fileStatus === o(i).uploading,
-          "bg-fcfdff": t.fileStatus !== o(i).uploading,
-          "border-error": t.fileStatus === o(i).error,
-          "border-normal": t.fileStatus !== o(i).error
-        }])
-      }, [
-        m("div", H, [
-          V(t?.type) && g(t) ? (r(), f(o(R), {
-            key: 0,
-            src: g(t),
-            class: "radius-4",
-            fit: "cover",
-            style: O({ width: `${l.iconSize}px`, height: `${l.iconSize}px` })
-          }, null, 8, ["src", "style"])) : (r(), f(o(w), {
-            key: 1,
-            size: l.iconSize,
-            class: "pointer"
-          }, {
-            default: S(() => [
-              (r(), f(T($(t?.type))))
-            ]),
-            _: 2
-          }, 1032, ["size"])),
-          m("div", J, [
-            m("div", {
-              class: z(["fz-14 text-ellipsis lh-20 flex-1", {
-                "text-ec0e13": t.fileStatus === o(i).error,
-                "text-262626": t.fileStatus !== o(i).error
-              }]),
-              title: t[l.fieldMapping.fileName]
-            }, k(t[l.fieldMapping.fileName]), 11, Q),
-            m("div", W, [
-              e.$slots.status ? M(e.$slots, "status", {
-                key: 0,
-                file: t
-              }, void 0, !0) : (r(), u(x, { key: 1 }, [
-                e.$slots.size ? M(e.$slots, "size", {
-                  key: 0,
-                  file: t,
-                  size: h(t.size)
-                }, void 0, !0) : (r(), u("span", Y, k(h(t.size)), 1))
-              ], 64))
-            ])
-          ])
-        ]),
-        l.showDelete ? (r(), f(o(w), {
-          key: 0,
-          size: 16,
-          color: t.fileStatus === o(i).error ? "var(--error-color-1)" : "var(--text-color-4)",
-          class: "pointer",
-          onClick: (ee) => D(t, d)
-        }, {
-          default: S(() => [
-            E(o(K))
-          ]),
-          _: 1
-        }, 8, ["color", "onClick"])) : v("", !0)
-      ], 2))), 128))
-    ])) : v("", !0);
-  }
-}), ae = /* @__PURE__ */ X(Z, [["__scopeId", "data-v-0980a743"]]);
-export {
-  ae as _,
-  i as u
-};