@cldemo/ui-kit 1.1.0 → 1.1.2

package/buildLibs/utils/Shared/index-DoxFaAkn.js

@@ -0,0 +1,420 @@
+/* empty css              */
+import { C as i } from "./base-fr2I80sU.js";
+import { createPopper as f } from "@popperjs/core";
+import { C as d } from "./index-B477PjJ3.js";
+const u = ["click", "hover", "focus"], h = { fade: "fade", show: "show" }, m = {
+  type: "tooltip",
+  placement: "top",
+  trigger: "click",
+  theme: "white",
+  wrap: "body",
+  template: "",
+  contentBody: "",
+  contentHeader: "",
+  selectorBody: "",
+  selectorHead: "",
+  selectorArrow: ".arrow",
+  isLoad: !1,
+  loadOnCallback: null,
+  loadOffCallback: null,
+  isRunTrigger: !0,
+  isStopPropagation: !0,
+  isInitShow: !0,
+  isHtml: !0,
+  className: ""
+};
+let g = class {
+  elementModal;
+  optionModal;
+  pageData;
+  pageObject;
+  constructor(e, o) {
+    this.elementModal = {}, this.elementModal.rely = e, this.optionModal = i.getJsonMerge(m, o), this.pageData = {
+      isOpen: !1,
+      events: [],
+      scrollParents: []
+    }, this.pageObject = null, [
+      "listenerOn",
+      "listenerOff",
+      "listenerHide",
+      "listenerRelatedMouseLeave",
+      "onScrollParentScroll"
+    ].forEach((l) => {
+      this[l] = this[l].bind(this);
+    }), this.init();
+  }
+  init() {
+    if (!i.isEmpty(this.optionModal.template)) {
+      const e = this.getEventType();
+      this.setEventListener(e);
+    }
+  }
+  getEventType() {
+    const e = [], o = [];
+    let l = [];
+    return i.isArray(this.optionModal.trigger) ? l = this.optionModal.trigger : i.isString(this.optionModal.trigger) && (l = this.optionModal.trigger.split(",")), l.forEach((a) => {
+      switch (i.isExistValue(u, a) ? a : "") {
+        case "hover":
+          e.push("mouseenter"), o.push("mouseleave");
+          break;
+        case "focus":
+          e.push("focus"), o.push("blur");
+          break;
+        case "click":
+          e.push("click"), o.push("click");
+          break;
+      }
+    }), { on: e, off: o };
+  }
+  setEventListener(e) {
+    i.isEmpty(e.on) || e.on.forEach((o) => {
+      this.pageData.events.push({ on: o, func: this.listenerOn, eventName: o }), this.elementModal.rely.addEventListener(o, this.listenerOn);
+    }), i.isEmpty(e.off) || e.off.forEach((o) => {
+      this.pageData.events.push({ off: o, func: this.listenerOff, eventName: o }), this.elementModal.rely.addEventListener(o, this.listenerOff);
+    });
+  }
+  listenerOn(e) {
+    if (this.optionModal.isInitShow) {
+      if (this.optionModal.isStopPropagation && (e.preventDefault(), e.stopPropagation()), this.pageData.isOpen || !this.optionModal.isRunTrigger)
+        return;
+      e.useOpenToTip = !0, this.show(), this.optionModal.isLoad && i.isFunction(this.optionModal.loadOnCallback) && this.optionModal.loadOnCallback();
+    }
+  }
+  listenerOff(e) {
+    !this.optionModal.isRunTrigger || i.isBoolean(e.useOpenToTip) && e.useOpenToTip || (this.hide(e), this.optionModal.isLoad && i.isFunction(this.optionModal.loadOffCallback) && this.optionModal.loadOffCallback());
+  }
+  show() {
+    if (i.isString(this.optionModal.wrap)) {
+      const e = window.document.querySelector(this.optionModal.wrap);
+      if (i.isUndefined(e))
+        return;
+    }
+    this.pageData.isOpen || this.operateShow();
+  }
+  operateShow() {
+    if (!this.pageData.isOpen) {
+      if (this.pageData.isOpen = !0, i.isUndefined(this.elementModal.tip)) {
+        this.elementModal.tip = this.createElement();
+        const o = this.getWrapElement();
+        i.isUndefined(o) || o.appendChild(this.elementModal.tip);
+        const l = {
+          placement: this.optionModal.placement
+        };
+        l.modifiers = [
+          {
+            name: "offset",
+            options: {
+              offset: [0, 8]
+            }
+          }
+        ], this.pageObject = f(
+          this.elementModal.rely,
+          this.elementModal.tip,
+          l
+        );
+      } else
+        this.elementModal.tip.style.opacity = "", this.elementModal.tip.style.pointerEvents = "", this.pageObject.setOptions({
+          modifiers: [{ name: "eventListeners", enabled: !0 }]
+        });
+      this.setContentBody(this.optionModal.contentBody), this.setContentHeader(this.optionModal.contentHeader);
+      const e = [
+        h.fade,
+        h.show,
+        `bs-${this.optionModal.type}-${this.optionModal.placement}`,
+        `tooltip-${this.optionModal.theme}`
+      ];
+      i.isEmpty(this.optionModal.className) || this.optionModal.className.split(" ").forEach((o) => {
+        i.isEmpty(o) || e.push(o);
+      }), this.elementModal.tip.className = d.getAddClass(
+        this.elementModal.tip.className,
+        e
+      ), setTimeout(() => {
+        this.pageObject.update();
+      }, 50), this.pageData.scrollParents = this.getScrollParents(), i.isEmpty(this.pageData.scrollParents) || this.pageData.scrollParents.forEach((o) => {
+        o.addEventListener("scroll", this.onScrollParentScroll, { passive: !0 });
+      });
+    }
+  }
+  createElement() {
+    const e = window.document.createElement("div");
+    return e.innerHTML = this.optionModal.template, e.childNodes[0];
+  }
+  setContentBody(e) {
+    if (!i.isEmpty(this.optionModal.selectorBody) && !i.isEmpty(e))
+      if (i.isUndefined(this.elementModal.tip))
+        this.optionModal.contentBody = e;
+      else {
+        const o = this.elementModal.tip.querySelector(this.optionModal.selectorBody);
+        if (!i.isUndefined(o)) {
+          if (this.optionModal.isHtml) {
+            const l = e.replace(/\\n/g, "<br>").replace(/\n/g, "<br>");
+            o.innerHTML = l;
+          } else
+            o.innerText = e;
+          this.optionModal.contentBody = e, this.pageObject.update();
+        }
+      }
+  }
+  setInitShow(e) {
+    this.optionModal.isInitShow = e;
+  }
+  setContentHeader(e) {
+    if (!i.isEmpty(this.optionModal.selectorHead)) {
+      const o = this.elementModal.tip.querySelector(this.optionModal.selectorHead);
+      if (!i.isUndefined(o)) {
+        const l = i.isEmpty(e) ? "" : e;
+        this.optionModal.isHtml ? o.innerHTML = l : o.innerText = l, this.optionModal.contentHeader = l, this.pageObject.update();
+      }
+    }
+  }
+  getWrapElement() {
+    let e;
+    return i.isString(this.optionModal.wrap) ? e = window.document.querySelector(this.optionModal.wrap) : this.optionModal.wrap === !1 && (e = this.elementModal.rely.parentNode), e;
+  }
+  // 查找触发元素的所有可滚动祖先（overflow: auto/scroll/overlay）
+  getScrollParents() {
+    const e = [];
+    let o = this.elementModal.rely.parentElement;
+    for (; o; ) {
+      const l = window.getComputedStyle(o), a = l.overflow + l.overflowX + l.overflowY;
+      /auto|scroll|overlay/.test(a) && e.push(o), o = o.parentElement;
+    }
+    return e;
+  }
+  // 判断触发元素在滚动祖先中是否可见（有任意重叠即视为可见）
+  isVisibleInScrollParents() {
+    const e = this.elementModal.rely.getBoundingClientRect();
+    for (const o of this.pageData.scrollParents) {
+      const l = o.getBoundingClientRect();
+      if (!!(e.right <= l.left || e.left >= l.right || e.bottom <= l.top || e.top >= l.bottom))
+        return !1;
+    }
+    return !0;
+  }
+  // 滚动事件回调：按钮滚出可视区 → opacity 隐藏；滚回来 → 恢复
+  onScrollParentScroll() {
+    if (!this.pageData.isOpen || !this.elementModal.tip)
+      return;
+    const e = this.isVisibleInScrollParents();
+    this.elementModal.tip.style.opacity = e ? "" : "0", this.elementModal.tip.style.pointerEvents = e ? "" : "none";
+  }
+  hide(e) {
+    if (!this.pageData.isOpen || !document.body.contains(this.elementModal.tip))
+      return;
+    let o = !0;
+    if (e.type === "mouseleave") {
+      const l = e.relatedreference || e.toElement || e.relatedTarget;
+      this.elementModal.tip.contains(l) && (o = !1, this.elementModal.tip.addEventListener(e.type, this.listenerRelatedMouseLeave));
+    }
+    o && this.operateHide();
+  }
+  listenerRelatedMouseLeave(e) {
+    const o = e.relatedreference || e.toElement || e.relatedTarget;
+    this.elementModal.tip.removeEventListener(e.type, this.listenerRelatedMouseLeave), this.elementModal.rely.contains(o) || this.hide(e);
+  }
+  operateHide() {
+    this.pageData.isOpen && (this.pageData.isOpen = !1, i.isEmpty(this.pageData.scrollParents) || (this.pageData.scrollParents.forEach((e) => {
+      e.removeEventListener("scroll", this.onScrollParentScroll);
+    }), this.pageData.scrollParents = []), this.pageObject.setOptions({
+      modifiers: [{ name: "eventListeners", enabled: !1 }]
+    }), this.elementModal.tip.className = d.getRemoveClass(
+      this.elementModal.tip.className,
+      h.show
+    ), this.elementModal.tip.removeEventListener("mouseenter", this.listenerHide), this.elementModal.tip.removeEventListener("click", this.listenerHide), this.elementModal.tip.parentNode.removeChild(this.elementModal.tip), this.elementModal.tip = null);
+  }
+  listenerHide() {
+    this.operateHide();
+  }
+  setRunTrigger(e) {
+    this.optionModal.isRunTrigger = e;
+  }
+  dispose() {
+    this.pageData.events.forEach(({ eventName: e, func: o }) => {
+      this.elementModal.rely.removeEventListener(e, o);
+    }), this.pageData.events = [], this.pageObject && (this.operateHide(), this.pageObject.destroy());
+  }
+  clShow() {
+    this.operateShow();
+  }
+  clHide() {
+    this.operateHide();
+  }
+  clToggle() {
+    this.pageData.isOpen ? this.operateHide() : this.operateShow();
+  }
+  clSetContentBody(e) {
+    this.setContentBody(e);
+  }
+  clSetContentHeader(e) {
+    this.setContentHeader(e);
+  }
+  clSetRunTrigger(e) {
+    this.setRunTrigger(e);
+  }
+  clSetInitShow(e) {
+    this.setInitShow(e);
+  }
+  clDispose() {
+    this.dispose();
+  }
+};
+const s = {
+  positions: {
+    top: "top",
+    topLeft: "top-start",
+    topRight: "top-end",
+    right: "right",
+    rightTop: "right-start",
+    rightBottom: "right-end",
+    bottom: "bottom",
+    bottomLeft: "bottom-start",
+    bottomRight: "bottom-end",
+    left: "left",
+    leftTop: "left-start",
+    leftBottom: "left-end"
+  },
+  triggers: ["hover", "click", "focus"],
+  themes: ["white", "black"],
+  options: {
+    position: "top",
+    // top | topLeft | topRight | right | rightTop | rightBottom | bottom | bottomLeft | bottomRight | left | leftTop | leftBottom
+    trigger: "hover",
+    // hover | focus | click
+    theme: "white",
+    // white | black
+    template: "<div class='tooltip'><div class='tooltip-inner'></div><div class='arrow' data-popper-arrow></div></div>",
+    selectorBody: ".tooltip-inner",
+    selectorArrow: ".arrow",
+    isHtml: !0,
+    isRunTrigger: !0,
+    isFixedVisible: !1,
+    // todo 待定
+    isStopPropagation: !0,
+    className: ""
+  },
+  bind: (t, e) => {
+    s.create(t, e);
+  },
+  create: (t, e) => {
+    if (i.isObject(e) && !i.isUndefined(e.value) && s.getIsInit(e)) {
+      const l = s._getValueHtml(e.value);
+      if (!i.isEmpty(l)) {
+        const a = s.getOptions();
+        a.contentBody = l, a.placement = s.getPosition(e), a.trigger = s.getTrigger(e), a.theme = s.getTheme(e), a.isHtml = s.getIsHtml(e), a.isFixedVisible = s.getFixedVisible(e), a.isStopPropagation = s.getStopPropagation(e), a.className = s.getClassName(e);
+        try {
+          const n = new g(t, a);
+          n._vueEl = t, t._tooltip = n;
+        } catch {
+        }
+      }
+    }
+  },
+  getIsInit: (t) => i.isObject(t.value) && i.isBoolean(t.value.init) ? t.value.init : !0,
+  getOptions: () => i.getJsonClone(s.options),
+  _getValueHtml: (t) => {
+    let e = "";
+    switch (i.getTypeof(t)) {
+      case "string":
+      case "number":
+        e = t.toString();
+        break;
+      case "object":
+        i.isEmpty(t.html) || (e = t.html);
+        break;
+      default:
+        e = "";
+    }
+    return e;
+  },
+  getPosition: (t) => {
+    let e = i.isObject(t.value) ? t.value.position : "";
+    if (i.isEmpty(e))
+      for (const [o, l] of Object.entries(s.positions))
+        t.modifiers[o] && (e = l);
+    else
+      i.isExistJsonKey(s.positions, e) && (e = s.positions[e]);
+    return i.isEmpty(e) ? s.options.position : e;
+  },
+  getTrigger: (t) => {
+    let e = i.isObject(t.value) ? t.value.trigger : "";
+    return i.isEmpty(e) && s.triggers.forEach((o) => {
+      t.modifiers[o] && (e = o);
+    }), i.isEmpty(e) ? s.options.trigger : e;
+  },
+  getTheme: (t) => {
+    let e = i.isObject(t.value) ? t.value.theme : "";
+    return i.isEmpty(e) && s.themes.forEach((o) => {
+      t.modifiers[o] && (e = o);
+    }), i.isEmpty(e) ? s.options.theme : e;
+  },
+  getIsHtml: (t) => {
+    const e = i.isObject(t.value) ? t.value.isHtml : !0;
+    return i.isBoolean(e) ? e : s.options.isHtml;
+  },
+  getIsRunTrigger: (t) => i.isObject(t) && i.isBoolean(t.isRunTrigger) ? t.isRunTrigger : !0,
+  getFixedVisible: (t) => {
+    const e = i.isObject(t.value) ? t.value.isFixedVisible : !1;
+    return i.isBoolean(e) ? e : s.options.isFixedVisible;
+  },
+  getStopPropagation: (t) => {
+    const e = i.isObject(t.value) ? t.value.isStopPropagation : !1;
+    return i.isBoolean(e) ? e : s.options.isStopPropagation;
+  },
+  getClassName: (t) => {
+    const e = i.isObject(t.value) ? t.value.className : "";
+    return i.isEmpty(e) ? s.options.className : e;
+  },
+  update: (t, e) => {
+    const o = s.getIsInit(e);
+    if (o) {
+      !t._tooltip && o && s.create(t, e);
+      const l = s._getValueHtml(e.value), a = s._getValueHtml(e.oldValue), n = i.isObject(e.value);
+      let p = !1;
+      if (l !== a)
+        p = !0;
+      else if (n && !i.isUndefined(e.value.updRefreshInx)) {
+        const r = e.value.updRefreshInx, c = e.oldValue.updRefreshInx;
+        r !== c && (p = !0);
+      }
+      if (t._tooltip) {
+        p && t._tooltip.clSetContentBody(l), t._tooltip.clSetInitShow(o);
+        const r = s.getIsRunTrigger(e.value), c = s.getIsRunTrigger(e.oldValue);
+        (!r || !o) && t._tooltip.clHide(), r !== c && t._tooltip.clSetRunTrigger(r);
+      }
+    } else
+      s.destroy(t);
+  },
+  destroy: (t) => {
+    t._tooltip && (t._tooltip.clDispose(), delete t._tooltip);
+  },
+  show: (t) => {
+    t._tooltip && t._tooltip.clShow();
+  },
+  hide: (t) => {
+    t._tooltip && t._tooltip.clHide();
+  }
+}, M = "clTooltip", v = () => ({
+  deep: !0,
+  mounted: s.bind,
+  updated: s.update,
+  unmounted: s.destroy
+}), y = {
+  mounted: s.bind,
+  updated: s.update
+}, O = {
+  show: s.show,
+  hide: s.hide
+}, b = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  directive: v,
+  name: M,
+  tooltipCommon: O,
+  tooltipDirectives: y
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  b as T,
+  O as a,
+  v as d,
+  M as n,
+  y as t
+};

package/buildLibs/utils/Shared/language-BaLIp7bA.js

@@ -0,0 +1,111 @@
+import { ref as u, watch as i } from "vue";
+import { L as n } from "./index-BIzRLXG5.js";
+import { g as f } from "./globalConfig-C5mivGXK.js";
+const L = {
+  zh_cn: {
+    common: {
+      // 通用按钮 / 状态
+      confirm: "确认",
+      submit: "提交",
+      search: "搜索",
+      remove: "移除",
+      clearInput: "清除输入内容",
+      clearAll: "清除全部",
+      // 无障碍名称
+      loading: "加载中",
+      overlay: "遮罩层",
+      breadcrumb: "面包屑导航",
+      copy: "复制",
+      showPassword: "显示密码",
+      hidePassword: "隐藏密码",
+      increase: "增加",
+      decrease: "减少",
+      close: "关闭",
+      dialog: "对话框",
+      textarea: "文本输入区域",
+      expand: "展开",
+      collapse: "折叠",
+      // 地区选择
+      areaTitle: "地区选择"
+    }
+  },
+  en: {
+    common: {
+      confirm: "Confirm",
+      submit: "Submit",
+      search: "Search",
+      remove: "Remove",
+      clearInput: "Clear input",
+      clearAll: "Clear all",
+      loading: "Loading",
+      overlay: "Overlay backdrop",
+      breadcrumb: "Breadcrumb",
+      copy: "Copy",
+      showPassword: "Show password",
+      hidePassword: "Hide password",
+      increase: "Increase",
+      decrease: "Decrease",
+      close: "Close",
+      dialog: "Dialog",
+      textarea: "Text input area",
+      expand: "Expand",
+      collapse: "Collapse",
+      areaTitle: "Select region"
+    }
+  }
+};
+n.initMerge({ packageData: L });
+const y = "locale", h = "zh_cn";
+function p() {
+  const a = f(y);
+  if (typeof a == "string" && a.length > 0) return a;
+  const e = n.getType();
+  if (typeof e == "string" && e.length > 0) return e;
+  if (e && typeof e == "object" && "type" in e) {
+    const t = e.type;
+    if (typeof t == "string" && t.length > 0) return t;
+  }
+  return h;
+}
+function m() {
+  const a = u(p());
+  return i(p, (e) => {
+    a.value = e;
+  }), { optLocale: a };
+}
+function P() {
+  const { optLocale: a } = m(), e = u({}), t = () => {
+    const r = n.getCommon() || {}, c = {};
+    Object.keys(r).forEach((s) => {
+      const g = r[s];
+      typeof g == "string" && (c[s] = g);
+    }), e.value = c;
+  };
+  return t(), i(a, t), { optA11yText: e };
+}
+const w = () => {
+  const a = u({}), { optLocale: e } = m(), t = (o) => {
+    a.value = n.getPage(o);
+  };
+  let r = "";
+  const c = (o) => {
+    r = o, t(o);
+  };
+  return i(e, () => {
+    r && t(r);
+  }), {
+    optPageLanguage: a,
+    optLocale: e,
+    getPageLanguage: c,
+    getLanguageValue: (o) => n.getValue(o),
+    getLanguageType: () => n.getType(),
+    getCommonText: (o, d) => {
+      const l = n.getValue(`common.${o}`);
+      return typeof l == "string" && l.length > 0 ? l : d;
+    }
+  };
+};
+export {
+  w as a,
+  P as u
+};

package/buildLibs/utils/Shared/language-CBZjQ9dC.js

@@ -0,0 +1 @@
+"use strict";const c=require("vue"),o=require("./index-C2go56jd.js"),d=require("./globalConfig-BjG8BDet.js"),f={zh_cn:{common:{confirm:"确认",submit:"提交",search:"搜索",remove:"移除",clearInput:"清除输入内容",clearAll:"清除全部",loading:"加载中",overlay:"遮罩层",breadcrumb:"面包屑导航",copy:"复制",showPassword:"显示密码",hidePassword:"隐藏密码",increase:"增加",decrease:"减少",close:"关闭",dialog:"对话框",textarea:"文本输入区域",expand:"展开",collapse:"折叠",areaTitle:"地区选择"}},en:{common:{confirm:"Confirm",submit:"Submit",search:"Search",remove:"Remove",clearInput:"Clear input",clearAll:"Clear all",loading:"Loading",overlay:"Overlay backdrop",breadcrumb:"Breadcrumb",copy:"Copy",showPassword:"Show password",hidePassword:"Hide password",increase:"Increase",decrease:"Decrease",close:"Close",dialog:"Dialog",textarea:"Text input area",expand:"Expand",collapse:"Collapse",areaTitle:"Select region"}}};o.LanguagePack.initMerge({packageData:f});const m="locale",y="zh_cn";function i(){const a=d.getGlobalConfig(m);if(typeof a=="string"&&a.length>0)return a;const e=o.LanguagePack.getType();if(typeof e=="string"&&e.length>0)return e;if(e&&typeof e=="object"&&"type"in e){const t=e.type;if(typeof t=="string"&&t.length>0)return t}return y}function p(){const a=c.ref(i());return c.watch(i,e=>{a.value=e}),{optLocale:a}}function h(){const{optLocale:a}=p(),e=c.ref({}),t=()=>{const r=o.LanguagePack.getCommon()||{},g={};Object.keys(r).forEach(s=>{const u=r[s];typeof u=="string"&&(g[s]=u)}),e.value=g};return t(),c.watch(a,t),{optA11yText:e}}const P=()=>{const a=c.ref({}),{optLocale:e}=p(),t=n=>{a.value=o.LanguagePack.getPage(n)};let r="";const g=n=>{r=n,t(n)};return c.watch(e,()=>{r&&t(r)}),{optPageLanguage:a,optLocale:e,getPageLanguage:g,getLanguageValue:n=>o.LanguagePack.getValue(n),getLanguageType:()=>o.LanguagePack.getType(),getCommonText:(n,L)=>{const l=o.LanguagePack.getValue(`common.${n}`);return typeof l=="string"&&l.length>0?l:L}}};exports.useA11yLanguage=h;exports.useLanguage=P;