@cldemo/ui-kit 1.0.0

package/buildLibs/utils/Shared/Base.vue_vue_type_script_setup_true_lang-Duh9tbur.js

@@ -0,0 +1,354 @@
+import { defineComponent as Z, ref as k, reactive as ee, computed as m, watch as oe, nextTick as u, onMounted as ne, onUnmounted as te, openBlock as g, createElementBlock as E, normalizeClass as b, createElementVNode as R, renderSlot as F, createBlock as re, Transition as se, withCtx as ie, withDirectives as le, normalizeStyle as _, Fragment as z, vShow as ae } from "vue";
+import { C as l } from "./base-PQGakkrl.js";
+import { C as y } from "./index-BnerInzC.js";
+import { R as pe } from "./resize-kOWxHVSP.js";
+const de = ["id"], fe = ["id"], De = /* @__PURE__ */ Z({
+  name: "ClDropdownlayer",
+  __name: "Base",
+  props: {
+    classParent: String,
+    classText: String,
+    classDropDown: String,
+    isDisabled: {
+      type: Boolean,
+      default: !1
+    },
+    dropdownArrowPos: {
+      type: String,
+      default: "left"
+      // left|right|center|top|bottom
+    },
+    dropDownPos: {
+      type: String,
+      default: "down"
+      // down|up|left|right
+    },
+    isUseDropdownArrow: {
+      type: Boolean,
+      default: !1
+    },
+    isCloseDestroy: {
+      type: Boolean,
+      default: !0
+    },
+    transitionEnter: {
+      type: String,
+      default: "zoomInTop"
+    },
+    transitionLeave: {
+      type: String,
+      default: "zoomOutTop"
+    },
+    isInitDelayComplete: {
+      type: Boolean,
+      default: !1
+    },
+    appendContainer: {
+      type: String,
+      default: ""
+      // "" | body | 指定容器 #
+    },
+    onOpenBeforeCallback: Function,
+    triggers: {
+      type: String,
+      default: "click"
+      // click | hover
+    }
+  },
+  emits: ["onChangeOpen", "onChangePosition", "onOpenComplete"],
+  setup(D, { expose: M, emit: H }) {
+    const t = D, C = H, d = k(null), v = k(null), O = k(null), T = l.getRandom(5), e = ee({
+      isOpen: !1,
+      isShowOpen: !1,
+      isInitFirstOpen: !1,
+      dropDownPos: "down",
+      arrowPos: "left",
+      dropDownTop: "",
+      dropDownLeft: "",
+      arrowLeft: "",
+      isOpacity0: !1,
+      topParent: `dropdownLayer-${T}`,
+      dropdownId: `dropdownLayer-dropdown-${T}`
+    }), p = {
+      isOpenAbnormal: !1,
+      bodyMousedownEl: null,
+      pScrollEls: [],
+      resizeEvent: null,
+      clickOpenTarget: null
+    }, q = m(() => {
+      const o = {
+        "panel-dropdownLayer": !0,
+        "dropdownLayer-arrow": t.isUseDropdownArrow,
+        "dropdownLayer-disabled": t.isDisabled
+      };
+      return t.classParent && !l.isEmpty(t.classParent) && t.classParent.split(" ").forEach((n) => {
+        l.isEmpty(n) || (o[n] = !0);
+      }), o;
+    }), W = m(() => {
+      const o = {
+        "container-border": !0,
+        "dropdownLayer-text": !0,
+        "dropdownLayer-text-open": e.isShowOpen
+      };
+      return !l.isEmpty(e.dropDownPos) && e.isShowOpen && (o[`dropdownLayer-text-${e.dropDownPos}`] = !0), t.classText && !l.isEmpty(t.classText) && t.classText.split(" ").forEach((n) => {
+        l.isEmpty(n) || (o[n] = !0);
+      }), o;
+    }), N = m(() => {
+      const o = {
+        "dropdownLayer-dropdown": !0,
+        "dropdownLayer-dropdown-open": e.isShowOpen,
+        "dropdownLayer-dropdown-arrow": t.isUseDropdownArrow,
+        "dropdownLayer-dropdown-opacity0": e.isOpacity0
+      };
+      return o[`dropdownLayer-dropdown-${e.dropDownPos}`] = !0, o[`dropdownLayer-dropdown-arrow-${e.arrowPos}`] = !0, t.classDropDown && !l.isEmpty(t.classDropDown) && t.classDropDown.split(" ").forEach((n) => {
+        l.isEmpty(n) || (o[n] = !0);
+      }), o;
+    }), V = m(() => {
+      const o = {}, { dropDownPos: n, dropdownArrowPos: s } = t, { dropDownTop: i, dropDownLeft: r } = e;
+      return n === "down" || n === "up" ? (o.top = i, s === "center" && (o.left = r)) : (n === "left" || n === "right") && (o.left = r, s === "center" && (o.top = i)), o;
+    }), j = m(() => {
+      const o = {};
+      return t.dropdownArrowPos === "center" && (o.left = e.arrowLeft), o;
+    }), h = () => {
+      e.isShowOpen && u(() => {
+        if (d.value && v.value && O.value) {
+          const o = t.isUseDropdownArrow && O.value ? O.value.querySelector(".arrow") : null, n = !l.isEmpty(t.appendContainer), s = n ? t.appendContainer : null;
+          let i = null;
+          if (!l.isUndefined(p.clickOpenTarget)) {
+            const $ = y.getParent(
+              p.clickOpenTarget,
+              ".dropdownLayer-arrow-anchorPoint",
+              v.value,
+              !1
+            );
+            l.isUndefined($) || (i = $);
+          }
+          l.isUndefined(i) && (i = v.value);
+          const r = y.calculationDropdownPosition(
+            d.value,
+            i,
+            O.value,
+            o,
+            s
+          );
+          let a;
+          switch (t.dropDownPos) {
+            case "down":
+              a = r.dropDownPosDown;
+              break;
+            case "up":
+              a = r.dropDownPosUp;
+              break;
+            case "left":
+              a = r.dropDownPosLeft;
+              break;
+            case "right":
+              a = r.dropDownPosRight;
+              break;
+            default:
+              a = r.dropDownPosDown;
+              break;
+          }
+          e.dropDownPos = a;
+          let f = "left";
+          switch (t.dropdownArrowPos) {
+            case "left":
+              f = r.arrowPosLeft;
+              break;
+            case "right":
+              f = r.arrowPosRight;
+              break;
+            case "top":
+              f = r.arrowPosTop;
+              break;
+            case "bottom":
+              f = r.arrowPosBottom;
+              break;
+            case "center":
+              (a === "down" || a === "up") && (f = r.arrowPosCenterLR), (a === "left" || a === "right") && (f = r.arrowPosCenterTB);
+              break;
+            default:
+              f = r.arrowPosLeft;
+              break;
+          }
+          e.arrowPos = f;
+          let w, c, P;
+          a === "down" || a === "up" ? (a === "down" ? t.isUseDropdownArrow ? w = r.textHeight + r.arrowHeight - 1 : w = r.textHeight : t.isUseDropdownArrow ? w = (r.dropDownHeight + r.arrowHeight - 3) * -1 : w = r.dropDownHeight * -1, f === "center" && (c = r.arrowPosCenterLRInfo.dropDownLeft, P = r.arrowPosCenterLRInfo.arrowLeft), n && (w += r.controlOffset.top, c += r.controlOffset.left)) : (a === "left" || a === "right") && (a === "left" ? t.isUseDropdownArrow ? c = (r.dropDownWidth + r.arrowWidth - 1) * -1 : c = r.dropDownWidth * -1 : t.isUseDropdownArrow ? c = r.textWidth + r.arrowWidth - 1 : c = r.textWidth), e.dropDownTop = l.isEmpty(w) ? "" : `${w}px`, e.dropDownLeft = l.isEmpty(c) ? "" : `${c}px`, e.arrowLeft = l.isEmpty(P) ? "" : `${P}px`, C("onChangePosition", {
+            use: {
+              dropDownPos: a,
+              arrowPos: f,
+              dropDownTop: w,
+              dropDownLeft: c,
+              arrowLeft: P
+            },
+            original: r
+          });
+        }
+      });
+    }, I = (o) => {
+      p.bodyMousedownEl = o;
+    }, A = (o) => {
+      e.isShowOpen && x(o);
+    }, x = (o) => {
+      if (d.value) {
+        const n = y.getParent(o.target, `#${e.dropdownId}`, d.value);
+        let s = l.isUndefined(n);
+        if (s && p.bodyMousedownEl) {
+          const i = y.getParent(
+            p.bodyMousedownEl.target,
+            `#${e.dropdownId}`,
+            d.value
+          );
+          s = l.isUndefined(i), s && (e.isOpen = !1);
+        }
+      } else {
+        if (!l.isEmpty(t.appendContainer)) {
+          const n = `${t.appendContainer}>#${e.dropdownId}`, s = document.querySelectorAll(n);
+          if (s && s.length > 0)
+            for (let i = 0; i < s.length; i++)
+              s[i].parentNode.removeChild(s[i]);
+        }
+        B(), e.isOpen = !1;
+      }
+    }, U = (o) => {
+      if (e.isShowOpen) {
+        h();
+        const n = y.getPositionView(d.value, o.currentTarget), s = o.currentTarget.dataset, i = { right: 0, left: 0 };
+        i.right = l.isUndefined(s.padRight) ? 0 : parseInt(s.padRight.replace("px", "")), i.left = l.isUndefined(s.padLeft) ? 0 : parseInt(s.padLeft.replace("px", ""));
+        let r = !1;
+        n.top + n.height / 2 <= 0 && (r = !0), n.right + n.width / 2 <= i.right && i.right >= 0 && (r = !0), n.left + n.width / 2 <= i.left && i.left >= 0 && (r = !0), e.isOpacity0 = r;
+      } else
+        L(!1);
+    }, L = (o = !0) => {
+      p.pScrollEls.length > 0 && p.pScrollEls.forEach((n) => {
+        o ? n.addEventListener("scroll", U) : n.removeEventListener("scroll", U);
+      });
+    }, B = () => {
+      const o = document.querySelector("body");
+      o && o.removeEventListener("mousedown", I), document.body.removeEventListener("click", A), L(!1), e.isShowOpen = !1;
+    }, G = () => {
+      p.resizeEvent = new pe({
+        callback: () => {
+          e.isOpen && h();
+        }
+      });
+      const { dropDownPos: o } = t;
+      o === "down" || o === "up" ? (e.dropDownPos = "down", e.arrowPos = "left") : (o === "left" || o === "right") && (e.dropDownPos = "left", e.arrowPos = "top");
+    };
+    oe(
+      () => e.isOpen,
+      (o) => {
+        if (e.isInitFirstOpen || (e.isInitFirstOpen = !0, l.isEmpty(t.appendContainer) || u(() => {
+          let n = y.getParentCheckBody(
+            d.value,
+            t.appendContainer
+          );
+          l.isUndefined(n) && (n = document.querySelector("body")), n.appendChild(O.value), p.pScrollEls = y.getParentScrollList(
+            d.value,
+            t.appendContainer,
+            !1
+          ), L();
+        })), C("onChangeOpen", o), o) {
+          e.isOpacity0 = !1;
+          const n = document.querySelector("body");
+          n && n.addEventListener("mousedown", I), document.body.addEventListener("click", A), t.isInitDelayComplete || u(() => {
+            e.isShowOpen = !0, h();
+          });
+        } else
+          B();
+      }
+    ), ne(() => {
+      u(() => {
+        G();
+      });
+    }), te(() => {
+      p.resizeEvent && p.resizeEvent.destroy(), l.isUndefined(d.value) && x(null);
+    });
+    const S = (o) => {
+      if (!t.isDisabled) {
+        p.clickOpenTarget = o.target;
+        let n = !0;
+        if (!e.isOpen && t.onOpenBeforeCallback && (n = t.onOpenBeforeCallback(), n = l.isBoolean(n) ? n : !0), n) {
+          let s = !0, i = !0;
+          e.isOpen ? t.isCloseDestroy ? (!e.isInitFirstOpen || !e.isShowOpen) && (e.isOpen = !1, s = !1) : e.isShowOpen || (e.isOpen = !1, s = !1) : t.isCloseDestroy ? (e.isInitFirstOpen || e.isShowOpen) && (i = !1) : e.isShowOpen && (i = !1), s && i ? e.isOpen = !e.isOpen : (p.isOpenAbnormal = !0, s ? i || (e.isInitFirstOpen = !1, e.isShowOpen = !1, u(() => {
+            e.isOpen = !e.isOpen;
+          })) : u(() => {
+            e.isInitFirstOpen = !1, e.isShowOpen = !1, u(() => {
+              e.isOpen = !e.isOpen;
+            });
+          }));
+        }
+      }
+    }, J = (o) => {
+      t.triggers === "click" && S(o);
+    }, K = (o) => {
+      t.triggers === "hover" && S(o);
+    }, Q = (o) => {
+      t.triggers === "hover" && S(o);
+    }, X = () => {
+      C("onOpenComplete");
+    }, Y = () => {
+      p.isOpenAbnormal ? p.isOpenAbnormal = !1 : t.isCloseDestroy && u(() => {
+        d.value && d.value.querySelectorAll(`#${e.dropdownId}`).length > 0 && (e.isInitFirstOpen = !1, e.isOpen = !1);
+      });
+    };
+    return M({
+      setOpen: (o) => {
+        e.isOpen = o;
+      },
+      calculationPosition: () => h(),
+      initCompleteOpen: () => {
+        e.isOpen && (e.isShowOpen = !0, h());
+      },
+      getIsShowOpen: () => e.isShowOpen
+    }), (o, n) => (g(), E("div", {
+      id: e.topParent,
+      class: b(q.value),
+      ref_key: "refElTopParent",
+      ref: d
+    }, [
+      R("div", {
+        class: b(W.value),
+        onClick: n[0] || (n[0] = (s) => J(s)),
+        onMouseover: n[1] || (n[1] = (s) => K(s)),
+        onMouseleave: n[2] || (n[2] = (s) => Q(s)),
+        ref_key: "refElText",
+        ref: v
+      }, [
+        F(o.$slots, "labelText")
+      ], 34),
+      e.isInitFirstOpen ? (g(), re(se, {
+        key: 0,
+        name: "dropdown-transit",
+        "enter-active-class": D.transitionEnter,
+        "leave-active-class": D.transitionLeave,
+        onEnter: X,
+        onAfterLeave: Y
+      }, {
+        default: ie(() => [
+          le(R("div", {
+            id: e.dropdownId,
+            class: b(N.value),
+            style: _(V.value),
+            ref_key: "refElDropdown",
+            ref: O
+          }, [
+            D.isUseDropdownArrow ? (g(), E("div", {
+              key: 0,
+              class: "arrow",
+              style: _(j.value)
+            }, null, 4)) : (g(), E(z, { key: 1 }, [], 64)),
+            F(o.$slots, "dropdown")
+          ], 14, fe), [
+            [ae, e.isShowOpen]
+          ])
+        ]),
+        _: 3
+      }, 8, ["enter-active-class", "leave-active-class"])) : (g(), E(z, { key: 1 }, [], 64))
+    ], 10, de));
+  }
+});
+export {
+  De as _
+};
+//# sourceMappingURL=Base.vue_vue_type_script_setup_true_lang-Duh9tbur.js.map

package/buildLibs/utils/Shared/Base.vue_vue_type_script_setup_true_lang-Duh9tbur.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Base.vue_vue_type_script_setup_true_lang-Duh9tbur.js","sources":["../../../src/libs/Web/DropdownLayer/Base.vue"],"sourcesContent":["<template>\n  <div\n    :id=\"optBase.topParent\"\n    :class=\"clsParent\"\n    ref=\"refElTopParent\"\n  >\n    <div\n      :class=\"clsText\"\n      @click=\"onToggleOpen($event)\"\n      @mouseover=\"onHoverIn($event)\"\n      @mouseleave=\"onHoverOut($event)\"\n      ref=\"refElText\"\n    >\n      <slot name=\"labelText\"></slot>\n    </div>\n\n    <template v-if=\"optBase.isInitFirstOpen\">\n      <transition\n        name=\"dropdown-transit\"\n        :enter-active-class=\"transitionEnter\"\n        :leave-active-class=\"transitionLeave\"\n        @enter=\"onTransitionEnter\"\n        @after-leave=\"onTransitionAfterLeave\"\n      >\n        <div\n          v-show=\"optBase.isShowOpen\"\n          :id=\"optBase.dropdownId\"\n          :class=\"clsDropdown\"\n          :style=\"styDropdown\"\n          ref=\"refElDropdown\"\n        >\n          <div\n            v-if=\"isUseDropdownArrow\"\n            class=\"arrow\"\n            :style=\"styArrow\"\n          ></div>\n          <template v-else></template>\n          <slot name=\"dropdown\"></slot>\n        </div>\n      </transition>\n    </template>\n    <template v-else></template>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { onMounted, onUnmounted, nextTick, watch, computed, ref, reactive } from 'vue'\nimport CommonBase from '../../Common/base'\nimport CommonElement from '../../Common/Element/index'\nimport { Resize as ResizeEvent } from '../../Common/Element/Event/index'\nimport './Index.css'\n\ndefineOptions({ name: 'ClDropdownlayer' })\n\nconst props = defineProps({\n  classParent: String,\n  classText: String,\n  classDropDown: String,\n  isDisabled: {\n    type: Boolean,\n    default: false\n  },\n  dropdownArrowPos: {\n    type: String,\n    default: 'left' // left|right|center|top|bottom\n  },\n  dropDownPos: {\n    type: String,\n    default: 'down' // down|up|left|right\n  },\n  isUseDropdownArrow: {\n    type: Boolean,\n    default: false\n  },\n  isCloseDestroy: {\n    type: Boolean,\n    default: true\n  },\n  transitionEnter: {\n    type: String,\n    default: 'zoomInTop'\n  },\n  transitionLeave: {\n    type: String,\n    default: 'zoomOutTop'\n  },\n  isInitDelayComplete: {\n    type: Boolean,\n    default: false\n  },\n  appendContainer: {\n    type: String,\n    default: '' // \"\" | body | 指定容器 #\n  },\n  onOpenBeforeCallback: Function,\n  triggers: {\n    type: String,\n    default: 'click' // click | hover\n  }\n})\n\nconst emit = defineEmits<{\n  (e: 'onChangeOpen', value: boolean): void\n  (e: 'onChangePosition', info: any): void\n  (e: 'onOpenComplete'): void\n}>()\n\nconst refElTopParent = ref<HTMLElement | null>(null)\nconst refElText = ref<HTMLElement | null>(null)\nconst refElDropdown = ref<HTMLElement | null>(null)\nconst keyRanId = CommonBase.getRandom(5)\n\nconst optBase = reactive({\n  isOpen: false,\n  isShowOpen: false,\n  isInitFirstOpen: false,\n  dropDownPos: 'down' as string,\n  arrowPos: 'left' as string,\n  dropDownTop: '',\n  dropDownLeft: '',\n  arrowLeft: '',\n  isOpacity0: false,\n  topParent: `dropdownLayer-${keyRanId}`,\n  dropdownId: `dropdownLayer-dropdown-${keyRanId}`\n})\n\nconst _pageData: any = {\n  isOpenAbnormal: false,\n  bodyMousedownEl: null,\n  pScrollEls: [] as any[],\n  resizeEvent: null,\n  clickOpenTarget: null\n}\n\n// computed\nconst clsParent = computed(() => {\n  const cls: Record<string, boolean> = {\n    'panel-dropdownLayer': true,\n    'dropdownLayer-arrow': props.isUseDropdownArrow,\n    'dropdownLayer-disabled': props.isDisabled\n  }\n  if (props.classParent && !CommonBase.isEmpty(props.classParent)) {\n    props.classParent.split(' ').forEach((c: string) => {\n      if (!CommonBase.isEmpty(c)) {\n        cls[c] = true\n      }\n    })\n  }\n  return cls\n})\n\nconst clsText = computed(() => {\n  const cls: Record<string, boolean> = {\n    'container-border': true,\n    'dropdownLayer-text': true,\n    'dropdownLayer-text-open': optBase.isShowOpen\n  }\n  if (!CommonBase.isEmpty(optBase.dropDownPos) && optBase.isShowOpen) {\n    cls[`dropdownLayer-text-${optBase.dropDownPos}`] = true\n  }\n  if (props.classText && !CommonBase.isEmpty(props.classText)) {\n    props.classText.split(' ').forEach((c: string) => {\n      if (!CommonBase.isEmpty(c)) {\n        cls[c] = true\n      }\n    })\n  }\n  return cls\n})\n\nconst clsDropdown = computed(() => {\n  const cls: Record<string, boolean> = {\n    'dropdownLayer-dropdown': true,\n    'dropdownLayer-dropdown-open': optBase.isShowOpen,\n    'dropdownLayer-dropdown-arrow': props.isUseDropdownArrow,\n    'dropdownLayer-dropdown-opacity0': optBase.isOpacity0\n  }\n  cls[`dropdownLayer-dropdown-${optBase.dropDownPos}`] = true\n  cls[`dropdownLayer-dropdown-arrow-${optBase.arrowPos}`] = true\n  if (props.classDropDown && !CommonBase.isEmpty(props.classDropDown)) {\n    props.classDropDown.split(' ').forEach((c: string) => {\n      if (!CommonBase.isEmpty(c)) {\n        cls[c] = true\n      }\n    })\n  }\n  return cls\n})\n\nconst styDropdown = computed(() => {\n  const sty: Record<string, string> = {}\n  const { dropDownPos, dropdownArrowPos } = props\n  const { dropDownTop, dropDownLeft } = optBase\n  if (dropDownPos === 'down' || dropDownPos === 'up') {\n    sty.top = dropDownTop\n    if (dropdownArrowPos === 'center') {\n      sty.left = dropDownLeft\n    }\n  } else if (dropDownPos === 'left' || dropDownPos === 'right') {\n    sty.left = dropDownLeft\n    if (dropdownArrowPos === 'center') {\n      sty.top = dropDownTop\n    }\n  }\n  return sty\n})\n\nconst styArrow = computed(() => {\n  const sty: Record<string, string> = {}\n  if (props.dropdownArrowPos === 'center') {\n    sty.left = optBase.arrowLeft\n  }\n  return sty\n})\n\n// 内部方法\nconst _calculationDropdownPosition = () => {\n  if (optBase.isShowOpen) {\n    nextTick(() => {\n      if (refElTopParent.value && refElText.value && refElDropdown.value) {\n        const arrowEl = props.isUseDropdownArrow && refElDropdown.value\n          ? refElDropdown.value.querySelector('.arrow')\n          : null\n\n        const isUseContainer = !CommonBase.isEmpty(props.appendContainer)\n        const elAppendContainer: any = isUseContainer ? props.appendContainer : null\n\n        let textEl: any = null\n        if (!CommonBase.isUndefined(_pageData.clickOpenTarget)) {\n          const anchorPointEl = CommonElement.getParent(\n            _pageData.clickOpenTarget,\n            '.dropdownLayer-arrow-anchorPoint',\n            refElText.value,\n            false\n          )\n          if (!CommonBase.isUndefined(anchorPointEl)) {\n            textEl = anchorPointEl\n          }\n        }\n        if (CommonBase.isUndefined(textEl)) {\n          textEl = refElText.value\n        }\n        const dpItem = CommonElement.calculationDropdownPosition(\n          refElTopParent.value,\n          textEl,\n          refElDropdown.value,\n          arrowEl,\n          elAppendContainer\n        )\n\n        let dropDownPos: string\n        switch (props.dropDownPos) {\n          case 'down':\n            dropDownPos = dpItem.dropDownPosDown\n            break\n          case 'up':\n            dropDownPos = dpItem.dropDownPosUp\n            break\n          case 'left':\n            dropDownPos = dpItem.dropDownPosLeft\n            break\n          case 'right':\n            dropDownPos = dpItem.dropDownPosRight\n            break\n          default:\n            dropDownPos = dpItem.dropDownPosDown\n            break\n        }\n        optBase.dropDownPos = dropDownPos\n\n        let arrowPos = 'left'\n        switch (props.dropdownArrowPos) {\n          case 'left':\n            arrowPos = dpItem.arrowPosLeft\n            break\n          case 'right':\n            arrowPos = dpItem.arrowPosRight\n            break\n          case 'top':\n            arrowPos = dpItem.arrowPosTop\n            break\n          case 'bottom':\n            arrowPos = dpItem.arrowPosBottom\n            break\n          case 'center':\n            if (dropDownPos === 'down' || dropDownPos === 'up') {\n              arrowPos = dpItem.arrowPosCenterLR\n            }\n            if (dropDownPos === 'left' || dropDownPos === 'right') {\n              arrowPos = dpItem.arrowPosCenterTB\n            }\n            break\n          default:\n            arrowPos = dpItem.arrowPosLeft\n            break\n        }\n        optBase.arrowPos = arrowPos\n\n        let useDropDownTop: any\n        let useDropDownLeft: any\n        let useArrowLeft: any\n        if (dropDownPos === 'down' || dropDownPos === 'up') {\n          if (dropDownPos === 'down') {\n            if (props.isUseDropdownArrow) {\n              useDropDownTop = dpItem.textHeight + dpItem.arrowHeight - 1\n            } else {\n              useDropDownTop = dpItem.textHeight\n            }\n          } else {\n            if (props.isUseDropdownArrow) {\n              useDropDownTop = (dpItem.dropDownHeight + dpItem.arrowHeight - 3) * -1\n            } else {\n              useDropDownTop = dpItem.dropDownHeight * -1\n            }\n          }\n          if (arrowPos === 'center') {\n            useDropDownLeft = dpItem.arrowPosCenterLRInfo.dropDownLeft\n            useArrowLeft = dpItem.arrowPosCenterLRInfo.arrowLeft\n          }\n          if (isUseContainer) {\n            useDropDownTop += dpItem.controlOffset.top\n            useDropDownLeft += dpItem.controlOffset.left\n          }\n        } else if (dropDownPos === 'left' || dropDownPos === 'right') {\n          if (dropDownPos === 'left') {\n            if (props.isUseDropdownArrow) {\n              useDropDownLeft = (dpItem.dropDownWidth + dpItem.arrowWidth - 1) * -1\n            } else {\n              useDropDownLeft = dpItem.dropDownWidth * -1\n            }\n          } else {\n            if (props.isUseDropdownArrow) {\n              useDropDownLeft = dpItem.textWidth + dpItem.arrowWidth - 1\n            } else {\n              useDropDownLeft = dpItem.textWidth\n            }\n          }\n        }\n\n        optBase.dropDownTop = CommonBase.isEmpty(useDropDownTop) ? '' : `${useDropDownTop}px`\n        optBase.dropDownLeft = CommonBase.isEmpty(useDropDownLeft) ? '' : `${useDropDownLeft}px`\n        optBase.arrowLeft = CommonBase.isEmpty(useArrowLeft) ? '' : `${useArrowLeft}px`\n        emit('onChangePosition', {\n          use: {\n            dropDownPos,\n            arrowPos,\n            dropDownTop: useDropDownTop,\n            dropDownLeft: useDropDownLeft,\n            arrowLeft: useArrowLeft\n          },\n          original: dpItem\n        })\n      }\n    })\n  }\n}\n\nconst _onClickBodyMousedown = (event: any) => {\n  _pageData.bodyMousedownEl = event\n}\n\nconst _onClickBody = (event: any) => {\n  if (optBase.isShowOpen) {\n    _removeContainerEl(event)\n  }\n}\n\nconst _removeContainerEl = (event: any) => {\n  if (refElTopParent.value) {\n    const tempEl = CommonElement.getParent(event.target, `#${optBase.dropdownId}`, refElTopParent.value)\n    let isOutside = CommonBase.isUndefined(tempEl)\n    if (isOutside) {\n      if (_pageData.bodyMousedownEl) {\n        const tempEl2 = CommonElement.getParent(\n          _pageData.bodyMousedownEl.target,\n          `#${optBase.dropdownId}`,\n          refElTopParent.value\n        )\n        isOutside = CommonBase.isUndefined(tempEl2)\n        if (isOutside) {\n          optBase.isOpen = false\n        }\n      }\n    }\n  } else {\n    if (!CommonBase.isEmpty(props.appendContainer)) {\n      const htmlParam = `${props.appendContainer}>#${optBase.dropdownId}`\n      const layerEls: any = document.querySelectorAll(htmlParam)\n      if (layerEls && layerEls.length > 0) {\n        for (let i = 0; i < layerEls.length; i++) {\n          layerEls[i].parentNode.removeChild(layerEls[i])\n        }\n      }\n    }\n    _closeAndRemoveAllListener()\n    optBase.isOpen = false\n  }\n}\n\nconst _onScrollParent = (e: any) => {\n  if (optBase.isShowOpen) {\n    _calculationDropdownPosition()\n    const scrollPos = CommonElement.getPositionView(refElTopParent.value, e.currentTarget)\n    const elScrollData = e.currentTarget.dataset\n    const limit = { top: 0, right: 0, bottom: 0, left: 0 }\n    limit.right = CommonBase.isUndefined(elScrollData.padRight)\n      ? 0\n      : parseInt(elScrollData.padRight.replace('px', ''))\n    limit.left = CommonBase.isUndefined(elScrollData.padLeft)\n      ? 0\n      : parseInt(elScrollData.padLeft.replace('px', ''))\n    let isOpacity0 = false\n    if (scrollPos.top + scrollPos.height / 2 <= 0) {\n      isOpacity0 = true\n    }\n    if (scrollPos.right + scrollPos.width / 2 <= limit.right && limit.right >= 0) {\n      isOpacity0 = true\n    }\n    if (scrollPos.left + scrollPos.width / 2 <= limit.left && limit.left >= 0) {\n      isOpacity0 = true\n    }\n    optBase.isOpacity0 = isOpacity0\n  } else {\n    _bindListenerScrollParent(false)\n  }\n}\n\nconst _bindListenerScrollParent = (isListener = true) => {\n  if (_pageData.pScrollEls.length > 0) {\n    _pageData.pScrollEls.forEach((el: any) => {\n      isListener\n        ? el.addEventListener('scroll', _onScrollParent)\n        : el.removeEventListener('scroll', _onScrollParent)\n    })\n  }\n}\n\nconst _closeAndRemoveAllListener = () => {\n  const bodyEl = document.querySelector('body')\n  if (bodyEl) {\n    bodyEl.removeEventListener('mousedown', _onClickBodyMousedown)\n  }\n  document.body.removeEventListener('click', _onClickBody)\n  _bindListenerScrollParent(false)\n  optBase.isShowOpen = false\n}\n\nconst _initMain = () => {\n  _pageData.resizeEvent = new ResizeEvent({\n    callback: () => {\n      if (optBase.isOpen) {\n        _calculationDropdownPosition()\n      }\n    }\n  })\n  const { dropDownPos } = props\n  if (dropDownPos === 'down' || dropDownPos === 'up') {\n    optBase.dropDownPos = 'down'\n    optBase.arrowPos = 'left'\n  } else if (dropDownPos === 'left' || dropDownPos === 'right') {\n    optBase.dropDownPos = 'left'\n    optBase.arrowPos = 'top'\n  }\n}\n\n// watch\nwatch(\n  () => optBase.isOpen,\n  (newValue: boolean) => {\n    if (!optBase.isInitFirstOpen) {\n      optBase.isInitFirstOpen = true\n      if (!CommonBase.isEmpty(props.appendContainer)) {\n        nextTick(() => {\n          let newContainerEl: any = CommonElement.getParentCheckBody(\n            refElTopParent.value,\n            props.appendContainer\n          )\n          if (CommonBase.isUndefined(newContainerEl)) {\n            newContainerEl = document.querySelector('body')\n          }\n          newContainerEl.appendChild(refElDropdown.value!)\n          _pageData.pScrollEls = CommonElement.getParentScrollList(\n            refElTopParent.value,\n            props.appendContainer,\n            false\n          )\n          _bindListenerScrollParent()\n        })\n      }\n    }\n    emit('onChangeOpen', newValue)\n    if (newValue) {\n      optBase.isOpacity0 = false\n      const bodyEl = document.querySelector('body')\n      if (bodyEl) {\n        bodyEl.addEventListener('mousedown', _onClickBodyMousedown)\n      }\n      document.body.addEventListener('click', _onClickBody)\n      if (!props.isInitDelayComplete) {\n        nextTick(() => {\n          optBase.isShowOpen = true\n          _calculationDropdownPosition()\n        })\n      }\n    } else {\n      _closeAndRemoveAllListener()\n    }\n  }\n)\n\n// 生命周期\nonMounted(() => {\n  nextTick(() => {\n    _initMain()\n  })\n})\n\nonUnmounted(() => {\n  if (_pageData.resizeEvent) {\n    _pageData.resizeEvent.destroy()\n  }\n  if (CommonBase.isUndefined(refElTopParent.value)) {\n    _removeContainerEl(null)\n  }\n})\n\n// 内部触发的事件 on\nconst _toggleOpen = (e: any) => {\n  if (!props.isDisabled) {\n    _pageData.clickOpenTarget = e.target\n    let isCheck = true\n    if (!optBase.isOpen && props.onOpenBeforeCallback) {\n      isCheck = props.onOpenBeforeCallback()\n      isCheck = CommonBase.isBoolean(isCheck) ? isCheck : true\n    }\n    if (isCheck) {\n      let isCheckOpen = true\n      let isCheckClose = true\n      if (optBase.isOpen) {\n        if (props.isCloseDestroy) {\n          if (!optBase.isInitFirstOpen || !optBase.isShowOpen) {\n            optBase.isOpen = false\n            isCheckOpen = false\n          }\n        } else {\n          if (!optBase.isShowOpen) {\n            optBase.isOpen = false\n            isCheckOpen = false\n          }\n        }\n      } else {\n        if (props.isCloseDestroy) {\n          if (optBase.isInitFirstOpen || optBase.isShowOpen) {\n            isCheckClose = false\n          }\n        } else {\n          if (optBase.isShowOpen) {\n            isCheckClose = false\n          }\n        }\n      }\n      if (isCheckOpen && isCheckClose) {\n        optBase.isOpen = !optBase.isOpen\n      } else {\n        _pageData.isOpenAbnormal = true\n        if (!isCheckOpen) {\n          nextTick(() => {\n            optBase.isInitFirstOpen = false\n            optBase.isShowOpen = false\n            nextTick(() => {\n              optBase.isOpen = !optBase.isOpen\n            })\n          })\n        } else if (!isCheckClose) {\n          optBase.isInitFirstOpen = false\n          optBase.isShowOpen = false\n          nextTick(() => {\n            optBase.isOpen = !optBase.isOpen\n          })\n        }\n      }\n    }\n  }\n}\n\nconst onToggleOpen = (e: Event) => {\n  if (props.triggers === 'click') {\n    _toggleOpen(e)\n  }\n}\n\nconst onHoverIn = (e: Event) => {\n  if (props.triggers === 'hover') {\n    _toggleOpen(e)\n  }\n}\n\nconst onHoverOut = (e: Event) => {\n  if (props.triggers === 'hover') {\n    _toggleOpen(e)\n  }\n}\n\nconst onTransitionEnter = () => {\n  emit('onOpenComplete')\n}\n\nconst onTransitionAfterLeave = () => {\n  if (_pageData.isOpenAbnormal) {\n    _pageData.isOpenAbnormal = false\n  } else {\n    if (props.isCloseDestroy) {\n      nextTick(() => {\n        if (\n          refElTopParent.value &&\n          refElTopParent.value.querySelectorAll(`#${optBase.dropdownId}`).length > 0\n        ) {\n          optBase.isInitFirstOpen = false\n          optBase.isOpen = false\n        }\n      })\n    }\n  }\n}\n\n// 外部调用\nconst setOpen = (isOpen: boolean) => {\n  optBase.isOpen = isOpen\n}\n\nconst calculationPosition = () => {\n  return _calculationDropdownPosition()\n}\n\nconst initCompleteOpen = () => {\n  if (optBase.isOpen) {\n    optBase.isShowOpen = true\n    _calculationDropdownPosition()\n  }\n}\n\nconst getIsShowOpen = () => {\n  return optBase.isShowOpen\n}\n\ndefineExpose({\n  setOpen,\n  calculationPosition,\n  initCompleteOpen,\n  getIsShowOpen\n})\n</script>\n"],"names":["props","__props","emit","__emit","refElTopParent","ref","refElText","refElDropdown","keyRanId","CommonBase","optBase","reactive","_pageData","clsParent","computed","cls","c","clsText","clsDropdown","styDropdown","sty","dropDownPos","dropdownArrowPos","dropDownTop","dropDownLeft","styArrow","_calculationDropdownPosition","nextTick","arrowEl","isUseContainer","elAppendContainer","textEl","anchorPointEl","CommonElement","dpItem","arrowPos","useDropDownTop","useDropDownLeft","useArrowLeft","_onClickBodyMousedown","event","_onClickBody","_removeContainerEl","tempEl","isOutside","tempEl2","htmlParam","layerEls","_closeAndRemoveAllListener","_onScrollParent","e","scrollPos","elScrollData","limit","isOpacity0","_bindListenerScrollParent","isListener","el","bodyEl","_initMain","ResizeEvent","watch","newValue","newContainerEl","onMounted","onUnmounted","_toggleOpen","isCheck","isCheckOpen","isCheckClose","onToggleOpen","onHoverIn","onHoverOut","onTransitionEnter","onTransitionAfterLeave","__expose","isOpen","_createElementBlock","_createElementVNode","_cache","$event","_renderSlot","_ctx","_createBlock","_Transition","_Fragment","_vShow"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsDA,UAAMA,IAAQC,GA+CRC,IAAOC,GAMPC,IAAiBC,EAAwB,IAAI,GAC7CC,IAAYD,EAAwB,IAAI,GACxCE,IAAgBF,EAAwB,IAAI,GAC5CG,IAAWC,EAAW,UAAU,CAAC,GAEjCC,IAAUC,GAAS;AAAA,MACvB,QAAQ;AAAA,MACR,YAAY;AAAA,MACZ,iBAAiB;AAAA,MACjB,aAAa;AAAA,MACb,UAAU;AAAA,MACV,aAAa;AAAA,MACb,cAAc;AAAA,MACd,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,WAAW,iBAAiBH,CAAQ;AAAA,MACpC,YAAY,0BAA0BA,CAAQ;AAAA,IAAA,CAC/C,GAEKI,IAAiB;AAAA,MACrB,gBAAgB;AAAA,MAChB,iBAAiB;AAAA,MACjB,YAAY,CAAA;AAAA,MACZ,aAAa;AAAA,MACb,iBAAiB;AAAA,IAAA,GAIbC,IAAYC,EAAS,MAAM;AAC/B,YAAMC,IAA+B;AAAA,QACnC,uBAAuB;AAAA,QACvB,uBAAuBf,EAAM;AAAA,QAC7B,0BAA0BA,EAAM;AAAA,MAAA;AAElC,aAAIA,EAAM,eAAe,CAACS,EAAW,QAAQT,EAAM,WAAW,KAC5DA,EAAM,YAAY,MAAM,GAAG,EAAE,QAAQ,CAACgB,MAAc;AAClD,QAAKP,EAAW,QAAQO,CAAC,MACvBD,EAAIC,CAAC,IAAI;AAAA,MAEb,CAAC,GAEID;AAAA,IACT,CAAC,GAEKE,IAAUH,EAAS,MAAM;AAC7B,YAAMC,IAA+B;AAAA,QACnC,oBAAoB;AAAA,QACpB,sBAAsB;AAAA,QACtB,2BAA2BL,EAAQ;AAAA,MAAA;AAErC,aAAI,CAACD,EAAW,QAAQC,EAAQ,WAAW,KAAKA,EAAQ,eACtDK,EAAI,sBAAsBL,EAAQ,WAAW,EAAE,IAAI,KAEjDV,EAAM,aAAa,CAACS,EAAW,QAAQT,EAAM,SAAS,KACxDA,EAAM,UAAU,MAAM,GAAG,EAAE,QAAQ,CAACgB,MAAc;AAChD,QAAKP,EAAW,QAAQO,CAAC,MACvBD,EAAIC,CAAC,IAAI;AAAA,MAEb,CAAC,GAEID;AAAA,IACT,CAAC,GAEKG,IAAcJ,EAAS,MAAM;AACjC,YAAMC,IAA+B;AAAA,QACnC,0BAA0B;AAAA,QAC1B,+BAA+BL,EAAQ;AAAA,QACvC,gCAAgCV,EAAM;AAAA,QACtC,mCAAmCU,EAAQ;AAAA,MAAA;AAE7C,aAAAK,EAAI,0BAA0BL,EAAQ,WAAW,EAAE,IAAI,IACvDK,EAAI,gCAAgCL,EAAQ,QAAQ,EAAE,IAAI,IACtDV,EAAM,iBAAiB,CAACS,EAAW,QAAQT,EAAM,aAAa,KAChEA,EAAM,cAAc,MAAM,GAAG,EAAE,QAAQ,CAACgB,MAAc;AACpD,QAAKP,EAAW,QAAQO,CAAC,MACvBD,EAAIC,CAAC,IAAI;AAAA,MAEb,CAAC,GAEID;AAAA,IACT,CAAC,GAEKI,IAAcL,EAAS,MAAM;AACjC,YAAMM,IAA8B,CAAA,GAC9B,EAAE,aAAAC,GAAa,kBAAAC,EAAA,IAAqBtB,GACpC,EAAE,aAAAuB,GAAa,cAAAC,EAAA,IAAiBd;AACtC,aAAIW,MAAgB,UAAUA,MAAgB,QAC5CD,EAAI,MAAMG,GACND,MAAqB,aACvBF,EAAI,OAAOI,OAEJH,MAAgB,UAAUA,MAAgB,aACnDD,EAAI,OAAOI,GACPF,MAAqB,aACvBF,EAAI,MAAMG,KAGPH;AAAA,IACT,CAAC,GAEKK,IAAWX,EAAS,MAAM;AAC9B,YAAMM,IAA8B,CAAA;AACpC,aAAIpB,EAAM,qBAAqB,aAC7BoB,EAAI,OAAOV,EAAQ,YAEdU;AAAA,IACT,CAAC,GAGKM,IAA+B,MAAM;AACzC,MAAIhB,EAAQ,cACViB,EAAS,MAAM;AACb,YAAIvB,EAAe,SAASE,EAAU,SAASC,EAAc,OAAO;AAClE,gBAAMqB,IAAU5B,EAAM,sBAAsBO,EAAc,QACtDA,EAAc,MAAM,cAAc,QAAQ,IAC1C,MAEEsB,IAAiB,CAACpB,EAAW,QAAQT,EAAM,eAAe,GAC1D8B,IAAyBD,IAAiB7B,EAAM,kBAAkB;AAExE,cAAI+B,IAAc;AAClB,cAAI,CAACtB,EAAW,YAAYG,EAAU,eAAe,GAAG;AACtD,kBAAMoB,IAAgBC,EAAc;AAAA,cAClCrB,EAAU;AAAA,cACV;AAAA,cACAN,EAAU;AAAA,cACV;AAAA,YAAA;AAEF,YAAKG,EAAW,YAAYuB,CAAa,MACvCD,IAASC;AAAA,UAEb;AACA,UAAIvB,EAAW,YAAYsB,CAAM,MAC/BA,IAASzB,EAAU;AAErB,gBAAM4B,IAASD,EAAc;AAAA,YAC3B7B,EAAe;AAAA,YACf2B;AAAA,YACAxB,EAAc;AAAA,YACdqB;AAAA,YACAE;AAAA,UAAA;AAGF,cAAIT;AACJ,kBAAQrB,EAAM,aAAA;AAAA,YACZ,KAAK;AACH,cAAAqB,IAAca,EAAO;AACrB;AAAA,YACF,KAAK;AACH,cAAAb,IAAca,EAAO;AACrB;AAAA,YACF,KAAK;AACH,cAAAb,IAAca,EAAO;AACrB;AAAA,YACF,KAAK;AACH,cAAAb,IAAca,EAAO;AACrB;AAAA,YACF;AACE,cAAAb,IAAca,EAAO;AACrB;AAAA,UAAA;AAEJ,UAAAxB,EAAQ,cAAcW;AAEtB,cAAIc,IAAW;AACf,kBAAQnC,EAAM,kBAAA;AAAA,YACZ,KAAK;AACH,cAAAmC,IAAWD,EAAO;AAClB;AAAA,YACF,KAAK;AACH,cAAAC,IAAWD,EAAO;AAClB;AAAA,YACF,KAAK;AACH,cAAAC,IAAWD,EAAO;AAClB;AAAA,YACF,KAAK;AACH,cAAAC,IAAWD,EAAO;AAClB;AAAA,YACF,KAAK;AACH,eAAIb,MAAgB,UAAUA,MAAgB,UAC5Cc,IAAWD,EAAO,oBAEhBb,MAAgB,UAAUA,MAAgB,aAC5Cc,IAAWD,EAAO;AAEpB;AAAA,YACF;AACE,cAAAC,IAAWD,EAAO;AAClB;AAAA,UAAA;AAEJ,UAAAxB,EAAQ,WAAWyB;AAEnB,cAAIC,GACAC,GACAC;AACJ,UAAIjB,MAAgB,UAAUA,MAAgB,QACxCA,MAAgB,SACdrB,EAAM,qBACRoC,IAAiBF,EAAO,aAAaA,EAAO,cAAc,IAE1DE,IAAiBF,EAAO,aAGtBlC,EAAM,qBACRoC,KAAkBF,EAAO,iBAAiBA,EAAO,cAAc,KAAK,KAEpEE,IAAiBF,EAAO,iBAAiB,IAGzCC,MAAa,aACfE,IAAkBH,EAAO,qBAAqB,cAC9CI,IAAeJ,EAAO,qBAAqB,YAEzCL,MACFO,KAAkBF,EAAO,cAAc,KACvCG,KAAmBH,EAAO,cAAc,UAEjCb,MAAgB,UAAUA,MAAgB,aAC/CA,MAAgB,SACdrB,EAAM,qBACRqC,KAAmBH,EAAO,gBAAgBA,EAAO,aAAa,KAAK,KAEnEG,IAAkBH,EAAO,gBAAgB,KAGvClC,EAAM,qBACRqC,IAAkBH,EAAO,YAAYA,EAAO,aAAa,IAEzDG,IAAkBH,EAAO,YAK/BxB,EAAQ,cAAcD,EAAW,QAAQ2B,CAAc,IAAI,KAAK,GAAGA,CAAc,MACjF1B,EAAQ,eAAeD,EAAW,QAAQ4B,CAAe,IAAI,KAAK,GAAGA,CAAe,MACpF3B,EAAQ,YAAYD,EAAW,QAAQ6B,CAAY,IAAI,KAAK,GAAGA,CAAY,MAC3EpC,EAAK,oBAAoB;AAAA,YACvB,KAAK;AAAA,cACH,aAAAmB;AAAA,cACA,UAAAc;AAAA,cACA,aAAaC;AAAA,cACb,cAAcC;AAAA,cACd,WAAWC;AAAA,YAAA;AAAA,YAEb,UAAUJ;AAAA,UAAA,CACX;AAAA,QACH;AAAA,MACF,CAAC;AAAA,IAEL,GAEMK,IAAwB,CAACC,MAAe;AAC5C,MAAA5B,EAAU,kBAAkB4B;AAAA,IAC9B,GAEMC,IAAe,CAACD,MAAe;AACnC,MAAI9B,EAAQ,cACVgC,EAAmBF,CAAK;AAAA,IAE5B,GAEME,IAAqB,CAACF,MAAe;AACzC,UAAIpC,EAAe,OAAO;AACxB,cAAMuC,IAASV,EAAc,UAAUO,EAAM,QAAQ,IAAI9B,EAAQ,UAAU,IAAIN,EAAe,KAAK;AACnG,YAAIwC,IAAYnC,EAAW,YAAYkC,CAAM;AAC7C,YAAIC,KACEhC,EAAU,iBAAiB;AAC7B,gBAAMiC,IAAUZ,EAAc;AAAA,YAC5BrB,EAAU,gBAAgB;AAAA,YAC1B,IAAIF,EAAQ,UAAU;AAAA,YACtBN,EAAe;AAAA,UAAA;AAEjB,UAAAwC,IAAYnC,EAAW,YAAYoC,CAAO,GACtCD,MACFlC,EAAQ,SAAS;AAAA,QAErB;AAAA,MAEJ,OAAO;AACL,YAAI,CAACD,EAAW,QAAQT,EAAM,eAAe,GAAG;AAC9C,gBAAM8C,IAAY,GAAG9C,EAAM,eAAe,KAAKU,EAAQ,UAAU,IAC3DqC,IAAgB,SAAS,iBAAiBD,CAAS;AACzD,cAAIC,KAAYA,EAAS,SAAS;AAChC,qBAAS,IAAI,GAAG,IAAIA,EAAS,QAAQ;AACnC,cAAAA,EAAS,CAAC,EAAE,WAAW,YAAYA,EAAS,CAAC,CAAC;AAAA,QAGpD;AACA,QAAAC,EAAA,GACAtC,EAAQ,SAAS;AAAA,MACnB;AAAA,IACF,GAEMuC,IAAkB,CAACC,MAAW;AAClC,UAAIxC,EAAQ,YAAY;AACtB,QAAAgB,EAAA;AACA,cAAMyB,IAAYlB,EAAc,gBAAgB7B,EAAe,OAAO8C,EAAE,aAAa,GAC/EE,IAAeF,EAAE,cAAc,SAC/BG,IAAQ,EAAU,OAAO,GAAc,MAAM,EAAA;AACnD,QAAAA,EAAM,QAAQ5C,EAAW,YAAY2C,EAAa,QAAQ,IACtD,IACA,SAASA,EAAa,SAAS,QAAQ,MAAM,EAAE,CAAC,GACpDC,EAAM,OAAO5C,EAAW,YAAY2C,EAAa,OAAO,IACpD,IACA,SAASA,EAAa,QAAQ,QAAQ,MAAM,EAAE,CAAC;AACnD,YAAIE,IAAa;AACjB,QAAIH,EAAU,MAAMA,EAAU,SAAS,KAAK,MAC1CG,IAAa,KAEXH,EAAU,QAAQA,EAAU,QAAQ,KAAKE,EAAM,SAASA,EAAM,SAAS,MACzEC,IAAa,KAEXH,EAAU,OAAOA,EAAU,QAAQ,KAAKE,EAAM,QAAQA,EAAM,QAAQ,MACtEC,IAAa,KAEf5C,EAAQ,aAAa4C;AAAA,MACvB;AACE,QAAAC,EAA0B,EAAK;AAAA,IAEnC,GAEMA,IAA4B,CAACC,IAAa,OAAS;AACvD,MAAI5C,EAAU,WAAW,SAAS,KAChCA,EAAU,WAAW,QAAQ,CAAC6C,MAAY;AACxC,QAAAD,IACIC,EAAG,iBAAiB,UAAUR,CAAe,IAC7CQ,EAAG,oBAAoB,UAAUR,CAAe;AAAA,MACtD,CAAC;AAAA,IAEL,GAEMD,IAA6B,MAAM;AACvC,YAAMU,IAAS,SAAS,cAAc,MAAM;AAC5C,MAAIA,KACFA,EAAO,oBAAoB,aAAanB,CAAqB,GAE/D,SAAS,KAAK,oBAAoB,SAASE,CAAY,GACvDc,EAA0B,EAAK,GAC/B7C,EAAQ,aAAa;AAAA,IACvB,GAEMiD,IAAY,MAAM;AACtB,MAAA/C,EAAU,cAAc,IAAIgD,GAAY;AAAA,QACtC,UAAU,MAAM;AACd,UAAIlD,EAAQ,UACVgB,EAAA;AAAA,QAEJ;AAAA,MAAA,CACD;AACD,YAAM,EAAE,aAAAL,MAAgBrB;AACxB,MAAIqB,MAAgB,UAAUA,MAAgB,QAC5CX,EAAQ,cAAc,QACtBA,EAAQ,WAAW,WACVW,MAAgB,UAAUA,MAAgB,aACnDX,EAAQ,cAAc,QACtBA,EAAQ,WAAW;AAAA,IAEvB;AAGA,IAAAmD;AAAA,MACE,MAAMnD,EAAQ;AAAA,MACd,CAACoD,MAAsB;AAuBrB,YAtBKpD,EAAQ,oBACXA,EAAQ,kBAAkB,IACrBD,EAAW,QAAQT,EAAM,eAAe,KAC3C2B,EAAS,MAAM;AACb,cAAIoC,IAAsB9B,EAAc;AAAA,YACtC7B,EAAe;AAAA,YACfJ,EAAM;AAAA,UAAA;AAER,UAAIS,EAAW,YAAYsD,CAAc,MACvCA,IAAiB,SAAS,cAAc,MAAM,IAEhDA,EAAe,YAAYxD,EAAc,KAAM,GAC/CK,EAAU,aAAaqB,EAAc;AAAA,YACnC7B,EAAe;AAAA,YACfJ,EAAM;AAAA,YACN;AAAA,UAAA,GAEFuD,EAAA;AAAA,QACF,CAAC,IAGLrD,EAAK,gBAAgB4D,CAAQ,GACzBA,GAAU;AACZ,UAAApD,EAAQ,aAAa;AACrB,gBAAMgD,IAAS,SAAS,cAAc,MAAM;AAC5C,UAAIA,KACFA,EAAO,iBAAiB,aAAanB,CAAqB,GAE5D,SAAS,KAAK,iBAAiB,SAASE,CAAY,GAC/CzC,EAAM,uBACT2B,EAAS,MAAM;AACb,YAAAjB,EAAQ,aAAa,IACrBgB,EAAA;AAAA,UACF,CAAC;AAAA,QAEL;AACE,UAAAsB,EAAA;AAAA,MAEJ;AAAA,IAAA,GAIFgB,GAAU,MAAM;AACd,MAAArC,EAAS,MAAM;AACb,QAAAgC,EAAA;AAAA,MACF,CAAC;AAAA,IACH,CAAC,GAEDM,GAAY,MAAM;AAChB,MAAIrD,EAAU,eACZA,EAAU,YAAY,QAAA,GAEpBH,EAAW,YAAYL,EAAe,KAAK,KAC7CsC,EAAmB,IAAI;AAAA,IAE3B,CAAC;AAGD,UAAMwB,IAAc,CAAChB,MAAW;AAC9B,UAAI,CAAClD,EAAM,YAAY;AACrB,QAAAY,EAAU,kBAAkBsC,EAAE;AAC9B,YAAIiB,IAAU;AAKd,YAJI,CAACzD,EAAQ,UAAUV,EAAM,yBAC3BmE,IAAUnE,EAAM,qBAAA,GAChBmE,IAAU1D,EAAW,UAAU0D,CAAO,IAAIA,IAAU,KAElDA,GAAS;AACX,cAAIC,IAAc,IACdC,IAAe;AACnB,UAAI3D,EAAQ,SACNV,EAAM,kBACJ,CAACU,EAAQ,mBAAmB,CAACA,EAAQ,gBACvCA,EAAQ,SAAS,IACjB0D,IAAc,MAGX1D,EAAQ,eACXA,EAAQ,SAAS,IACjB0D,IAAc,MAIdpE,EAAM,kBACJU,EAAQ,mBAAmBA,EAAQ,gBACrC2D,IAAe,MAGb3D,EAAQ,eACV2D,IAAe,KAIjBD,KAAeC,IACjB3D,EAAQ,SAAS,CAACA,EAAQ,UAE1BE,EAAU,iBAAiB,IACtBwD,IAQOC,MACV3D,EAAQ,kBAAkB,IAC1BA,EAAQ,aAAa,IACrBiB,EAAS,MAAM;AACb,YAAAjB,EAAQ,SAAS,CAACA,EAAQ;AAAA,UAC5B,CAAC,KAZDiB,EAAS,MAAM;AACb,YAAAjB,EAAQ,kBAAkB,IAC1BA,EAAQ,aAAa,IACrBiB,EAAS,MAAM;AACb,cAAAjB,EAAQ,SAAS,CAACA,EAAQ;AAAA,YAC5B,CAAC;AAAA,UACH,CAAC;AAAA,QASP;AAAA,MACF;AAAA,IACF,GAEM4D,IAAe,CAACpB,MAAa;AACjC,MAAIlD,EAAM,aAAa,WACrBkE,EAAYhB,CAAC;AAAA,IAEjB,GAEMqB,IAAY,CAACrB,MAAa;AAC9B,MAAIlD,EAAM,aAAa,WACrBkE,EAAYhB,CAAC;AAAA,IAEjB,GAEMsB,IAAa,CAACtB,MAAa;AAC/B,MAAIlD,EAAM,aAAa,WACrBkE,EAAYhB,CAAC;AAAA,IAEjB,GAEMuB,IAAoB,MAAM;AAC9B,MAAAvE,EAAK,gBAAgB;AAAA,IACvB,GAEMwE,IAAyB,MAAM;AACnC,MAAI9D,EAAU,iBACZA,EAAU,iBAAiB,KAEvBZ,EAAM,kBACR2B,EAAS,MAAM;AACb,QACEvB,EAAe,SACfA,EAAe,MAAM,iBAAiB,IAAIM,EAAQ,UAAU,EAAE,EAAE,SAAS,MAEzEA,EAAQ,kBAAkB,IAC1BA,EAAQ,SAAS;AAAA,MAErB,CAAC;AAAA,IAGP;AAsBA,WAAAiE,EAAa;AAAA,MACX,SApBc,CAACC,MAAoB;AACnC,QAAAlE,EAAQ,SAASkE;AAAA,MACnB;AAAA,MAmBE,qBAjB0B,MACnBlD,EAAA;AAAA,MAiBP,kBAduB,MAAM;AAC7B,QAAIhB,EAAQ,WACVA,EAAQ,aAAa,IACrBgB,EAAA;AAAA,MAEJ;AAAA,MAUE,eARoB,MACbhB,EAAQ;AAAA,IAOf,CACD,mBAzoBCmE,EAyCM,OAAA;AAAA,MAxCH,IAAInE,EAAQ;AAAA,MACZ,SAAOG,EAAA,KAAS;AAAA,eACb;AAAA,MAAJ,KAAIT;AAAA,IAAA;MAEJ0E,EAQM,OAAA;AAAA,QAPH,SAAO7D,EAAA,KAAO;AAAA,QACd,SAAK8D,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEV,EAAaU,CAAM;AAAA,QAC1B,aAASD,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAET,EAAUS,CAAM;AAAA,QAC3B,cAAUD,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAER,EAAWQ,CAAM;AAAA,iBAC1B;AAAA,QAAJ,KAAI1E;AAAA,MAAA;QAEJ2E,EAA8BC,EAAA,QAAA,WAAA;AAAA,MAAA;MAGhBxE,EAAQ,wBACtByE,GAsBaC,IAAA;AAAA;QArBX,MAAK;AAAA,QACJ,sBAAoBnF,EAAA;AAAA,QACpB,sBAAoBA,EAAA;AAAA,QACpB,SAAOwE;AAAA,QACP,cAAaC;AAAA,MAAA;oBAEd,MAcM;AAAA,aAdNI,EAcM,OAAA;AAAA,YAZH,IAAIpE,EAAQ;AAAA,YACZ,SAAOQ,EAAA,KAAW;AAAA,YAClB,SAAOC,EAAA,KAAW;AAAA,qBACf;AAAA,YAAJ,KAAIZ;AAAA,UAAA;YAGIN,EAAA,2BADR4E,EAIO,OAAA;AAAA;cAFL,OAAM;AAAA,cACL,SAAOpD,EAAA,KAAQ;AAAA,YAAA,qBAElBoD,EAA4BQ,GAAA,EAAA,KAAA,EAAA,GAAA,CAAA,GAAA,EAAA;AAAA,YAC5BJ,EAA6BC,EAAA,QAAA,UAAA;AAAA,UAAA;YAZrB,CAAAI,IAAA5E,EAAQ,UAAU;AAAA,UAAA;;;mEAgBhCmE,EAA4BQ,GAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA;AAAA,IAAA;;;"}

package/buildLibs/utils/Shared/BaseTransition.css

@@ -0,0 +1 @@
+.modal{z-index:1000000;display:block}.modal-open .modal{overflow-y:hidden}.modal>.modal-wrapper{height:100%;width:100%;text-align:center;display:flex;flex-direction:row;align-items:center;justify-content:center}.modal>.modal-wrapper:after{content:"";display:inline-block;height:100%;width:0;vertical-align:middle}.modal-open .modal>.modal-wrapper{overflow-y:auto}.modal-open .modal.animated>.modal-wrapper{overflow-y:hidden}.modal .modal-dialog{margin:0 8px;max-width:none;width:600px;display:inline-block;vertical-align:middle;text-align:left}.modal-backdrop{z-index:999999}.modal-backdrop.show{opacity:.3}.modal.animated{-webkit-animation-duration:.6s;animation-duration:.6s}.modal-header .close{padding:0;margin:0;float:none;font-size:18px;opacity:.3;color:#707070;width:18px;height:18px;line-height:18px;transition:All .3s ease-in-out}.modal-header .close:hover{opacity:1;transform:rotate(-90deg)}.modal-header .close>i{font-size:18px}.modal-body{word-break:break-all}.modal-footer-hide{padding:10px 30px}

package/buildLibs/utils/Shared/BaseTransition.vue_vue_type_script_setup_true_lang-DEXehdBc.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("vue"),l=require("./base-iCmnU-fv.js"),C={class:"modal-content"},N={class:"modal-backdrop fade show"},_=e.defineComponent({name:"ClModalTransition",__name:"BaseTransition",props:{className:{},isBackClick:{type:Boolean},width:{},classTransitionEnter:{},classTransitionLeave:{}},emits:["onClickBack"],setup(n,{expose:d,emit:m}){const a=n,u=m,o=e.ref(null),f=e.ref(null),s=e.reactive({isShow:!1,isAlignTop:!1,isAlignLeft:!1}),p=e.computed(()=>{const t={"panel-modal":!0};return l.CommonBase.isEmpty(a.className)||a.className?.split(" ").forEach(i=>{l.CommonBase.isEmpty(i)||(t[i]=!0)}),t}),h=e.computed(()=>({modal:!0,fade:!0,show:s.isShow})),v=e.computed(()=>{const t={};return s.isAlignTop&&(t["align-items"]="flex-start"),s.isAlignLeft&&(t["justify-content"]="flex-start"),t}),w=e.computed(()=>{const t={};return l.CommonBase.isEmpty(a.width)||(t.width=a.width),t}),y=()=>{u("onClickBack")},c=()=>{s.isShow=!1,document.body.className=document.body.className.replace(" modal-open","")},r=()=>{o.value&&(s.isAlignTop=o.value.clientHeight>window.innerHeight)},k=()=>{o.value&&(s.isAlignLeft=o.value.clientWidth>window.innerWidth)};e.onMounted(()=>{e.nextTick(()=>{r(),k()})}),e.watch(()=>s.isShow,t=>{t?(document.body.className.includes("modal-open")||(document.body.className+=" modal-open"),e.nextTick(()=>{r()})):(document.body.className=document.body.className.replace(" modal-open",""),s.isAlignTop=!1)});const g=t=>{a.isBackClick&&t.currentTarget===t.target&&(c(),y())},E=()=>{},T=()=>{};return d({show:()=>{s.isShow=!0},hide:()=>{c()}}),(t,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(p.value)},[e.createVNode(e.Transition,{"enter-active-class":n.classTransitionEnter,"leave-active-class":n.classTransitionLeave,onEnter:E,onAfterLeave:T},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(h.value),tabindex:"-1"},[e.createElementVNode("div",{ref_key:"refElWrapper",ref:f,class:"modal-wrapper",style:e.normalizeStyle(v.value),onClick:g},[e.createElementVNode("div",{class:"modal-dialog",style:e.normalizeStyle(w.value),ref_key:"refElDialog",ref:o},[e.createElementVNode("div",C,[e.renderSlot(t.$slots,"default")])],4)],4)],2),[[e.vShow,s.isShow]])]),_:3},8,["enter-active-class","leave-active-class"]),e.createVNode(e.Transition,{name:"overlay-fade"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",N,null,512),[[e.vShow,s.isShow]])]),_:1})],2))}});exports._sfc_main=_;
+//# sourceMappingURL=BaseTransition.vue_vue_type_script_setup_true_lang-DEXehdBc.js.map

package/buildLibs/utils/Shared/BaseTransition.vue_vue_type_script_setup_true_lang-DEXehdBc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseTransition.vue_vue_type_script_setup_true_lang-DEXehdBc.js","sources":["../../../src/libs/Element/Modal/BaseTransition.vue"],"sourcesContent":["<template>\n  <div :class=\"clsParent\">\n    <transition\n      :enter-active-class=\"classTransitionEnter\"\n      :leave-active-class=\"classTransitionLeave\"\n      @enter=\"onTransitionEnter\"\n      @after-leave=\"onTransitionLeave\"\n    >\n      <div\n        :class=\"clsModal\"\n        tabindex=\"-1\"\n        v-show=\"optBase.isShow\"\n      >\n        <div\n          ref=\"refElWrapper\"\n          class=\"modal-wrapper\"\n          :style=\"styWrapper\"\n          @click=\"onClickBack\"\n        >\n          <div\n            class=\"modal-dialog\"\n            :style=\"styDialog\"\n            ref=\"refElDialog\"\n          >\n            <div class=\"modal-content\">\n              <slot></slot>\n            </div>\n          </div>\n        </div>\n      </div>\n    </transition>\n    <transition name=\"overlay-fade\">\n      <div\n        v-show=\"optBase.isShow\"\n        class=\"modal-backdrop fade show\"\n      ></div>\n    </transition>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport './Index.css'\nimport { onMounted, nextTick, watch, computed, reactive, ref } from 'vue'\nimport CommonBase from '../../Common/base'\n\n// defineOptions\ndefineOptions({ name: 'ClModalTransition' })\n\n// props\nconst props = defineProps<{\n  className?: string\n  isBackClick?: boolean\n  width?: string\n  classTransitionEnter?: string\n  classTransitionLeave?: string\n}>()\n\n// emit\nconst emit = defineEmits<{\n  (e: 'onClickBack'): void\n}>()\n\n// refs\nconst refElDialog = ref<HTMLElement | null>(null)\nconst refElWrapper = ref<HTMLElement | null>(null)\n\n// reactive\nconst optBase = reactive({\n  isShow: false,\n  isAlignTop: false,\n  isAlignLeft: false,\n})\n\n// computed\nconst clsParent = computed(() => {\n  const cls: any = {\n    'panel-modal': true,\n  }\n  if (!CommonBase.isEmpty(props.className)) {\n    props.className?.split(' ').forEach((c) => {\n      if (!CommonBase.isEmpty(c)) {\n        cls[c] = true\n      }\n    })\n  }\n  return cls\n})\n\nconst clsModal = computed(() => {\n  const cls = {\n    modal: true,\n    fade: true,\n    show: optBase.isShow,\n  }\n  return cls\n})\n\nconst styWrapper = computed(() => {\n  const sty: any = {}\n  if (optBase.isAlignTop) {\n    sty['align-items'] = 'flex-start'\n  }\n  if (optBase.isAlignLeft) {\n    sty['justify-content'] = 'flex-start'\n  }\n  return sty\n})\n\nconst styDialog = computed(() => {\n  const sty: any = {}\n  if (!CommonBase.isEmpty(props.width)) {\n    sty.width = props.width\n  }\n  return sty\n})\n\n// emit 外部使用的事件\nconst _emitClickBack = () => {\n  emit('onClickBack')\n}\n\n// 内部方法\nconst _closeHide = () => {\n  optBase.isShow = false\n  document.body.className = document.body.className.replace(' modal-open', '')\n}\n\nconst _calculationAlignTop = () => {\n  if (refElDialog.value) {\n    optBase.isAlignTop = refElDialog.value.clientHeight > window.innerHeight\n  }\n}\n\nconst _calculationAlignLeft = () => {\n  if (refElDialog.value) {\n    optBase.isAlignLeft = refElDialog.value.clientWidth > window.innerWidth\n  }\n}\n\n// 生命周期\nonMounted(() => {\n  nextTick(() => {\n    _calculationAlignTop()\n    _calculationAlignLeft()\n  })\n})\n\nwatch(\n  () => optBase.isShow,\n  (newValue) => {\n    if (newValue) {\n      if (!document.body.className.includes('modal-open')) {\n        document.body.className += ' modal-open'\n      }\n      nextTick(() => {\n        _calculationAlignTop()\n      })\n    } else {\n      document.body.className = document.body.className.replace(' modal-open', '')\n      optBase.isAlignTop = false\n    }\n  }\n)\n\n// 内部触发的事件 on\nconst onClickBack = (event: any) => {\n  if (props.isBackClick) {\n    if (event.currentTarget === event.target) {\n      _closeHide()\n      _emitClickBack()\n    }\n  }\n}\n\nconst onTransitionEnter = () => {}\n\nconst onTransitionLeave = () => {}\n\n// 外部调用\nconst show = () => {\n  optBase.isShow = true\n}\n\nconst hide = () => {\n  _closeHide()\n}\n\n// 暴露给外部的方法\nexport interface ClModalBaseTransitionExpose {\n  show: () => void\n  hide: () => void\n}\n\ndefineExpose({\n  show,\n  hide\n})\n</script>\n"],"names":["props","__props","emit","__emit","refElDialog","ref","refElWrapper","optBase","reactive","clsParent","computed","cls","CommonBase","c","clsModal","styWrapper","sty","styDialog","_emitClickBack","_closeHide","_calculationAlignTop","_calculationAlignLeft","onMounted","nextTick","watch","newValue","onClickBack","event","onTransitionEnter","onTransitionLeave","__expose","_createElementBlock","_createVNode","_Transition","_createElementVNode","_hoisted_1","_renderSlot","_ctx","_vShow","_withDirectives","_hoisted_2"],"mappings":"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"}

package/buildLibs/utils/Shared/BaseTransition.vue_vue_type_script_setup_true_lang-DLAYzSgX.js

@@ -0,0 +1,121 @@
+import { defineComponent as D, ref as m, reactive as H, computed as n, onMounted as M, nextTick as f, watch as z, openBlock as V, createElementBlock as j, normalizeClass as u, createVNode as p, Transition as h, withCtx as v, withDirectives as w, createElementVNode as o, normalizeStyle as y, renderSlot as P, vShow as k } from "vue";
+import { C as c } from "./base-PQGakkrl.js";
+const $ = { class: "modal-content" }, q = { class: "modal-backdrop fade show" }, K = /* @__PURE__ */ D({
+  name: "ClModalTransition",
+  __name: "BaseTransition",
+  props: {
+    className: {},
+    isBackClick: { type: Boolean },
+    width: {},
+    classTransitionEnter: {},
+    classTransitionLeave: {}
+  },
+  emits: ["onClickBack"],
+  setup(i, { expose: g, emit: T }) {
+    const t = i, E = T, a = m(null), _ = m(null), s = H({
+      isShow: !1,
+      isAlignTop: !1,
+      isAlignLeft: !1
+    }), C = n(() => {
+      const e = {
+        "panel-modal": !0
+      };
+      return c.isEmpty(t.className) || t.className?.split(" ").forEach((l) => {
+        c.isEmpty(l) || (e[l] = !0);
+      }), e;
+    }), B = n(() => ({
+      modal: !0,
+      fade: !0,
+      show: s.isShow
+    })), N = n(() => {
+      const e = {};
+      return s.isAlignTop && (e["align-items"] = "flex-start"), s.isAlignLeft && (e["justify-content"] = "flex-start"), e;
+    }), A = n(() => {
+      const e = {};
+      return c.isEmpty(t.width) || (e.width = t.width), e;
+    }), S = () => {
+      E("onClickBack");
+    }, r = () => {
+      s.isShow = !1, document.body.className = document.body.className.replace(" modal-open", "");
+    }, d = () => {
+      a.value && (s.isAlignTop = a.value.clientHeight > window.innerHeight);
+    }, b = () => {
+      a.value && (s.isAlignLeft = a.value.clientWidth > window.innerWidth);
+    };
+    M(() => {
+      f(() => {
+        d(), b();
+      });
+    }), z(
+      () => s.isShow,
+      (e) => {
+        e ? (document.body.className.includes("modal-open") || (document.body.className += " modal-open"), f(() => {
+          d();
+        })) : (document.body.className = document.body.className.replace(" modal-open", ""), s.isAlignTop = !1);
+      }
+    );
+    const L = (e) => {
+      t.isBackClick && e.currentTarget === e.target && (r(), S());
+    }, x = () => {
+    }, W = () => {
+    };
+    return g({
+      show: () => {
+        s.isShow = !0;
+      },
+      hide: () => {
+        r();
+      }
+    }), (e, l) => (V(), j("div", {
+      class: u(C.value)
+    }, [
+      p(h, {
+        "enter-active-class": i.classTransitionEnter,
+        "leave-active-class": i.classTransitionLeave,
+        onEnter: x,
+        onAfterLeave: W
+      }, {
+        default: v(() => [
+          w(o("div", {
+            class: u(B.value),
+            tabindex: "-1"
+          }, [
+            o("div", {
+              ref_key: "refElWrapper",
+              ref: _,
+              class: "modal-wrapper",
+              style: y(N.value),
+              onClick: L
+            }, [
+              o("div", {
+                class: "modal-dialog",
+                style: y(A.value),
+                ref_key: "refElDialog",
+                ref: a
+              }, [
+                o("div", $, [
+                  P(e.$slots, "default")
+                ])
+              ], 4)
+            ], 4)
+          ], 2), [
+            [k, s.isShow]
+          ])
+        ]),
+        _: 3
+      }, 8, ["enter-active-class", "leave-active-class"]),
+      p(h, { name: "overlay-fade" }, {
+        default: v(() => [
+          w(o("div", q, null, 512), [
+            [k, s.isShow]
+          ])
+        ]),
+        _: 1
+      })
+    ], 2));
+  }
+});
+export {
+  K as _
+};
+//# sourceMappingURL=BaseTransition.vue_vue_type_script_setup_true_lang-DLAYzSgX.js.map

package/buildLibs/utils/Shared/BaseTransition.vue_vue_type_script_setup_true_lang-DLAYzSgX.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseTransition.vue_vue_type_script_setup_true_lang-DLAYzSgX.js","sources":["../../../src/libs/Element/Modal/BaseTransition.vue"],"sourcesContent":["<template>\n  <div :class=\"clsParent\">\n    <transition\n      :enter-active-class=\"classTransitionEnter\"\n      :leave-active-class=\"classTransitionLeave\"\n      @enter=\"onTransitionEnter\"\n      @after-leave=\"onTransitionLeave\"\n    >\n      <div\n        :class=\"clsModal\"\n        tabindex=\"-1\"\n        v-show=\"optBase.isShow\"\n      >\n        <div\n          ref=\"refElWrapper\"\n          class=\"modal-wrapper\"\n          :style=\"styWrapper\"\n          @click=\"onClickBack\"\n        >\n          <div\n            class=\"modal-dialog\"\n            :style=\"styDialog\"\n            ref=\"refElDialog\"\n          >\n            <div class=\"modal-content\">\n              <slot></slot>\n            </div>\n          </div>\n        </div>\n      </div>\n    </transition>\n    <transition name=\"overlay-fade\">\n      <div\n        v-show=\"optBase.isShow\"\n        class=\"modal-backdrop fade show\"\n      ></div>\n    </transition>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport './Index.css'\nimport { onMounted, nextTick, watch, computed, reactive, ref } from 'vue'\nimport CommonBase from '../../Common/base'\n\n// defineOptions\ndefineOptions({ name: 'ClModalTransition' })\n\n// props\nconst props = defineProps<{\n  className?: string\n  isBackClick?: boolean\n  width?: string\n  classTransitionEnter?: string\n  classTransitionLeave?: string\n}>()\n\n// emit\nconst emit = defineEmits<{\n  (e: 'onClickBack'): void\n}>()\n\n// refs\nconst refElDialog = ref<HTMLElement | null>(null)\nconst refElWrapper = ref<HTMLElement | null>(null)\n\n// reactive\nconst optBase = reactive({\n  isShow: false,\n  isAlignTop: false,\n  isAlignLeft: false,\n})\n\n// computed\nconst clsParent = computed(() => {\n  const cls: any = {\n    'panel-modal': true,\n  }\n  if (!CommonBase.isEmpty(props.className)) {\n    props.className?.split(' ').forEach((c) => {\n      if (!CommonBase.isEmpty(c)) {\n        cls[c] = true\n      }\n    })\n  }\n  return cls\n})\n\nconst clsModal = computed(() => {\n  const cls = {\n    modal: true,\n    fade: true,\n    show: optBase.isShow,\n  }\n  return cls\n})\n\nconst styWrapper = computed(() => {\n  const sty: any = {}\n  if (optBase.isAlignTop) {\n    sty['align-items'] = 'flex-start'\n  }\n  if (optBase.isAlignLeft) {\n    sty['justify-content'] = 'flex-start'\n  }\n  return sty\n})\n\nconst styDialog = computed(() => {\n  const sty: any = {}\n  if (!CommonBase.isEmpty(props.width)) {\n    sty.width = props.width\n  }\n  return sty\n})\n\n// emit 外部使用的事件\nconst _emitClickBack = () => {\n  emit('onClickBack')\n}\n\n// 内部方法\nconst _closeHide = () => {\n  optBase.isShow = false\n  document.body.className = document.body.className.replace(' modal-open', '')\n}\n\nconst _calculationAlignTop = () => {\n  if (refElDialog.value) {\n    optBase.isAlignTop = refElDialog.value.clientHeight > window.innerHeight\n  }\n}\n\nconst _calculationAlignLeft = () => {\n  if (refElDialog.value) {\n    optBase.isAlignLeft = refElDialog.value.clientWidth > window.innerWidth\n  }\n}\n\n// 生命周期\nonMounted(() => {\n  nextTick(() => {\n    _calculationAlignTop()\n    _calculationAlignLeft()\n  })\n})\n\nwatch(\n  () => optBase.isShow,\n  (newValue) => {\n    if (newValue) {\n      if (!document.body.className.includes('modal-open')) {\n        document.body.className += ' modal-open'\n      }\n      nextTick(() => {\n        _calculationAlignTop()\n      })\n    } else {\n      document.body.className = document.body.className.replace(' modal-open', '')\n      optBase.isAlignTop = false\n    }\n  }\n)\n\n// 内部触发的事件 on\nconst onClickBack = (event: any) => {\n  if (props.isBackClick) {\n    if (event.currentTarget === event.target) {\n      _closeHide()\n      _emitClickBack()\n    }\n  }\n}\n\nconst onTransitionEnter = () => {}\n\nconst onTransitionLeave = () => {}\n\n// 外部调用\nconst show = () => {\n  optBase.isShow = true\n}\n\nconst hide = () => {\n  _closeHide()\n}\n\n// 暴露给外部的方法\nexport interface ClModalBaseTransitionExpose {\n  show: () => void\n  hide: () => void\n}\n\ndefineExpose({\n  show,\n  hide\n})\n</script>\n"],"names":["props","__props","emit","__emit","refElDialog","ref","refElWrapper","optBase","reactive","clsParent","computed","cls","CommonBase","c","clsModal","styWrapper","sty","styDialog","_emitClickBack","_closeHide","_calculationAlignTop","_calculationAlignLeft","onMounted","nextTick","watch","newValue","onClickBack","event","onTransitionEnter","onTransitionLeave","__expose","_createElementBlock","_createVNode","_Transition","_createElementVNode","_hoisted_1","_renderSlot","_ctx","_vShow","_withDirectives","_hoisted_2"],"mappings":"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"}

package/buildLibs/utils/Shared/Highlight.css

@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#fff;color:#000}.hljs-comment,.hljs-quote,.hljs-variable{color:green}.hljs-keyword,.hljs-selector-tag,.hljs-built_in,.hljs-name,.hljs-tag{color:#00f}.hljs-string,.hljs-title,.hljs-section,.hljs-attribute,.hljs-literal,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-addition{color:#a31515}.hljs-deletion,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-meta{color:#2b91af}.hljs-doctag{color:gray}.hljs-attr{color:red}.hljs-symbol,.hljs-bullet,.hljs-link{color:#00b0e8}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}

package/buildLibs/utils/Shared/Index.css

@@ -0,0 +1 @@
+.panel-loadScreen{position:fixed;inset:0;z-index:99999999;background-color:#0006;cursor:default}.loadScreen-container{display:flex;flex-direction:row;align-items:center;justify-content:center;height:100%}.loadScreen-main{display:flex;flex-direction:row;align-items:center}.loadScreen-text{color:#fff;font-size:25px;font-family:KaiTi,STKaiti;margin-right:5px}