@cldemo/ui-kit 1.1.2 → 1.1.3

package/buildLibs/utils/Shared/Index.vue_vue_type_script_setup_true_lang-ctptavhp.js

@@ -0,0 +1,196 @@
+import { defineComponent as F, computed as w, useTemplateRef as p, reactive as H, openBlock as t, createBlock as b, withCtx as V, createElementBlock as a, createElementVNode as S, toDisplayString as I, createVNode as f, Fragment as s, renderSlot as M } from "vue";
+import { _ as R } from "./BaseTransition.vue_vue_type_script_setup_true_lang-z-74F2kw.js";
+/* empty css              */
+import U from "@cldemo/ui-kit/common/base";
+import { _ as r } from "./Index.vue_vue_type_script_setup_true_lang-D__hI9ud.js";
+import { _ } from "./Index.vue_vue_type_script_setup_true_lang-C2LGy18j.js";
+import { a as j } from "./language-CZZEj4e3.js";
+import q from "@cldemo/ui-kit/common/i18n";
+const z = {
+  key: 0,
+  class: "modal-header"
+}, A = { class: "modal-title" }, G = { class: "modal-body" }, J = {
+  key: 2,
+  class: "modal-footer"
+}, K = {
+  key: 3,
+  class: "modal-footer-hide"
+}, oe = /* @__PURE__ */ F({
+  name: "ClModal",
+  __name: "Index",
+  props: {
+    id: String,
+    // desc: 组件实例唯一标识，用于多实例场景下 DOM 查询限定
+    className: String,
+    // desc: 自定义 CSS 类名
+    posSubmitClose: {
+      type: String,
+      default: "CloseSubmit",
+      // desc: 提交/取消按钮排列顺序 | enum: CloseSubmit, SubmitClose
+      validator: (e) => ["CloseSubmit", "SubmitClose"].indexOf(e) !== -1
+    },
+    width: {
+      type: String,
+      default: "600px"
+      // desc: 弹窗宽度
+    },
+    titleName: String,
+    // desc: 弹窗标题
+    isBackClick: {
+      type: Boolean,
+      default: !0
+      // desc: 是否允许点击遮罩关闭
+    },
+    isShowHeader: {
+      type: Boolean,
+      default: !0
+      // desc: 是否显示头部
+    },
+    isShowFooter: {
+      type: Boolean,
+      default: !0
+      // desc: 是否显示底部按钮区
+    },
+    isShowSubmit: {
+      type: Boolean,
+      default: !0
+      // desc: 是否显示提交按钮
+    },
+    isShowSubmitLoad: {
+      type: Boolean,
+      default: !0
+      // desc: 提交时是否显示加载动画
+    },
+    closeLabel: String,
+    // desc: 关闭按钮文本，默认"取消"
+    submitLabel: String,
+    // desc: 提交按钮文本，默认"提交"
+    classTransitionEnter: {
+      type: String,
+      default: "animated fadeInDown"
+      // desc: 弹窗进入动画类名
+    },
+    classTransitionLeave: {
+      type: String,
+      default: "animated fadeOutUp"
+      // desc: 弹窗离开动画类名
+    },
+    teleportTarget: {
+      type: String,
+      default: ""
+      // desc: 遮罩挂载目标 | enum: 空→body、self、#id（指定容器 id）
+    }
+  },
+  emits: {
+    onSubmit: () => !0,
+    // desc: 点击提交按钮时触发
+    onClose: () => !0
+    // desc: 弹窗关闭时触发
+  },
+  setup(e, { expose: T, emit: E }) {
+    const n = e, { optLocale: N } = j(), k = (l, d) => {
+      N.value;
+      const m = q.getValue(`common.${l}`);
+      return typeof m == "string" && m.length > 0 ? m : d;
+    }, h = w(() => n.closeLabel || k("cancel", "取消")), C = w(() => n.submitLabel || k("submit", "提交")), y = E, c = p("refElTransition"), i = p("refElBtnSubmit"), o = H({
+      isLoadBackClick: !0,
+      disabledSubmit: !1
+    }), x = () => {
+      y("onSubmit");
+    }, L = () => {
+      y("onClose");
+    }, g = () => {
+      c.value && c.value.hide();
+    }, B = () => {
+      n.isShowSubmitLoad && (o.isLoadBackClick = !1), x();
+    }, u = () => {
+      g(), L();
+    }, O = () => {
+      L();
+    }, D = () => {
+      v(), o.disabledSubmit = !1, c.value && c.value.show();
+    }, $ = () => {
+      o.isLoadBackClick = !0, n.isShowSubmitLoad && i.value && i.value.loadStop(), g();
+    }, v = () => {
+      o.isLoadBackClick = !0, n.isShowSubmitLoad && i.value && i.value.loadStop();
+    };
+    return T({
+      show: D,
+      hide: $,
+      loadStop: v,
+      disabledSubmit: (l) => {
+        const d = U.isBoolean(l) ? l : !0;
+        o.disabledSubmit = d;
+      }
+    }), (l, d) => (t(), b(R, {
+      id: e.id,
+      className: e.className,
+      isBackClick: e.isBackClick && o.isLoadBackClick,
+      classTransitionEnter: e.classTransitionEnter,
+      classTransitionLeave: e.classTransitionLeave,
+      width: e.width,
+      teleportTarget: e.teleportTarget,
+      onOnClickBack: O,
+      ref_key: "refElTransition",
+      ref: c
+    }, {
+      default: V(() => [
+        e.isShowHeader ? (t(), a("div", z, [
+          S("h4", A, I(e.titleName), 1),
+          S("button", {
+            type: "button",
+            class: "close",
+            "aria-label": "关闭",
+            onClick: u
+          }, [
+            f(_, { name: "close" })
+          ])
+        ])) : (t(), a(s, { key: 1 }, [], 64)),
+        S("div", G, [
+          M(l.$slots, "default")
+        ]),
+        e.isShowFooter ? (t(), a("div", J, [
+          e.posSubmitClose === "CloseSubmit" ? (t(), a(s, { key: 0 }, [
+            f(r, {
+              label: h.value,
+              color: "grayLight",
+              onOnClick: u
+            }, null, 8, ["label"]),
+            e.isShowSubmit ? (t(), b(r, {
+              key: 0,
+              ref_key: "refElBtnSubmit",
+              ref: i,
+              disabled: o.disabledSubmit,
+              isShowLoad: e.isShowSubmitLoad,
+              loadColor: "var(--cl-bg, #ffffff)",
+              isShowBackDrop: !0,
+              label: C.value,
+              onOnClick: B
+            }, null, 8, ["disabled", "isShowLoad", "label"])) : (t(), a(s, { key: 1 }, [], 64))
+          ], 64)) : e.posSubmitClose === "SubmitClose" ? (t(), a(s, { key: 1 }, [
+            e.isShowSubmit ? (t(), b(r, {
+              key: 0,
+              ref_key: "refElBtnSubmit",
+              ref: i,
+              disabled: o.disabledSubmit,
+              isShowLoad: e.isShowSubmitLoad,
+              loadColor: "var(--cl-bg, #ffffff)",
+              isShowBackDrop: !0,
+              label: C.value,
+              onOnClick: B
+            }, null, 8, ["disabled", "isShowLoad", "label"])) : (t(), a(s, { key: 1 }, [], 64)),
+            f(r, {
+              label: h.value,
+              color: "grayLight",
+              onOnClick: u
+            }, null, 8, ["label"])
+          ], 64)) : (t(), a(s, { key: 2 }, [], 64))
+        ])) : (t(), a("div", K))
+      ]),
+      _: 3
+    }, 8, ["id", "className", "isBackClick", "classTransitionEnter", "classTransitionLeave", "width", "teleportTarget"]));
+  }
+});
+export {
+  oe as _
+};