ling-yun-custom-components 0.0.10

package/es/chunks/layout.Day1LJyl.js

@@ -0,0 +1,234 @@
+import { useAttrs as I, computed as d, onMounted as L, createBlock as y, openBlock as u, unref as n, mergeProps as U, withCtx as c, createElementBlock as g, renderSlot as m, 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 k, ElIcon as z } from "element-plus";
+import { j as H, k as J } from "./index.DfOANPhX.js";
+import { emitsMap as e } from "ling-yun-methods";
+import { _ as K } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+import '../assets/layout2.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(r, { emit: b }) {
+    const M = {
+      showCancel: !0,
+      showConfirm: !0,
+      cancelText: "取消",
+      confirmText: "确认",
+      onCancel: null,
+      onConfirm: null
+    }, o = r, p = I(), s = b, P = d(() => o.dialogMode === t.PAGE ? {
+      marginLeft: "250px",
+      borderRadius: "24px",
+      boxShadow: "none"
+    } : {}), _ = d(() => o.dialogMode === t.PAGE ? !1 : p.modal ? p.modal : !0), B = d(() => o.dialogMode === t.PAGE ? !0 : p.modalPenetrable ? p.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: (a) => {
+        s(e.updateModelValue, a);
+      }
+    }), l = d(() => ({
+      ...M,
+      ...o.buttons
+    })), G = d(() => {
+      const { modelValue: a, ...f } = o;
+      return f;
+    }), O = () => {
+      s(e.open);
+    }, T = () => {
+      s(e.opened);
+    }, S = () => {
+      s(e.close);
+    }, j = () => {
+      s(e.closed);
+    }, N = () => {
+      s(e.openAutoFocus);
+    }, D = () => {
+      s(e.closeAutoFocus);
+    }, $ = () => {
+      l.value.onCancel ? l.value.onCancel() : i.value = !1, s(e.cancel);
+    }, w = async () => {
+      if (l.value.onConfirm)
+        try {
+          await l.value.onConfirm() !== !1 && (i.value = !1);
+        } catch {
+        }
+      else
+        i.value = !1;
+      s(e.confirm);
+    };
+    return L(() => {
+      o.dialogMode === t.PAGE && (document.querySelector(".el-overlay-dialog").style.overflow = "hidden");
+    }), (a, f) => (u(), y(n(q), U({
+      ref: "dialogRef",
+      modelValue: i.value,
+      "onUpdate:modelValue": f[1] || (f[1] = (x) => i.value = x)
+    }, G.value, {
+      width: V.value,
+      top: F.value,
+      style: P.value,
+      modal: _.value,
+      "modal-penetrable": B.value,
+      onOpen: O,
+      onOpened: T,
+      onClose: S,
+      onClosed: j,
+      onOpenAutoFocus: N,
+      onCloseAutoFocus: D,
+      "append-to-body": r.appendToBody,
+      class: {
+        "custom-dialog-page": r.dialogMode === n(t).PAGE
+      }
+    }), {
+      header: c(() => [
+        m(a.$slots, "header", {}, void 0, !0)
+      ]),
+      title: c(() => [
+        r.dialogMode === n(t).PAGE ? (u(), g("div", X, [
+          E(n(z), {
+            size: 20,
+            color: "var(--text-color-1)",
+            class: "mg-r-6 pointer",
+            onClick: f[0] || (f[0] = (x) => i.value = !1)
+          }, {
+            default: c(() => [
+              E(n(J))
+            ]),
+            _: 1
+          }),
+          h(" " + C(r.titleName), 1)
+        ])) : m(a.$slots, "title", { key: 1 }, void 0, !0)
+      ]),
+      footer: c(() => [
+        m(a.$slots, "footer", {}, () => [
+          v("div", Y, [
+            r.dialogMode === n(t).PAGE ? (u(), g("div", Z, [
+              v("div", ee, [
+                v("div", oe, [
+                  l.value.showConfirm ? (u(), y(n(k), {
+                    key: 0,
+                    type: "primary",
+                    onClick: w
+                  }, {
+                    default: c(() => [
+                      h(C(l.value.confirmText), 1)
+                    ]),
+                    _: 1
+                  })) : A("", !0)
+                ])
+              ])
+            ])) : (u(), g(R, { key: 1 }, [
+              l.value.showCancel ? (u(), y(n(k), {
+                key: 0,
+                onClick: $
+              }, {
+                default: c(() => [
+                  h(C(l.value.cancelText), 1)
+                ]),
+                _: 1
+              })) : A("", !0),
+              l.value.showConfirm ? (u(), y(n(k), {
+                key: 1,
+                type: "primary",
+                onClick: w
+              }, {
+                default: c(() => [
+                  h(C(l.value.confirmText), 1)
+                ]),
+                _: 1
+              })) : A("", !0)
+            ], 64))
+          ])
+        ], !0)
+      ]),
+      default: c(() => [
+        r.dialogMode === n(t).PAGE ? (u(), g("div", Q, [
+          v("div", W, [
+            m(a.$slots, "default", {}, void 0, !0)
+          ])
+        ])) : m(a.$slots, "default", { key: 1 }, void 0, !0)
+      ]),
+      _: 3
+    }, 16, ["modelValue", "width", "top", "style", "modal", "modal-penetrable", "append-to-body", "class"]));
+  }
+}), ue = /* @__PURE__ */ K(te, [["__scopeId", "data-v-425ba25d"]]);
+export {
+  ue as C
+};

package/es/chunks/layout.DeAFov0o.js

@@ -0,0 +1,234 @@
+import { useAttrs as I, computed as d, onMounted as L, createBlock as y, openBlock as u, unref as n, mergeProps as U, withCtx as c, createElementBlock as g, renderSlot as m, createElementVNode as v, createCommentVNode as A, createTextVNode as h, toDisplayString as C, Fragment as R, createVNode as x } from "vue";
+import { ElDialog as q, ElButton as b, ElIcon as z } from "element-plus";
+import { j as H, k as J } from "./index.DfOANPhX.js";
+import { b as e } from "./index.DlooXR0t.js";
+import { _ as K } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+import '../assets/layout2.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(r, { emit: E }) {
+    const P = {
+      showCancel: !0,
+      showConfirm: !0,
+      cancelText: "取消",
+      confirmText: "确认",
+      onCancel: null,
+      onConfirm: null
+    }, o = r, p = I(), s = E, _ = d(() => o.dialogMode === t.PAGE ? {
+      marginLeft: "250px",
+      borderRadius: "24px",
+      boxShadow: "none"
+    } : {}), M = d(() => o.dialogMode === t.PAGE ? !1 : p.modal ? p.modal : !0), B = d(() => o.dialogMode === t.PAGE ? !0 : p.modalPenetrable ? p.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: (a) => {
+        s(e.updateModelValue, a);
+      }
+    }), l = d(() => ({
+      ...P,
+      ...o.buttons
+    })), G = d(() => {
+      const { modelValue: a, ...f } = o;
+      return f;
+    }), O = () => {
+      s(e.open);
+    }, T = () => {
+      s(e.opened);
+    }, S = () => {
+      s(e.close);
+    }, j = () => {
+      s(e.closed);
+    }, N = () => {
+      s(e.openAutoFocus);
+    }, D = () => {
+      s(e.closeAutoFocus);
+    }, $ = () => {
+      l.value.onCancel ? l.value.onCancel() : i.value = !1, s(e.cancel);
+    }, k = async () => {
+      if (l.value.onConfirm)
+        try {
+          await l.value.onConfirm() !== !1 && (i.value = !1);
+        } catch {
+        }
+      else
+        i.value = !1;
+      s(e.confirm);
+    };
+    return L(() => {
+      o.dialogMode === t.PAGE && (document.querySelector(".el-overlay-dialog").style.overflow = "hidden");
+    }), (a, f) => (u(), y(n(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: _.value,
+      modal: M.value,
+      "modal-penetrable": B.value,
+      onOpen: O,
+      onOpened: T,
+      onClose: S,
+      onClosed: j,
+      onOpenAutoFocus: N,
+      onCloseAutoFocus: D,
+      "append-to-body": r.appendToBody,
+      class: {
+        "custom-dialog-page": r.dialogMode === n(t).PAGE
+      }
+    }), {
+      header: c(() => [
+        m(a.$slots, "header", {}, void 0, !0)
+      ]),
+      title: c(() => [
+        r.dialogMode === n(t).PAGE ? (u(), g("div", X, [
+          x(n(z), {
+            size: 20,
+            color: "var(--text-color-1)",
+            class: "mg-r-6 pointer",
+            onClick: f[0] || (f[0] = (w) => i.value = !1)
+          }, {
+            default: c(() => [
+              x(n(J))
+            ]),
+            _: 1
+          }),
+          h(" " + C(r.titleName), 1)
+        ])) : m(a.$slots, "title", { key: 1 }, void 0, !0)
+      ]),
+      footer: c(() => [
+        m(a.$slots, "footer", {}, () => [
+          v("div", Y, [
+            r.dialogMode === n(t).PAGE ? (u(), g("div", Z, [
+              v("div", ee, [
+                v("div", oe, [
+                  l.value.showConfirm ? (u(), y(n(b), {
+                    key: 0,
+                    type: "primary",
+                    onClick: k
+                  }, {
+                    default: c(() => [
+                      h(C(l.value.confirmText), 1)
+                    ]),
+                    _: 1
+                  })) : A("", !0)
+                ])
+              ])
+            ])) : (u(), g(R, { key: 1 }, [
+              l.value.showCancel ? (u(), y(n(b), {
+                key: 0,
+                onClick: $
+              }, {
+                default: c(() => [
+                  h(C(l.value.cancelText), 1)
+                ]),
+                _: 1
+              })) : A("", !0),
+              l.value.showConfirm ? (u(), y(n(b), {
+                key: 1,
+                type: "primary",
+                onClick: k
+              }, {
+                default: c(() => [
+                  h(C(l.value.confirmText), 1)
+                ]),
+                _: 1
+              })) : A("", !0)
+            ], 64))
+          ])
+        ], !0)
+      ]),
+      default: c(() => [
+        r.dialogMode === n(t).PAGE ? (u(), g("div", Q, [
+          v("div", W, [
+            m(a.$slots, "default", {}, void 0, !0)
+          ])
+        ])) : m(a.$slots, "default", { key: 1 }, void 0, !0)
+      ]),
+      _: 3
+    }, 16, ["modelValue", "width", "top", "style", "modal", "modal-penetrable", "append-to-body", "class"]));
+  }
+}), ue = /* @__PURE__ */ K(te, [["__scopeId", "data-v-425ba25d"]]);
+export {
+  ue as C
+};

package/es/chunks/layout.Dvw3u-s5.js

@@ -0,0 +1,234 @@
+import { useAttrs as I, computed as d, onMounted as L, createBlock as y, openBlock as u, unref as n, mergeProps as U, withCtx as c, createElementBlock as g, renderSlot as m, createElementVNode as v, createCommentVNode as A, createTextVNode as h, toDisplayString as C, Fragment as R, createVNode as x } from "vue";
+import { ElDialog as q, ElButton as b, ElIcon as z } from "element-plus";
+import { j as H, k as J } from "./index.DfOANPhX.js";
+import { b as e } from "./index.D4Kbv-m1.js";
+import { _ as K } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+import '../assets/layout2.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(r, { emit: E }) {
+    const P = {
+      showCancel: !0,
+      showConfirm: !0,
+      cancelText: "取消",
+      confirmText: "确认",
+      onCancel: null,
+      onConfirm: null
+    }, o = r, p = I(), s = E, _ = d(() => o.dialogMode === t.PAGE ? {
+      marginLeft: "250px",
+      borderRadius: "24px",
+      boxShadow: "none"
+    } : {}), M = d(() => o.dialogMode === t.PAGE ? !1 : p.modal ? p.modal : !0), B = d(() => o.dialogMode === t.PAGE ? !0 : p.modalPenetrable ? p.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: (a) => {
+        s(e.updateModelValue, a);
+      }
+    }), l = d(() => ({
+      ...P,
+      ...o.buttons
+    })), G = d(() => {
+      const { modelValue: a, ...f } = o;
+      return f;
+    }), O = () => {
+      s(e.open);
+    }, T = () => {
+      s(e.opened);
+    }, S = () => {
+      s(e.close);
+    }, j = () => {
+      s(e.closed);
+    }, N = () => {
+      s(e.openAutoFocus);
+    }, D = () => {
+      s(e.closeAutoFocus);
+    }, $ = () => {
+      l.value.onCancel ? l.value.onCancel() : i.value = !1, s(e.cancel);
+    }, k = async () => {
+      if (l.value.onConfirm)
+        try {
+          await l.value.onConfirm() !== !1 && (i.value = !1);
+        } catch {
+        }
+      else
+        i.value = !1;
+      s(e.confirm);
+    };
+    return L(() => {
+      o.dialogMode === t.PAGE && (document.querySelector(".el-overlay-dialog").style.overflow = "hidden");
+    }), (a, f) => (u(), y(n(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: _.value,
+      modal: M.value,
+      "modal-penetrable": B.value,
+      onOpen: O,
+      onOpened: T,
+      onClose: S,
+      onClosed: j,
+      onOpenAutoFocus: N,
+      onCloseAutoFocus: D,
+      "append-to-body": r.appendToBody,
+      class: {
+        "custom-dialog-page": r.dialogMode === n(t).PAGE
+      }
+    }), {
+      header: c(() => [
+        m(a.$slots, "header", {}, void 0, !0)
+      ]),
+      title: c(() => [
+        r.dialogMode === n(t).PAGE ? (u(), g("div", X, [
+          x(n(z), {
+            size: 20,
+            color: "var(--text-color-1)",
+            class: "mg-r-6 pointer",
+            onClick: f[0] || (f[0] = (w) => i.value = !1)
+          }, {
+            default: c(() => [
+              x(n(J))
+            ]),
+            _: 1
+          }),
+          h(" " + C(r.titleName), 1)
+        ])) : m(a.$slots, "title", { key: 1 }, void 0, !0)
+      ]),
+      footer: c(() => [
+        m(a.$slots, "footer", {}, () => [
+          v("div", Y, [
+            r.dialogMode === n(t).PAGE ? (u(), g("div", Z, [
+              v("div", ee, [
+                v("div", oe, [
+                  l.value.showConfirm ? (u(), y(n(b), {
+                    key: 0,
+                    type: "primary",
+                    onClick: k
+                  }, {
+                    default: c(() => [
+                      h(C(l.value.confirmText), 1)
+                    ]),
+                    _: 1
+                  })) : A("", !0)
+                ])
+              ])
+            ])) : (u(), g(R, { key: 1 }, [
+              l.value.showCancel ? (u(), y(n(b), {
+                key: 0,
+                onClick: $
+              }, {
+                default: c(() => [
+                  h(C(l.value.cancelText), 1)
+                ]),
+                _: 1
+              })) : A("", !0),
+              l.value.showConfirm ? (u(), y(n(b), {
+                key: 1,
+                type: "primary",
+                onClick: k
+              }, {
+                default: c(() => [
+                  h(C(l.value.confirmText), 1)
+                ]),
+                _: 1
+              })) : A("", !0)
+            ], 64))
+          ])
+        ], !0)
+      ]),
+      default: c(() => [
+        r.dialogMode === n(t).PAGE ? (u(), g("div", Q, [
+          v("div", W, [
+            m(a.$slots, "default", {}, void 0, !0)
+          ])
+        ])) : m(a.$slots, "default", { key: 1 }, void 0, !0)
+      ]),
+      _: 3
+    }, 16, ["modelValue", "width", "top", "style", "modal", "modal-penetrable", "append-to-body", "class"]));
+  }
+}), ue = /* @__PURE__ */ K(te, [["__scopeId", "data-v-425ba25d"]]);
+export {
+  ue as C
+};