@cldemo/ui-kit 1.0.0

package/buildLibs/utils/Mobile/ClPullToRefresh.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClPullToRefresh.cjs","sources":["../../../src/libs/Mobile/PullToRefresh/Index.vue"],"sourcesContent":["<template>\n  <div class=\"cl-pulltorefresh\" :class=\"clsParent\">\n    <div class=\"ptr-track\">\n      <div class=\"ptr-indicator\" :style=\"indicatorStyle\">\n        <div class=\"ptr-indicator-inner\" :class=\"`ptr-state-${state}`\">\n          <slot name=\"indicator\" :state=\"state\" :distance=\"pullDistance\" :threshold=\"threshold\">\n            <i :class=\"pullIcon\"></i>\n            <span class=\"ptr-text\">{{ indicatorText }}</span>\n          </slot>\n        </div>\n      </div>\n      <div\n        ref=\"refElContent\"\n        class=\"ptr-content\"\n        :class=\"{ 'ptr-content-virtual': _isVirtual }\"\n        @touchstart=\"onPullStart\"\n        @touchmove=\"onPullMove\"\n        @touchend=\"onPullEnd\"\n        @mousedown=\"onPullStart\"\n      >\n        <div v-if=\"_isVirtual\" class=\"ptr-scroller-wrap\">\n          <DynamicScroller\n            class=\"ptr-scroller\"\n            :items=\"list\"\n            :min-item-size=\"minItemSize\"\n            key-field=\"id\"\n            @scroll=\"onScrollerScroll\"\n            @scroll-end=\"onScrollEnd\"\n          >\n            <template #default=\"{ item, index, active }\">\n              <DynamicScrollerItem\n                :item=\"item\"\n                :active=\"active\"\n                :size-dependencies=\"sizeDependencies ? sizeDependencies(item) : undefined\"\n              >\n                <slot name=\"item\" :item=\"item\" :index=\"index\" :active=\"active\" />\n              </DynamicScrollerItem>\n            </template>\n            <template #after>\n              <div v-if=\"loading\" class=\"ptr-loadmore\">\n                <slot name=\"loadMore\">\n                  <i :class=\"loadingIcon\"></i>\n                  <span>{{ loadingText }}</span>\n                </slot>\n              </div>\n              <div v-if=\"finished && !loading\" class=\"ptr-finished\">\n                <slot name=\"finished\">\n                  <span>{{ finishedText }}</span>\n                </slot>\n              </div>\n            </template>\n          </DynamicScroller>\n        </div>\n        <slot v-else></slot>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport './Index.css'\nimport { ref, computed } from 'vue'\nimport { DynamicScroller, DynamicScrollerItem } from 'vue-virtual-scroller'\nimport 'vue-virtual-scroller/dist/vue-virtual-scroller.css'\n\ndefineOptions({ name: 'ClPullToRefresh' })\n\n// props\nconst props = defineProps({\n  className: String,\n  disabled: Boolean,\n  // desc: 下拉刷新阈值(px)\n  threshold: {\n    type: Number,\n    default: 60,\n  },\n  // desc: 列表数据，传入则启用虚拟滚动渲染\n  list: {\n    type: Array as () => any[],\n    default: undefined,\n  },\n  // desc: 列表项最小高度(px)，用于 DynamicScroller 初始估算\n  minItemSize: {\n    type: Number,\n    default: 60,\n  },\n  // desc: 列表项高度依赖项提取函数，用于动态高度重算\n  sizeDependencies: {\n    type: Function,\n    default: undefined,\n  },\n  // desc: 是否已加载完全部数据\n  finished: Boolean,\n  // desc: 是否正在加载更多\n  loading: Boolean,\n  // desc: 下拉刷新箭头图标类名（<i> 元素）\n  pullIcon: {\n    type: String,\n    default: 'ptr-icon-arrow',\n  },\n  // desc: 加载更多时的 loading 图标类名（<i> 元素）\n  loadingIcon: {\n    type: String,\n    default: 'ptr-icon-spinner',\n  },\n  // desc: 加载中提示文字\n  loadingText: {\n    type: String,\n    default: '加载中...',\n  },\n  // desc: 已加载全部提示文字\n  finishedText: {\n    type: String,\n    default: '没有更多了',\n  },\n})\n\n// emit\nconst emit = defineEmits<{\n  (e: 'refresh'): void\n  (e: 'loadMore'): void\n}>()\n\n// ref\nconst refElContent = ref<HTMLElement>()\n\n// state\nconst state = ref<'idle' | 'pulling' | 'ready' | 'loading'>('idle')\nconst pullDistance = ref(0)\nconst _startY = ref(0)\nconst _isTracking = ref(false)\nconst _isPulling = ref(false)\nconst _scrollTop = ref(0)\nlet _rafId: number | null = null\nlet _pendingDeltaY = 0\n\n// computed\nconst threshold = computed(() => props.threshold || 60)\n\nconst _isVirtual = computed(() => Array.isArray(props.list))\n\nconst clsParent = computed(() => {\n  const cls: any = {}\n  if (props.disabled) {\n    cls['ptr-disabled'] = true\n  }\n  if (_isPulling.value) {\n    cls['ptr-is-pulling'] = true\n  }\n  if (props.className) {\n    cls[props.className] = true\n  }\n  return cls\n})\n\nconst indicatorStyle = computed(() => ({\n  height: `${pullDistance.value}px`,\n}))\n\nconst indicatorText = computed(() => {\n  switch (state.value) {\n    case 'loading':\n      return '加载中...'\n    case 'ready':\n      return '释放即可刷新…'\n    case 'pulling':\n      return '下拉即可刷新…'\n    default:\n      return ''\n  }\n})\n\n// 内部方法\nconst _isAtTop = () => {\n  if (_isVirtual.value) {\n    return _scrollTop.value <= 0\n  }\n  const el = refElContent.value\n  if (!el) return true\n  return el.scrollTop <= 0\n}\n\nconst _getClientY = (e: TouchEvent | MouseEvent): number => {\n  if ('touches' in e) {\n    return (e as TouchEvent).touches[0].clientY\n  }\n  return (e as MouseEvent).clientY\n}\n\nconst onScrollerScroll = (e: any) => {\n  _scrollTop.value = e?.target?.scrollTop || 0\n}\n\nconst onScrollEnd = () => {\n  if (!props.finished && !props.loading) {\n    emit('loadMore')\n  }\n}\n\nconst _startMouseListeners = () => {\n  document.addEventListener('mousemove', (onPullMove as any) as EventListener)\n  document.addEventListener('mouseup', (onPullEnd as any) as EventListener)\n}\n\nconst _stopMouseListeners = () => {\n  document.removeEventListener('mousemove', (onPullMove as any) as EventListener)\n  document.removeEventListener('mouseup', (onPullEnd as any) as EventListener)\n}\n\n// 事件方法\nconst onPullStart = (e: TouchEvent | MouseEvent) => {\n  if (props.disabled || state.value === 'loading') return\n  _startY.value = _getClientY(e)\n  _isTracking.value = true\n  if (!('touches' in e)) {\n    _startMouseListeners()\n  }\n}\n\nconst onPullMove = (e: TouchEvent | MouseEvent) => {\n  if (!_isTracking.value) return\n  _pendingDeltaY = _getClientY(e) - _startY.value\n  if (_pendingDeltaY > 0 && _isAtTop()) {\n    if (!_isPulling.value) {\n      _isPulling.value = true\n    }\n    e.preventDefault()\n    if (_rafId === null) {\n      _rafId = requestAnimationFrame(() => {\n        _rafId = null\n        const d = _pendingDeltaY * 0.4\n        pullDistance.value = d\n        state.value = d >= threshold.value ? 'ready' : 'pulling'\n      })\n    }\n  } else if (_isPulling.value) {\n    _resetPull()\n  }\n}\n\nconst onPullEnd = () => {\n  if (!_isTracking.value) return\n  _isTracking.value = false\n  _stopMouseListeners()\n  if (_rafId !== null) {\n    cancelAnimationFrame(_rafId)\n    _rafId = null\n  }\n  if (_isPulling.value && state.value === 'ready') {\n    state.value = 'loading'\n    pullDistance.value = threshold.value\n    emit('refresh')\n  } else {\n    _resetPull()\n  }\n}\n\nconst _resetPull = () => {\n  if (_rafId !== null) {\n    cancelAnimationFrame(_rafId)\n    _rafId = null\n  }\n  _isPulling.value = false\n  pullDistance.value = 0\n  state.value = 'idle'\n}\n\n// 开放方法\nconst finishRefresh = () => {\n  _resetPull()\n}\n\n// 导出类型\nexport interface ClPullToRefreshExpose {\n  finishRefresh: () => void\n}\n\ndefineExpose({ finishRefresh })\n</script>\n"],"names":["props","__props","emit","__emit","refElContent","ref","state","pullDistance","_startY","_isTracking","_isPulling","_scrollTop","_rafId","_pendingDeltaY","threshold","computed","_isVirtual","clsParent","cls","indicatorStyle","indicatorText","_isAtTop","el","_getClientY","e","onScrollerScroll","onScrollEnd","_startMouseListeners","onPullMove","onPullEnd","_stopMouseListeners","onPullStart","d","_resetPull","__expose","_createElementBlock","_normalizeClass","_createElementVNode","_hoisted_1","_renderSlot","_ctx","_hoisted_2","_toDisplayString","_openBlock","_hoisted_3","_createVNode","_unref","DynamicScroller","item","index","active","DynamicScrollerItem","_hoisted_4","_hoisted_5"],"mappings":"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"}

package/buildLibs/utils/Mobile/ClPullToRefresh.css

@@ -0,0 +1 @@
+.cl-pulltorefresh{display:flex;flex-direction:column;height:100%;overflow:hidden}.cl-pulltorefresh .ptr-track{display:flex;flex-direction:column;flex:1;min-height:0}.cl-pulltorefresh .ptr-indicator{display:flex;align-items:center;justify-content:center;height:0;overflow:hidden;transition:height .2s ease}.cl-pulltorefresh .ptr-indicator-inner{display:flex;align-items:center;gap:8px;font-size:14px;color:#999}.cl-pulltorefresh .ptr-text{line-height:1}.cl-pulltorefresh .ptr-content{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.cl-pulltorefresh .ptr-content-virtual{display:flex;flex-direction:column;overflow-y:visible}.cl-pulltorefresh .ptr-scroller-wrap{flex:1;min-height:0}.cl-pulltorefresh .ptr-scroller{height:100%}.cl-pulltorefresh .ptr-loadmore{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 0 16px;font-size:13px;color:#999;flex-shrink:0}.cl-pulltorefresh .ptr-finished{display:flex;align-items:center;justify-content:center;padding:12px 0 16px;font-size:13px;color:#bbb;flex-shrink:0}.cl-pulltorefresh .ptr-icon-arrow{display:inline-block;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:8px solid #999;transition:transform .3s ease}.cl-pulltorefresh .ptr-state-pulling .ptr-icon-arrow{transform:rotate(0)}.cl-pulltorefresh .ptr-state-ready .ptr-icon-arrow{transform:rotate(180deg)}.cl-pulltorefresh .ptr-state-loading .ptr-icon-arrow{border-bottom-color:transparent;border:2px solid #ccc;border-top-color:#999;border-radius:50%;width:14px;height:14px;animation:ptr-spin .8s linear infinite}.cl-pulltorefresh .ptr-icon-spinner{display:inline-block;width:14px;height:14px;border:2px solid #ddd;border-top-color:#999;border-radius:50%;animation:ptr-spin .8s linear infinite}@keyframes ptr-spin{to{transform:rotate(360deg)}}.cl-pulltorefresh.ptr-is-pulling,.cl-pulltorefresh.ptr-is-pulling *{user-select:none;-webkit-user-select:none}.cl-pulltorefresh.ptr-disabled{pointer-events:none}

package/buildLibs/utils/Mobile/ClPullToRefresh.d.ts

@@ -0,0 +1,3 @@
+import type { DefineComponent } from 'vue'
+declare const _default: DefineComponent<object, object, any>
+export default _default

package/buildLibs/utils/Mobile/ClPullToRefresh.js

@@ -0,0 +1,195 @@
+import { defineComponent as J, ref as o, computed as u, openBlock as v, createElementBlock as m, normalizeClass as c, createElementVNode as n, normalizeStyle as K, renderSlot as d, toDisplayString as E, createVNode as $, unref as b, withCtx as D, createCommentVNode as L } from "vue";
+import { DynamicScroller as O, DynamicScrollerItem as Q } from "vue-virtual-scroller";
+/* empty css                                      */
+const U = { class: "ptr-track" }, W = { class: "ptr-text" }, X = {
+  key: 0,
+  class: "ptr-scroller-wrap"
+}, Z = {
+  key: 0,
+  class: "ptr-loadmore"
+}, ee = {
+  key: 1,
+  class: "ptr-finished"
+}, ie = /* @__PURE__ */ J({
+  name: "ClPullToRefresh",
+  __name: "Index",
+  props: {
+    className: String,
+    disabled: Boolean,
+    // desc: 下拉刷新阈值(px)
+    threshold: {
+      type: Number,
+      default: 60
+    },
+    // desc: 列表数据，传入则启用虚拟滚动渲染
+    list: {
+      type: Array,
+      default: void 0
+    },
+    // desc: 列表项最小高度(px)，用于 DynamicScroller 初始估算
+    minItemSize: {
+      type: Number,
+      default: 60
+    },
+    // desc: 列表项高度依赖项提取函数，用于动态高度重算
+    sizeDependencies: {
+      type: Function,
+      default: void 0
+    },
+    // desc: 是否已加载完全部数据
+    finished: Boolean,
+    // desc: 是否正在加载更多
+    loading: Boolean,
+    // desc: 下拉刷新箭头图标类名（<i> 元素）
+    pullIcon: {
+      type: String,
+      default: "ptr-icon-arrow"
+    },
+    // desc: 加载更多时的 loading 图标类名（<i> 元素）
+    loadingIcon: {
+      type: String,
+      default: "ptr-icon-spinner"
+    },
+    // desc: 加载中提示文字
+    loadingText: {
+      type: String,
+      default: "加载中..."
+    },
+    // desc: 已加载全部提示文字
+    finishedText: {
+      type: String,
+      default: "没有更多了"
+    }
+  },
+  emits: ["refresh", "loadMore"],
+  setup(t, { expose: w, emit: B }) {
+    const s = t, I = B, C = o(), i = o("idle"), r = o(0), N = o(0), f = o(!1), a = o(!1), x = o(0);
+    let l = null, p = 0;
+    const h = u(() => s.threshold || 60), g = u(() => Array.isArray(s.list)), Y = u(() => {
+      const e = {};
+      return s.disabled && (e["ptr-disabled"] = !0), a.value && (e["ptr-is-pulling"] = !0), s.className && (e[s.className] = !0), e;
+    }), F = u(() => ({
+      height: `${r.value}px`
+    })), V = u(() => {
+      switch (i.value) {
+        case "loading":
+          return "加载中...";
+        case "ready":
+          return "释放即可刷新…";
+        case "pulling":
+          return "下拉即可刷新…";
+        default:
+          return "";
+      }
+    }), _ = () => {
+      if (g.value)
+        return x.value <= 0;
+      const e = C.value;
+      return e ? e.scrollTop <= 0 : !0;
+    }, A = (e) => "touches" in e ? e.touches[0].clientY : e.clientY, R = (e) => {
+      x.value = e?.target?.scrollTop || 0;
+    }, q = () => {
+      !s.finished && !s.loading && I("loadMore");
+    }, j = () => {
+      document.addEventListener("mousemove", y), document.addEventListener("mouseup", S);
+    }, G = () => {
+      document.removeEventListener("mousemove", y), document.removeEventListener("mouseup", S);
+    }, M = (e) => {
+      s.disabled || i.value === "loading" || (N.value = A(e), f.value = !0, "touches" in e || j());
+    }, y = (e) => {
+      f.value && (p = A(e) - N.value, p > 0 && _() ? (a.value || (a.value = !0), e.preventDefault(), l === null && (l = requestAnimationFrame(() => {
+        l = null;
+        const z = p * 0.4;
+        r.value = z, i.value = z >= h.value ? "ready" : "pulling";
+      }))) : a.value && T());
+    }, S = () => {
+      f.value && (f.value = !1, G(), l !== null && (cancelAnimationFrame(l), l = null), a.value && i.value === "ready" ? (i.value = "loading", r.value = h.value, I("refresh")) : T());
+    }, T = () => {
+      l !== null && (cancelAnimationFrame(l), l = null), a.value = !1, r.value = 0, i.value = "idle";
+    };
+    return w({ finishRefresh: () => {
+      T();
+    } }), (e, z) => (v(), m("div", {
+      class: c(["cl-pulltorefresh", Y.value])
+    }, [
+      n("div", U, [
+        n("div", {
+          class: "ptr-indicator",
+          style: K(F.value)
+        }, [
+          n("div", {
+            class: c(["ptr-indicator-inner", `ptr-state-${i.value}`])
+          }, [
+            d(e.$slots, "indicator", {
+              state: i.value,
+              distance: r.value,
+              threshold: h.value
+            }, () => [
+              n("i", {
+                class: c(t.pullIcon)
+              }, null, 2),
+              n("span", W, E(V.value), 1)
+            ])
+          ], 2)
+        ], 4),
+        n("div", {
+          ref_key: "refElContent",
+          ref: C,
+          class: c(["ptr-content", { "ptr-content-virtual": g.value }]),
+          onTouchstart: M,
+          onTouchmove: y,
+          onTouchend: S,
+          onMousedown: M
+        }, [
+          g.value ? (v(), m("div", X, [
+            $(b(O), {
+              class: "ptr-scroller",
+              items: t.list,
+              "min-item-size": t.minItemSize,
+              "key-field": "id",
+              onScroll: R,
+              onScrollEnd: q
+            }, {
+              default: D(({ item: k, index: H, active: P }) => [
+                $(b(Q), {
+                  item: k,
+                  active: P,
+                  "size-dependencies": t.sizeDependencies ? t.sizeDependencies(k) : void 0
+                }, {
+                  default: D(() => [
+                    d(e.$slots, "item", {
+                      item: k,
+                      index: H,
+                      active: P
+                    })
+                  ]),
+                  _: 2
+                }, 1032, ["item", "active", "size-dependencies"])
+              ]),
+              after: D(() => [
+                t.loading ? (v(), m("div", Z, [
+                  d(e.$slots, "loadMore", {}, () => [
+                    n("i", {
+                      class: c(t.loadingIcon)
+                    }, null, 2),
+                    n("span", null, E(t.loadingText), 1)
+                  ])
+                ])) : L("", !0),
+                t.finished && !t.loading ? (v(), m("div", ee, [
+                  d(e.$slots, "finished", {}, () => [
+                    n("span", null, E(t.finishedText), 1)
+                  ])
+                ])) : L("", !0)
+              ]),
+              _: 3
+            }, 8, ["items", "min-item-size"])
+          ])) : d(e.$slots, "default", { key: 1 })
+        ], 34)
+      ])
+    ], 2));
+  }
+});
+export {
+  ie as default
+};
+//# sourceMappingURL=ClPullToRefresh.js.map

package/buildLibs/utils/Mobile/ClPullToRefresh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClPullToRefresh.js","sources":["../../../src/libs/Mobile/PullToRefresh/Index.vue"],"sourcesContent":["<template>\n  <div class=\"cl-pulltorefresh\" :class=\"clsParent\">\n    <div class=\"ptr-track\">\n      <div class=\"ptr-indicator\" :style=\"indicatorStyle\">\n        <div class=\"ptr-indicator-inner\" :class=\"`ptr-state-${state}`\">\n          <slot name=\"indicator\" :state=\"state\" :distance=\"pullDistance\" :threshold=\"threshold\">\n            <i :class=\"pullIcon\"></i>\n            <span class=\"ptr-text\">{{ indicatorText }}</span>\n          </slot>\n        </div>\n      </div>\n      <div\n        ref=\"refElContent\"\n        class=\"ptr-content\"\n        :class=\"{ 'ptr-content-virtual': _isVirtual }\"\n        @touchstart=\"onPullStart\"\n        @touchmove=\"onPullMove\"\n        @touchend=\"onPullEnd\"\n        @mousedown=\"onPullStart\"\n      >\n        <div v-if=\"_isVirtual\" class=\"ptr-scroller-wrap\">\n          <DynamicScroller\n            class=\"ptr-scroller\"\n            :items=\"list\"\n            :min-item-size=\"minItemSize\"\n            key-field=\"id\"\n            @scroll=\"onScrollerScroll\"\n            @scroll-end=\"onScrollEnd\"\n          >\n            <template #default=\"{ item, index, active }\">\n              <DynamicScrollerItem\n                :item=\"item\"\n                :active=\"active\"\n                :size-dependencies=\"sizeDependencies ? sizeDependencies(item) : undefined\"\n              >\n                <slot name=\"item\" :item=\"item\" :index=\"index\" :active=\"active\" />\n              </DynamicScrollerItem>\n            </template>\n            <template #after>\n              <div v-if=\"loading\" class=\"ptr-loadmore\">\n                <slot name=\"loadMore\">\n                  <i :class=\"loadingIcon\"></i>\n                  <span>{{ loadingText }}</span>\n                </slot>\n              </div>\n              <div v-if=\"finished && !loading\" class=\"ptr-finished\">\n                <slot name=\"finished\">\n                  <span>{{ finishedText }}</span>\n                </slot>\n              </div>\n            </template>\n          </DynamicScroller>\n        </div>\n        <slot v-else></slot>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport './Index.css'\nimport { ref, computed } from 'vue'\nimport { DynamicScroller, DynamicScrollerItem } from 'vue-virtual-scroller'\nimport 'vue-virtual-scroller/dist/vue-virtual-scroller.css'\n\ndefineOptions({ name: 'ClPullToRefresh' })\n\n// props\nconst props = defineProps({\n  className: String,\n  disabled: Boolean,\n  // desc: 下拉刷新阈值(px)\n  threshold: {\n    type: Number,\n    default: 60,\n  },\n  // desc: 列表数据，传入则启用虚拟滚动渲染\n  list: {\n    type: Array as () => any[],\n    default: undefined,\n  },\n  // desc: 列表项最小高度(px)，用于 DynamicScroller 初始估算\n  minItemSize: {\n    type: Number,\n    default: 60,\n  },\n  // desc: 列表项高度依赖项提取函数，用于动态高度重算\n  sizeDependencies: {\n    type: Function,\n    default: undefined,\n  },\n  // desc: 是否已加载完全部数据\n  finished: Boolean,\n  // desc: 是否正在加载更多\n  loading: Boolean,\n  // desc: 下拉刷新箭头图标类名（<i> 元素）\n  pullIcon: {\n    type: String,\n    default: 'ptr-icon-arrow',\n  },\n  // desc: 加载更多时的 loading 图标类名（<i> 元素）\n  loadingIcon: {\n    type: String,\n    default: 'ptr-icon-spinner',\n  },\n  // desc: 加载中提示文字\n  loadingText: {\n    type: String,\n    default: '加载中...',\n  },\n  // desc: 已加载全部提示文字\n  finishedText: {\n    type: String,\n    default: '没有更多了',\n  },\n})\n\n// emit\nconst emit = defineEmits<{\n  (e: 'refresh'): void\n  (e: 'loadMore'): void\n}>()\n\n// ref\nconst refElContent = ref<HTMLElement>()\n\n// state\nconst state = ref<'idle' | 'pulling' | 'ready' | 'loading'>('idle')\nconst pullDistance = ref(0)\nconst _startY = ref(0)\nconst _isTracking = ref(false)\nconst _isPulling = ref(false)\nconst _scrollTop = ref(0)\nlet _rafId: number | null = null\nlet _pendingDeltaY = 0\n\n// computed\nconst threshold = computed(() => props.threshold || 60)\n\nconst _isVirtual = computed(() => Array.isArray(props.list))\n\nconst clsParent = computed(() => {\n  const cls: any = {}\n  if (props.disabled) {\n    cls['ptr-disabled'] = true\n  }\n  if (_isPulling.value) {\n    cls['ptr-is-pulling'] = true\n  }\n  if (props.className) {\n    cls[props.className] = true\n  }\n  return cls\n})\n\nconst indicatorStyle = computed(() => ({\n  height: `${pullDistance.value}px`,\n}))\n\nconst indicatorText = computed(() => {\n  switch (state.value) {\n    case 'loading':\n      return '加载中...'\n    case 'ready':\n      return '释放即可刷新…'\n    case 'pulling':\n      return '下拉即可刷新…'\n    default:\n      return ''\n  }\n})\n\n// 内部方法\nconst _isAtTop = () => {\n  if (_isVirtual.value) {\n    return _scrollTop.value <= 0\n  }\n  const el = refElContent.value\n  if (!el) return true\n  return el.scrollTop <= 0\n}\n\nconst _getClientY = (e: TouchEvent | MouseEvent): number => {\n  if ('touches' in e) {\n    return (e as TouchEvent).touches[0].clientY\n  }\n  return (e as MouseEvent).clientY\n}\n\nconst onScrollerScroll = (e: any) => {\n  _scrollTop.value = e?.target?.scrollTop || 0\n}\n\nconst onScrollEnd = () => {\n  if (!props.finished && !props.loading) {\n    emit('loadMore')\n  }\n}\n\nconst _startMouseListeners = () => {\n  document.addEventListener('mousemove', (onPullMove as any) as EventListener)\n  document.addEventListener('mouseup', (onPullEnd as any) as EventListener)\n}\n\nconst _stopMouseListeners = () => {\n  document.removeEventListener('mousemove', (onPullMove as any) as EventListener)\n  document.removeEventListener('mouseup', (onPullEnd as any) as EventListener)\n}\n\n// 事件方法\nconst onPullStart = (e: TouchEvent | MouseEvent) => {\n  if (props.disabled || state.value === 'loading') return\n  _startY.value = _getClientY(e)\n  _isTracking.value = true\n  if (!('touches' in e)) {\n    _startMouseListeners()\n  }\n}\n\nconst onPullMove = (e: TouchEvent | MouseEvent) => {\n  if (!_isTracking.value) return\n  _pendingDeltaY = _getClientY(e) - _startY.value\n  if (_pendingDeltaY > 0 && _isAtTop()) {\n    if (!_isPulling.value) {\n      _isPulling.value = true\n    }\n    e.preventDefault()\n    if (_rafId === null) {\n      _rafId = requestAnimationFrame(() => {\n        _rafId = null\n        const d = _pendingDeltaY * 0.4\n        pullDistance.value = d\n        state.value = d >= threshold.value ? 'ready' : 'pulling'\n      })\n    }\n  } else if (_isPulling.value) {\n    _resetPull()\n  }\n}\n\nconst onPullEnd = () => {\n  if (!_isTracking.value) return\n  _isTracking.value = false\n  _stopMouseListeners()\n  if (_rafId !== null) {\n    cancelAnimationFrame(_rafId)\n    _rafId = null\n  }\n  if (_isPulling.value && state.value === 'ready') {\n    state.value = 'loading'\n    pullDistance.value = threshold.value\n    emit('refresh')\n  } else {\n    _resetPull()\n  }\n}\n\nconst _resetPull = () => {\n  if (_rafId !== null) {\n    cancelAnimationFrame(_rafId)\n    _rafId = null\n  }\n  _isPulling.value = false\n  pullDistance.value = 0\n  state.value = 'idle'\n}\n\n// 开放方法\nconst finishRefresh = () => {\n  _resetPull()\n}\n\n// 导出类型\nexport interface ClPullToRefreshExpose {\n  finishRefresh: () => void\n}\n\ndefineExpose({ finishRefresh })\n</script>\n"],"names":["props","__props","emit","__emit","refElContent","ref","state","pullDistance","_startY","_isTracking","_isPulling","_scrollTop","_rafId","_pendingDeltaY","threshold","computed","_isVirtual","clsParent","cls","indicatorStyle","indicatorText","_isAtTop","el","_getClientY","onScrollerScroll","onScrollEnd","_startMouseListeners","onPullMove","onPullEnd","_stopMouseListeners","onPullStart","d","_resetPull","__expose","_createElementBlock","_normalizeClass","_createElementVNode","_hoisted_1","_renderSlot","_ctx","_hoisted_2","_toDisplayString","_openBlock","_hoisted_3","_createVNode","_unref","DynamicScroller","item","index","active","DynamicScrollerItem","_hoisted_4","_hoisted_5"],"mappings":"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"}

package/buildLibs/utils/Shared/Alert.css

@@ -0,0 +1 @@
+.panel-alert .alert-body{padding:16px;text-align:center;word-break:break-all}.alert-body>.alert-icon{margin:20px 0 0}.alert-body>.alert-icon>i{font-size:80px}.alert-body>.alert-title{padding:32px 0 0;color:#595959;font-size:30px;font-weight:600}.alert-body>.alert-icon+.alert-title{padding-top:16px}.alert-body>.alert-text{padding:32px 0 0;font-size:18px;font-weight:400;line-height:normal;text-align:center;word-wrap:break-word;word-break:break-word}.alert-body>.alert-icon+.alert-title,.alert-body>.alert-title+.alert-text{padding-top:16px}.alert-body>.alert-operate{margin:20px 0}.alert-body>.alert-operate .alert-submit,.alert-body>.alert-operate .alert-cancel{margin:8px 10px;padding:5px 45px;font-size:16px}

package/buildLibs/utils/Shared/Base.css

@@ -0,0 +1 @@
+.panel-dropdownLayer{position:relative;color:#314659;font-size:14px}.dropdownLayer-dropdown{background-color:#fff;border:1px solid transparent;border-radius:4px;box-sizing:border-box;position:absolute;width:100%;z-index:4000}.dropdownLayer-dropdown-opacity0{opacity:0}.dropdownLayer-dropdown.dropdownLayer-dropdown-open{overflow-x:hidden}.dropdownLayer-dropdown.dropdownLayer-dropdown-down{border-top-width:0;border-top-left-radius:0;border-top-right-radius:0;box-shadow:0 6px 12px #0000002d;overflow-y:hidden}.dropdownLayer-dropdown.dropdownLayer-dropdown-up{border-bottom-width:0;border-bottom-right-radius:0;border-bottom-left-radius:0;box-shadow:0 -6px 12px #0000002d}.dropdownLayer-dropdown.dropdownLayer-dropdown-arrow-left{left:0;right:auto}.dropdownLayer-dropdown.dropdownLayer-dropdown-arrow-right{left:auto;right:0}.dropdownLayer-dropdown.dropdownLayer-dropdown-down.dropdownLayer-dropdown-arrow-center,.dropdownLayer-dropdown.dropdownLayer-dropdown-up.dropdownLayer-dropdown-arrow-center{left:0;right:auto}.dropdownLayer-dropdown.dropdownLayer-dropdown-arrow-top{top:0;bottom:auto}.dropdownLayer-dropdown.dropdownLayer-dropdown-arrow-bottom{top:auto;bottom:0}.dropdownLayer-dropdown.dropdownLayer-dropdown-left.dropdownLayer-dropdown-arrow-center,.dropdownLayer-dropdown.dropdownLayer-dropdown-right.dropdownLayer-dropdown-arrow-center{top:0;bottom:auto}.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown{border-radius:4px}.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-down{border-top-width:1px}.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-up{border-bottom-width:1px}.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown{overflow:visible}.dropdownLayer-dropdown>.arrow{display:none}.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown>.arrow{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid;border-width:9px}.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid;border-width:8px;margin-left:-8px;content:" "}.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-arrow-left>.arrow{left:5px}.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-arrow-right>.arrow{right:5px}.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-arrow-center.dropdownLayer-dropdown-down>.arrow{left:5px}.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-arrow-center.dropdownLayer-dropdown-up>.arrow{left:5px}.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-arrow-top>.arrow{top:2px}.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-arrow-bottom>.arrow{bottom:2px}.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-arrow-center.dropdownLayer-dropdown-top>.arrow{top:2px}.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-arrow-center.dropdownLayer-dropdown-bottom>.arrow{top:2px}.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-up>.arrow{border-bottom-width:0;bottom:-9px}.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-up>.arrow:after{border-top-color:#fff;border-bottom-width:0;bottom:1px}.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-down>.arrow{border-top-width:0;top:-9px}.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-down>.arrow:after{border-bottom-color:#fff;border-top-width:0;top:1px}.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-left>.arrow{border-right-width:0;right:-9px}.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-left>.arrow:after{border-left-color:#fff;border-right-width:0;right:1px;top:-8px}.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-right>.arrow{border-left-width:0;left:-9px}.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-right>.arrow:after{border-right-color:#fff;border-left-width:0;left:9px;bottom:-8px}@keyframes zoomInTop{0%{opacity:0;transform:scaleY(0)}50%{opacity:1}}.zoomInTop{animation-name:zoomInTop;animation-duration:.5s;animation-fill-mode:both;transform-origin:center top;transition-timing-function:ease-in}.dropdownLayer-dropdown-up.zoomInTop{transform-origin:center bottom}@keyframes zoomOutTop{0%{opacity:1}80%{opacity:0}to{opacity:0;transform:scaleY(0)}}.zoomOutTop{animation-name:zoomOutTop;animation-duration:.5s;animation-fill-mode:both;transform-origin:center top;transition-timing-function:ease-in}.dropdownLayer-dropdown-up.zoomOutTop{transform-origin:center bottom!important}.dropdownLayer-theme-list{color:#314659;font-size:14px}.dropdownLayer-dropdown-theme-list.dropdownLayer-dropdown{border-color:#888787}.dropdownLayer-theme-list .dropdownLayer-text{height:36px;box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle;width:100%}.dropdownLayer-text.dropdownLayer-text-down>.dropdownLayer-text-container{border-bottom-right-radius:0!important;border-bottom-left-radius:0!important}.dropdownLayer-text.dropdownLayer-text-up>.dropdownLayer-text-container{border-top-right-radius:0!important;border-top-left-radius:0!important}.dropdownLayer-text>.dropdownLayer-text-container{height:36px;border:1px solid #cfcfcf;background-color:transparent!important;box-shadow:inset 0 0 1px #00000013;padding:6px 0 6px 12px;border-radius:.25rem;font-size:.875rem;color:#555;box-sizing:border-box;cursor:pointer;transition:all .3s linear;display:flex;flex-direction:row;align-items:center}.dropdownLayer-disabled>.dropdownLayer-text>.dropdownLayer-text-container{background-color:#f0f2f5!important;cursor:default}.dropdownLayer-text>.dropdownLayer-text-container.arrow-pos-left{padding-left:1px;padding-right:5px}.dropdownLayer-text>.dropdownLayer-text-container:hover,.dropdownLayer-text.dropdownLayer-text-open>.dropdownLayer-text-container{transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;border-color:#aaa}.dropdownLayer-text-container>.dropdownLayer-text-render{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdownLayer-text-container>.dropdownLayer-text-render>.dropdownLayer-placeholder{color:#6d767e}.panel-dropdownLayer.dropdownLayer-disabled>.dropdownLayer-text>.dropdownLayer-text-container>.dropdownLayer-text-render{opacity:.4}.dropdownLayer-text-container>.dropdownLayer-text-arrow{padding-left:.25rem;padding-right:.25rem;color:#999;height:16px}.dropdownLayer-text-container>.dropdownLayer-text-arrow>i{transition:all .2s ease-in-out}.dropdownLayer-text.dropdownLayer-text-open .dropdownLayer-text-arrow>i{transform:rotate(-180deg)}.dropdownLayer-text-container>.dropdownLayer-text-clear{color:#999;opacity:.5;transition:all .3s linear}.dropdownLayer-text-container>.dropdownLayer-text-clear:hover{opacity:1}.dropdownLayer-arrow>.dropdownLayer-text>.dropdownLayer-text-container{border-radius:4px!important}.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown-theme-list.dropdownLayer-dropdown.dropdownLayer-dropdown-up>.arrow{border-top-color:#888787}.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown-theme-list.dropdownLayer-dropdown.dropdownLayer-dropdown-down>.arrow{border-bottom-color:#888787}.dropdownLayer-theme-popup{display:inline-block}.dropdownLayer-theme-popup .dropdownLayer-text{cursor:pointer}.dropdownLayer-dropdown-theme-popup.dropdownLayer-dropdown{border-color:#e4e7ec;border-radius:4px;width:auto;cursor:default}.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown-theme-popup.dropdownLayer-dropdown.dropdownLayer-dropdown-up>.arrow{border-top-color:#e4e7ec}.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown-theme-popup.dropdownLayer-dropdown.dropdownLayer-dropdown-down>.arrow{border-bottom-color:#e4e7ec}.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown-theme-popup.dropdownLayer-dropdown.dropdownLayer-dropdown-left>.arrow{border-left-color:#e4e7ec}.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown-theme-popup.dropdownLayer-dropdown.dropdownLayer-dropdown-right>.arrow{border-right-color:#e4e7ec}

package/buildLibs/utils/Shared/Base.vue_vue_type_script_setup_true_lang-C_-WLPmH.js

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

package/buildLibs/utils/Shared/Base.vue_vue_type_script_setup_true_lang-C_-WLPmH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Base.vue_vue_type_script_setup_true_lang-C_-WLPmH.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","i","_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":"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"}