@opentiny/vue-renderless 3.6.0 → 3.6.1-alpha.2

package/dropdown-menu/index.js

@@ -1,76 +1,61 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import userPopper from '@opentiny/vue-renderless/common/deps/vue-popper';
-export var toggleItem = function toggleItem(state) {
-  return function (active, item) {
-    if (item.disabled) {
-      return;
-    }
-    if (item.type == 'sort') {
-      if (!item.modelValue || item.modelValue === 'desc') {
-        item.state.sort = 'asc';
-        item.$emit('update:modelValue', 'asc');
-        item.$emit('click', 'asc');
-      } else {
-        item.state.sort = 'desc';
-        item.$emit('update:modelValue', 'desc');
-        item.$emit('click', 'desc');
-      }
+import {
+  __spreadValues
+} from "../chunk-PKUHTIDK.js";
+import userPopper from "@opentiny/vue-renderless/common/deps/vue-popper";
+const toggleItem = (state) => (active, item) => {
+  if (item.disabled) {
+    return;
+  }
+  if (item.type == "sort") {
+    if (!item.modelValue || item.modelValue === "desc") {
+      item.state.sort = "asc";
+      item.$emit("update:modelValue", "asc");
+      item.$emit("click", "asc");
     } else {
-      var singleton = state.children.length === 1 && item.state.showPopup;
-      state.children.forEach(function (item, index) {
-        if (index === active && !singleton) {
-          item.toggle(true);
-        } else if (item.state.showPopup) {
-          item.toggle(false, {
-            immediate: true
-          });
-        }
-      });
+      item.state.sort = "desc";
+      item.$emit("update:modelValue", "desc");
+      item.$emit("click", "desc");
     }
-  };
+  } else {
+    const singleton = state.children.length === 1 && item.state.showPopup;
+    state.children.forEach((item2, index) => {
+      if (index === active && !singleton) {
+        item2.toggle(true);
+      } else if (item2.state.showPopup) {
+        item2.toggle(false, { immediate: true });
+      }
+    });
+  }
 };
-export var updateOffset = function updateOffset(_ref) {
-  var props = _ref.props,
-    state = _ref.state,
-    refs = _ref.refs;
-  return function () {
-    if (!refs.menu) {
-      return;
-    }
-    var rect = refs.menu.getBoundingClientRect();
-    if (props.direction === 'down') {
-      state.offset = rect.bottom;
-    } else {
-      state.offset = window.innerHeight - rect.top;
-    }
-  };
+const updateOffset = ({ props, state, refs }) => () => {
+  if (!refs.menu) {
+    return;
+  }
+  const rect = refs.menu.getBoundingClientRect();
+  if (props.direction === "down") {
+    state.offset = rect.bottom;
+  } else {
+    state.offset = window.innerHeight - rect.top;
+  }
 };
-export var clickOutside = function clickOutside(_ref2) {
-  var props = _ref2.props,
-    state = _ref2.state;
-  return function () {
-    if (props.closeOnClickOutside && props.closeOnClickOverlay) {
-      state.children.forEach(function (item) {
-        item.type !== 'filter' && item.toggle(false);
-      });
-    }
-  };
+const clickOutside = ({ props, state }) => () => {
+  if (props.closeOnClickOutside && props.closeOnClickOverlay) {
+    state.children.forEach((item) => {
+      item.type !== "filter" && item.toggle(false);
+    });
+  }
 };
-export var getScroller = function getScroller(el, root) {
-  var overflowScrollReg = /scroll|auto/i;
-  var node = el;
-  var getComputedStyle = window.getComputedStyle;
-  while (node && node.tagName !== 'HTML' && node.nodeType === 1 && node !== root) {
-    var _getComputedStyle = getComputedStyle(node),
-      overflowY = _getComputedStyle.overflowY;
+const getScroller = (el, root) => {
+  const overflowScrollReg = /scroll|auto/i;
+  let node = el;
+  let getComputedStyle = window.getComputedStyle;
+  while (node && node.tagName !== "HTML" && node.nodeType === 1 && node !== root) {
+    const { overflowY } = getComputedStyle(node);
     if (overflowScrollReg.test(overflowY)) {
-      if (node.tagName !== 'BODY') {
+      if (node.tagName !== "BODY") {
         return node;
       }
-      var _getComputedStyle2 = getComputedStyle(node.parentNode),
-        htmlOverflowY = _getComputedStyle2.overflowY;
+      const { overflowY: htmlOverflowY } = getComputedStyle(node.parentNode);
       if (overflowScrollReg.test(htmlOverflowY)) {
         return node;
       }
@@ -79,70 +64,59 @@ export var getScroller = function getScroller(el, root) {
   }
   return root;
 };
-export var useVuePopper = function useVuePopper(_ref3) {
-  var api = _ref3.api,
-    props = _ref3.props,
-    hooks = _ref3.hooks,
-    instance = _ref3.instance,
-    state = _ref3.state;
-  var inject = hooks.inject,
-    nextTick = hooks.nextTick,
-    onBeforeUnmount = hooks.onBeforeUnmount,
-    onDeactivated = hooks.onDeactivated,
-    onMounted = hooks.onMounted,
-    reactive = hooks.reactive,
-    toRefs = hooks.toRefs,
-    watch = hooks.watch;
-  var emit = instance.emit,
-    refs = instance.refs,
-    slots = instance.slots,
-    vm = instance.vm,
-    parent = instance.parent;
-  var dropdown = inject('dropdown');
-  var popper = userPopper({
-    emit: emit,
-    nextTick: nextTick,
-    onBeforeUnmount: onBeforeUnmount,
-    onDeactivated: onDeactivated,
-    props: _objectSpread({
-      popperOptions: {
-        boundariesPadding: 0,
-        gpuAcceleration: false
-      },
+const useVuePopper = ({ api, props, hooks, instance, state }) => {
+  const { inject, nextTick, onBeforeUnmount, onDeactivated, onMounted, reactive, toRefs, watch } = hooks;
+  const { emit, refs, slots, vm, parent } = instance;
+  const dropdown = inject("dropdown");
+  const popper = userPopper({
+    emit,
+    nextTick,
+    onBeforeUnmount,
+    onDeactivated,
+    props: __spreadValues({
+      popperOptions: { boundariesPadding: 0, gpuAcceleration: false },
       offset: 0,
       boundariesPadding: 5
     }, props),
-    reactive: reactive,
-    refs: refs,
-    slots: slots,
-    toRefs: toRefs,
-    watch: watch
+    reactive,
+    refs,
+    slots,
+    toRefs,
+    watch
   });
-  onMounted(function () {
+  onMounted(() => {
     dropdown.popperElm = popper.popperElm.value = vm.$el;
     popper.referenceElm.value = dropdown.$el;
     dropdown.initDomOperation();
   });
-  onBeforeUnmount(function () {
-    popper.destroyPopper('remove');
+  onBeforeUnmount(() => {
+    popper.destroyPopper("remove");
     popper.popperElm = null;
     popper.referenceElm = null;
   });
   api.doDestroy = popper.doDestroy;
   state.size = dropdown.size;
   state.showPopper = popper.showPopper.value;
-  parent.$on('updatePopper', function () {
+  parent.$on("updatePopper", () => {
     if (state.showPopper) {
       popper.updatePopper();
     }
   });
-  parent.$on('visible', function (value) {
+  parent.$on("visible", (value) => {
     state.showPopper = value;
     popper.showPopper.value = value;
   });
-  watch(function () {
-    return props.placement;
-  }, function (value) {
-    popper.currentPlacement.value = value;
-  });
-};
+  watch(
+    () => props.placement,
+    (value) => {
+      popper.currentPlacement.value = value;
+    }
+  );
+};
+export {
+  clickOutside,
+  getScroller,
+  toggleItem,
+  updateOffset,
+  useVuePopper
+};

package/dropdown-menu/vue.js

@@ -1,47 +1,34 @@
-import { toggleItem, updateOffset, clickOutside, getScroller, useVuePopper } from './index';
-export var api = ['state', 'toggleItem', 'updateOffset', 'clickOutside', 'doDestroy'];
-export var renderless = function renderless(props, hooks, instance) {
-  var api = {};
-  var reactive = hooks.reactive,
-    provide = hooks.provide;
-  var refs = instance.refs,
-    nextTick = instance.nextTick,
-    mode = instance.mode,
-    vm = instance.vm;
-  var state = reactive({
+import "../chunk-PKUHTIDK.js";
+import { toggleItem, updateOffset, clickOutside, getScroller, useVuePopper } from "./index";
+const api = ["state", "toggleItem", "updateOffset", "clickOutside", "doDestroy"];
+const renderless = (props, hooks, instance) => {
+  const api2 = {};
+  const { reactive, provide } = hooks;
+  const { refs, nextTick, mode, vm } = instance;
+  const state = reactive({
     offset: 0,
     scroller: null,
     children: [],
-    size: '',
+    size: "",
     showPopper: false
   });
-  if (mode === 'mobile') {
-    provide('dropdownMenu', vm);
-    nextTick(function () {
+  if (mode === "mobile") {
+    provide("dropdownMenu", vm);
+    nextTick(() => {
       state.scroller = getScroller(refs.menu);
     });
   } else {
-    useVuePopper({
-      api: api,
-      hooks: hooks,
-      props: props,
-      instance: instance,
-      state: state
-    });
+    useVuePopper({ api: api2, hooks, props, instance, state });
   }
-  Object.assign(api, {
-    state: state,
+  Object.assign(api2, {
+    state,
     toggleItem: toggleItem(state),
-    clickOutside: clickOutside({
-      props: props,
-      refs: refs,
-      state: state
-    }),
-    updateOffset: updateOffset({
-      props: props,
-      state: state,
-      refs: refs
-    })
+    clickOutside: clickOutside({ props, refs, state }),
+    updateOffset: updateOffset({ props, state, refs })
   });
-  return api;
-};
+  return api2;
+};
+export {
+  api,
+  renderless
+};

package/espace/index.js

@@ -1,113 +1,89 @@
-import { xss } from '@opentiny/vue-renderless/common';
-export var getUserHref = function getUserHref(_ref) {
-  var api = _ref.api,
-    props = _ref.props;
-  return function (item) {
-    var type = item.type ? String(item.type).toLocaleLowerCase() : '';
-    var value = item.value ? String(item.value).toLocaleLowerCase() : '';
-    var href = '';
-    if (props.isNewImMode) {
-      if (type === 'im' || type === 'sip') {
-        href = 'javascript:;';
-      } else {
-        href = "".concat(type, ":").concat(value);
-      }
-      if (type === 'im' || type === 'sip') {
-        api.testUID(value);
-      }
+import "../chunk-PKUHTIDK.js";
+import { xss } from "@opentiny/vue-renderless/common";
+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 = "".concat(type, ":").concat(value);
+      href = `${type}:${value}`;
     }
-    return xss.filterUrl(href);
-  };
+    if (type === "im" || type === "sip") {
+      api.testUID(value);
+    }
+  } else {
+    href = `${type}:${value}`;
+  }
+  return xss.filterUrl(href);
 };
-export var getUserTitle = function getUserTitle(item) {
-  var type = item.type ? String(item.type).toLocaleLowerCase() : '';
-  var value = item.value ? String(item.value).toLocaleLowerCase() : '';
-  var title = "".concat(type, ":").concat(value);
+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;
 };
-export var doUserAction = function doUserAction(_ref2) {
-  var api = _ref2.api,
-    props = _ref2.props,
-    state = _ref2.state,
-    eSpaceCtrl = _ref2.eSpaceCtrl;
-  return function (item) {
-    state.dataItem = item;
-    var 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 doUserAction = ({ api, props, state, eSpaceCtrl }) => (item) => {
+  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();
         }
       }
     }
-  };
+  }
 };
-export var initEspaceLink = function initEspaceLink(_ref3) {
-  var api = _ref3.api,
-    props = _ref3.props,
-    state = _ref3.state,
-    eSpaceCtrl = _ref3.eSpaceCtrl,
-    eSpaceCtrlDisabled = _ref3.eSpaceCtrlDisabled;
-  return function () {
-    var flag = localStorage.getItem('eSpaceCtrl_initialized');
-    var dataItem = state.dataItem;
-    var type = dataItem.type ? String(dataItem.type).toLocaleLowerCase() : '';
-    if (Number(flag)) {
+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') {
+      if (type === "im") {
         api.openEspace();
-      } else if (type === 'sip') {
+      } else if (type === "sip") {
         api.soundEspace();
       }
-    } else if (!eSpaceCtrlDisabled) {
-      var timeout = props.timeout || 3000;
-      var pollingInterval = props.pollingInterval || 1000;
-      var options = {
-        timeout: timeout,
-        pollingInterval: pollingInterval
-      };
-      eSpaceCtrl.init && eSpaceCtrl.init(options);
-      eSpaceCtrl.ready && eSpaceCtrl.ready(function () {
-        state.initialized = true;
-        if (type === 'im') {
-          api.openEspace();
-        } else if (type === 'sip') {
-          api.soundEspace();
-        }
-      });
-      eSpaceCtrl.error && eSpaceCtrl.error(function () {
-        state.initialized = false;
-      });
-    }
-  };
+    });
+    eSpaceCtrl.error && eSpaceCtrl.error(() => {
+      state.initialized = false;
+    });
+  }
 };
-export var openEspace = function openEspace(_ref4) {
-  var api = _ref4.api,
-    state = _ref4.state,
-    eSpaceCtrl = _ref4.eSpaceCtrl;
-  return function () {
-    var dataItem = state.dataItem;
-    var uid = dataItem.value ? String(dataItem.value).toLocaleLowerCase() : '';
-    if (uid && api.testUID(uid)) {
-      eSpaceCtrl.showImDialog(uid);
-    }
-  };
+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);
+  }
 };
-export var testUID = function testUID(uid) {
-  uid = uid ? String(uid).toLocaleLowerCase() : '';
+const testUID = (uid) => {
+  uid = uid ? String(uid).toLocaleLowerCase() : "";
   if (uid) {
-    var employer = /^[a-z]\d+$/i;
-    var employee = /^[a-z]{3}\d+$/i;
+    const employer = /^[a-z]\d+$/i;
+    const employee = /^[a-z]{3}\d+$/i;
     if (!employer.test(uid) && !employee.test(uid)) {
       return false;
     }
@@ -115,15 +91,19 @@ export var testUID = function testUID(uid) {
   }
   return false;
 };
-export var soundEspace = function soundEspace(_ref5) {
-  var api = _ref5.api,
-    state = _ref5.state,
-    eSpaceCtrl = _ref5.eSpaceCtrl;
-  return function () {
-    var dataItem = state.dataItem;
-    var uid = dataItem.value ? String(dataItem.value).toLocaleLowerCase() : '';
-    if (uid && api.testUID(uid)) {
-      eSpaceCtrl.eSpaceCallByAccount(uid);
-    }
-  };
-};
+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

@@ -1,52 +1,30 @@
-import { init } from '@opentiny/vue-renderless/common/deps/eSpaceCtrl';
-import { getUserHref, getUserTitle, doUserAction, initEspaceLink, openEspace, testUID, soundEspace } from './index';
-export var api = ['getUserHref', 'getUserTitle', 'doUserAction', 'initEspaceLink', 'openEspace', 'testUID', 'soundEspace'];
-export var renderless = function renderless(props, _ref, _ref2) {
-  var reactive = _ref.reactive;
-  var service = _ref2.service;
-  var api = {};
-  var _ref3 = service || {},
-    _ref3$setting = _ref3.setting,
-    setting = _ref3$setting === void 0 ? {} : _ref3$setting;
-  var _setting$widgets = setting.widgets,
-    widgets = _setting$widgets === void 0 ? {} : _setting$widgets;
-  var eSpaceCtrlDisabled = widgets.ESpaceCtrl && !widgets.ESpaceCtrl.autoLink;
-  var eSpaceCtrl = eSpaceCtrlDisabled ? {} : init();
-  var state = reactive({
+import "../chunk-PKUHTIDK.js";
+import { init } from "@opentiny/vue-renderless/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(api, {
-    state: state,
-    testUID: testUID,
-    getUserTitle: getUserTitle,
-    getUserHref: getUserHref({
-      api: api,
-      props: props
-    }),
-    initEspaceLink: initEspaceLink({
-      api: api,
-      props: props,
-      state: state,
-      eSpaceCtrl: eSpaceCtrl,
-      eSpaceCtrlDisabled: eSpaceCtrlDisabled
-    }),
-    doUserAction: doUserAction({
-      api: api,
-      props: props,
-      state: state,
-      eSpaceCtrl: eSpaceCtrl
-    }),
-    openEspace: openEspace({
-      api: api,
-      state: state,
-      eSpaceCtrl: eSpaceCtrl
-    }),
-    soundEspace: soundEspace({
-      api: api,
-      state: state,
-      eSpaceCtrl: eSpaceCtrl
-    })
+  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 api;
-};
+  return api2;
+};
+export {
+  api,
+  renderless
+};

package/exception/index.js

@@ -1,13 +1,10 @@
-export var create = function create(emit) {
-  return function () {
-    return emit('btn-click');
-  };
+import "../chunk-PKUHTIDK.js";
+const create = (emit) => () => emit("btn-click");
+const getMessage = ({ props, t }) => () => {
+  const types = ["build", "weaknet", "pcview", "busy", "noperm"];
+  return props.message || t(`ui.exception.${~types.indexOf(props.type) ? props.type : "nodata"}`);
+};
+export {
+  create,
+  getMessage
 };
-export var getMessage = function getMessage(_ref) {
-  var props = _ref.props,
-    t = _ref.t;
-  return function () {
-    var types = ['build', 'weaknet', 'pcview', 'busy', 'noperm'];
-    return props.message || t("ui.exception.".concat(~types.indexOf(props.type) ? props.type : 'nodata'));
-  };
-};