@opentinyvue/vue-renderless 3.21.0

package/espace/index.js

@@ -0,0 +1,110 @@
+import "../chunk-G2ADBYYC.js";
+import { xss } from "@opentiny/utils";
+const getUserHref = ({ api, props }) => (item) => {
+  const type = item.type ? String(item.type).toLocaleLowerCase() : "";
+  const value = item.value ? String(item.value).toLocaleLowerCase() : "";
+  let href = "";
+  if (props.isNewImMode) {
+    if (type === "im" || type === "sip") {
+      href = "javascript:;";
+    } else {
+      href = `${type}:${value}`;
+    }
+    if (type === "im" || type === "sip") {
+      api.testUID(value);
+    }
+  } else {
+    href = `${type}:${value}`;
+  }
+  return xss.filterUrl(href);
+};
+const getUserTitle = (item) => {
+  const type = item.type ? String(item.type).toLocaleLowerCase() : "";
+  const value = item.value ? String(item.value).toLocaleLowerCase() : "";
+  const title = `${type}:${value}`;
+  return title;
+};
+const doUserAction = ({ api, props, state, eSpaceCtrl }) => (item, ev) => {
+  ev == null ? void 0 : ev.preventDefault();
+  state.dataItem = item;
+  const type = item.type ? String(item.type).toLocaleLowerCase() : "";
+  if (props.isNewImMode) {
+    if (eSpaceCtrl) {
+      if (state.initialized) {
+        if (type === "im") {
+          api.openEspace();
+        } else if (type === "sip") {
+          api.soundEspace();
+        }
+      } else {
+        if (type === "im" || type === "sip") {
+          api.initEspaceLink();
+        }
+      }
+    }
+  }
+};
+const initEspaceLink = ({ api, props, state, eSpaceCtrl, eSpaceCtrlDisabled }) => () => {
+  const flag = localStorage.getItem("eSpaceCtrl_initialized");
+  const dataItem = state.dataItem;
+  const type = dataItem.type ? String(dataItem.type).toLocaleLowerCase() : "";
+  if (Number(flag)) {
+    state.initialized = true;
+    if (type === "im") {
+      api.openEspace();
+    } else if (type === "sip") {
+      api.soundEspace();
+    }
+  } else if (!eSpaceCtrlDisabled) {
+    const timeout = props.timeout || 3e3;
+    const pollingInterval = props.pollingInterval || 1e3;
+    const options = { timeout, pollingInterval };
+    eSpaceCtrl.init && eSpaceCtrl.init(options);
+    eSpaceCtrl.ready && eSpaceCtrl.ready(() => {
+      state.initialized = true;
+      if (type === "im") {
+        api.openEspace();
+      } else if (type === "sip") {
+        api.soundEspace();
+      }
+    });
+    eSpaceCtrl.error && eSpaceCtrl.error(() => {
+      state.initialized = false;
+    });
+  }
+};
+const openEspace = ({ api, state, eSpaceCtrl }) => () => {
+  const dataItem = state.dataItem;
+  const uid = dataItem.value ? String(dataItem.value).toLocaleLowerCase() : "";
+  if (uid && api.testUID(uid)) {
+    eSpaceCtrl.showImDialog(uid);
+  }
+};
+const testUID = (uid) => {
+  uid = uid ? String(uid).toLocaleLowerCase() : "";
+  if (uid) {
+    const employer = /^[a-z]\d+$/i;
+    const employee = /^[a-z]{3}\d+$/i;
+    if (!employer.test(uid) && !employee.test(uid)) {
+      return false;
+    }
+    return true;
+  }
+  return false;
+};
+const soundEspace = ({ api, state, eSpaceCtrl }) => () => {
+  const dataItem = state.dataItem;
+  const uid = dataItem.value ? String(dataItem.value).toLocaleLowerCase() : "";
+  if (uid && api.testUID(uid)) {
+    eSpaceCtrl.eSpaceCallByAccount(uid);
+  }
+};
+export {
+  doUserAction,
+  getUserHref,
+  getUserTitle,
+  initEspaceLink,
+  openEspace,
+  soundEspace,
+  testUID
+};

package/espace/vue.js

@@ -0,0 +1,38 @@
+import "../chunk-G2ADBYYC.js";
+import { init } from "../common/deps/eSpaceCtrl";
+import { getUserHref, getUserTitle, doUserAction, initEspaceLink, openEspace, testUID, soundEspace } from "./index";
+const api = [
+  "getUserHref",
+  "getUserTitle",
+  "doUserAction",
+  "initEspaceLink",
+  "openEspace",
+  "testUID",
+  "soundEspace"
+];
+const renderless = (props, { reactive }, { service }) => {
+  const api2 = {};
+  const { setting = {} } = service || {};
+  const { widgets = {} } = setting;
+  const eSpaceCtrlDisabled = widgets.ESpaceCtrl && !widgets.ESpaceCtrl.autoLink;
+  const eSpaceCtrl = eSpaceCtrlDisabled ? {} : init();
+  const state = reactive({
+    initialized: false,
+    dataItem: null
+  });
+  Object.assign(api2, {
+    state,
+    testUID,
+    getUserTitle,
+    getUserHref: getUserHref({ api: api2, props }),
+    initEspaceLink: initEspaceLink({ api: api2, props, state, eSpaceCtrl, eSpaceCtrlDisabled }),
+    doUserAction: doUserAction({ api: api2, props, state, eSpaceCtrl }),
+    openEspace: openEspace({ api: api2, state, eSpaceCtrl }),
+    soundEspace: soundEspace({ api: api2, state, eSpaceCtrl })
+  });
+  return api2;
+};
+export {
+  api,
+  renderless
+};

package/exception/index.js

@@ -0,0 +1,5 @@
+import "../chunk-G2ADBYYC.js";
+const emitClick = (emit) => () => emit("click");
+export {
+  emitClick
+};

package/exception/vue.js

@@ -0,0 +1,17 @@
+import "../chunk-G2ADBYYC.js";
+import { emitClick } from "./index";
+const api = ["state", "create"];
+const renderless = (props, { reactive }, { emit }) => {
+  const state = reactive({
+    urlType: props.type
+  });
+  const api2 = {
+    state,
+    create: emitClick(emit)
+  };
+  return api2;
+};
+export {
+  api,
+  renderless
+};

package/fall-menu/index.js

@@ -0,0 +1,100 @@
+import "../chunk-G2ADBYYC.js";
+import { REFRESH_INTERVAL } from "../common";
+import { on, off } from "../common/deps/dom";
+import PopupManager from "../common/deps/popup-manager";
+import { xss } from "@opentiny/utils";
+const arrowClick = (state) => (opt) => {
+  state.pager += opt;
+};
+const overContent = (state) => (on2) => {
+  state.isActive = on2;
+};
+const clickActive = (state) => (index) => {
+  state.active = index;
+};
+const mouseover = ({ fall, props, state }) => (index) => {
+  const popupBox = fall.value;
+  state.activeNode = index;
+  let level2Array = props.data[index].children || [];
+  level2Array.forEach((level2) => {
+    let level3Array = level2.children || [];
+    level3Array.forEach((level3) => {
+      level3.url = xss.filterUrl(level3.url);
+    });
+  });
+  state.level2data = level2Array;
+  if (popupBox && state.level2data.length > 0) {
+    popupBox.style.zIndex = PopupManager.nextZIndex();
+    state.isActive = true;
+  }
+};
+const mouseout = (state) => () => {
+  state.isActive = false;
+  state.activeNode = null;
+};
+const computePx = ({ props, refs, state }) => () => {
+  const list = refs.list;
+  const width = list.parentElement.clientWidth;
+  const arr = list.querySelectorAll("li");
+  const set = {
+    data: [],
+    offset: [],
+    index: []
+  };
+  const liWidth = [];
+  let innerwidth = 0;
+  let start = 0;
+  for (let i = 0, len = arr.length; i < len; i++) {
+    innerwidth += arr[i].clientWidth;
+    liWidth.push(arr[i].clientWidth);
+    if (innerwidth > width || i === len - 1) {
+      set.data.push(props.data.slice(start, i));
+      set.offset.push(`-${arr[start].offsetLeft}px`);
+      set.index.push(i);
+      innerwidth = arr[i].clientWidth;
+      start = i;
+    }
+  }
+  const pagers = set.index.length;
+  const lastRange = set.data.length === 1 ? liWidth : liWidth.slice(set.index[pagers - 2], set.index[pagers]);
+  if (lastRange.reduce((a, b) => a + b) > width) {
+    set.data.push(props.data[start]);
+    set.offset.push(`-${arr[start].offsetLeft}px`);
+  }
+  set.size = set.data.length;
+  state.pagerData = set;
+};
+const reRender = ({ api, state, timeout }) => () => {
+  timeout && clearTimeout(timeout);
+  timeout = setTimeout(() => {
+    api.computePx();
+  }, REFRESH_INTERVAL);
+  state.pager = 1;
+};
+const mounted = ({ api }) => () => {
+  api.computePx();
+  on(window, "resize", api.reRender);
+};
+const beforeDestroy = (api) => () => off(window, "resize", api.reRender);
+const computeLeft = ({ state }) => () => state.pagerData.offset[state.pager - 1];
+const computeData = ({ props }) => () => {
+  if (Array.isArray(props.data) && props.data.length) {
+    props.data.forEach((level1) => {
+      level1.url = xss.filterUrl(level1.url);
+    });
+  }
+  return props.data;
+};
+export {
+  arrowClick,
+  beforeDestroy,
+  clickActive,
+  computeData,
+  computeLeft,
+  computePx,
+  mounted,
+  mouseout,
+  mouseover,
+  overContent,
+  reRender
+};

package/fall-menu/vue.js

@@ -0,0 +1,79 @@
+import "../chunk-G2ADBYYC.js";
+import {
+  mouseover,
+  mouseout,
+  clickActive,
+  computePx,
+  reRender,
+  arrowClick,
+  overContent,
+  mounted,
+  beforeDestroy,
+  computeLeft,
+  computeData
+} from "./index";
+const api = [
+  "state",
+  "fall",
+  "arrowClick",
+  "mouseover",
+  "mouseout",
+  "clickActive",
+  "overContent",
+  "reRender",
+  "left"
+];
+const initState = ({
+  reactive,
+  computed,
+  api: api2,
+  props
+}) => {
+  const state = reactive({
+    pager: 1,
+    level2data: [],
+    activeNode: null,
+    isActive: props.value,
+    pagerData: { data: [], offset: [], index: [] },
+    left: computed(() => api2.computeLeft()),
+    data: computed(() => api2.computeData()),
+    active: 0
+  });
+  return state;
+};
+const initApi = ({
+  api: api2,
+  state,
+  fall,
+  props,
+  refs
+}) => {
+  Object.assign(api2, {
+    fall,
+    state,
+    computePx: computePx({ props, refs, state }),
+    mounted: mounted({ api: api2 }),
+    computeLeft: computeLeft({ state }),
+    beforeDestroy: beforeDestroy(api2),
+    computeData: computeData({ props }),
+    arrowClick: arrowClick(state),
+    overContent: overContent(state),
+    mouseout: mouseout(state),
+    mouseover: mouseover({ props, fall, state }),
+    clickActive: clickActive(state),
+    reRender: reRender({ api: api2, state })
+  });
+};
+const renderless = (props, { computed, reactive, onMounted, onBeforeUnmount, ref }, { refs }) => {
+  const api2 = {};
+  const fall = ref(null);
+  const state = initState({ reactive, computed, api: api2, props });
+  initApi({ api: api2, state, fall, props, refs });
+  onMounted(api2.mounted);
+  onBeforeUnmount(api2.beforeDestroy);
+  return api2;
+};
+export {
+  api,
+  renderless
+};