@opentiny/vue-renderless 3.1.0-alpha.0 → 3.4.7

package/dialog-box/vue.js

@@ -60,7 +60,8 @@ var initApi = function initApi(_ref3) {
     constants = _ref3.constants,
     usePopups = _ref3.usePopups,
     nextTick = _ref3.nextTick,
-    refs = _ref3.refs;
+    refs = _ref3.refs,
+    broadcast = _ref3.broadcast;
   var open = usePopups.open,
     close = usePopups.close,
     doOpen = usePopups.doOpen,
@@ -77,6 +78,7 @@ var initApi = function initApi(_ref3) {
     doAfterOpen: doAfterOpen,
     doAfterClose: doAfterClose,
     restoreBodyStyle: restoreBodyStyle,
+    broadcast: broadcast,
     handleCancel: handleCancel({
       api: api,
       emit: emit
@@ -174,7 +176,8 @@ export var renderless = function renderless(props, _ref5, _ref6) {
     constants = _ref6.constants,
     nextTick = _ref6.nextTick,
     refs = _ref6.refs,
-    mode = _ref6.mode;
+    mode = _ref6.mode,
+    broadcast = _ref6.broadcast;
   var api = {};
   var lockScrollClass = constants.scrollLockClass(mode);
   var state = initState({
@@ -206,7 +209,8 @@ export var renderless = function renderless(props, _ref5, _ref6) {
     usePopups: usePopups,
     lockScrollClass: lockScrollClass,
     nextTick: nextTick,
-    refs: refs
+    refs: refs,
+    broadcast: broadcast
   });
   state = mergeState({
     reactive: reactive,

package/drop-roles/index.js

@@ -0,0 +1,73 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+export var init = function init(_ref) {
+  var state = _ref.state,
+    service = _ref.service,
+    emit = _ref.emit;
+  return function () {
+    var promise;
+    var _service$fields = service.fields,
+      textField = _service$fields.textField,
+      valueField = _service$fields.valueField;
+    if (state.source) {
+      promise = new Promise(function (resolve) {
+        return resolve(state.source);
+      });
+    } else {
+      promise = Promise.all([service.fetchRole(), service.fetchCurrentRole()]).then(function (result) {
+        var _result = _slicedToArray(result, 2),
+          validRoles = _result[0],
+          currentRole = _result[1];
+        if (validRoles) {
+          state.source = validRoles;
+          if (currentRole && currentRole[valueField]) {
+            state.selectedValue = currentRole[valueField];
+            emit('update:modelValue', state.selectedValue);
+          }
+        } else {
+          state.source = [];
+        }
+        return state.source;
+      });
+    }
+    promise.then(function (data) {
+      state.options = data.map(function (item) {
+        return {
+          label: item[textField],
+          value: item[valueField]
+        };
+      });
+      emit('render', state.options, state.selectedValue);
+    });
+  };
+};
+export var change = function change(emit) {
+  return function (value) {
+    emit('update:modelValue', value);
+    emit('change', value);
+  };
+};
+export var initService = function initService(_ref2) {
+  var props = _ref2.props,
+    service = _ref2.service;
+  var _ref3 = service || {},
+    _ref3$setting = _ref3.setting,
+    setting = _ref3$setting === void 0 ? {} : _ref3$setting,
+    fetchRole = _ref3.fetchRole,
+    fetchCurrentRole = _ref3.fetchCurrentRole;
+  var _setting$options = setting.options,
+    options = _setting$options === void 0 ? {} : _setting$options;
+  var noopFnCreator = function noopFnCreator(propName) {
+    return function () {
+      return Promise.reject(new Error("[AUI Error][DropRoles] Prop ".concat(propName, " is not configured")));
+    };
+  };
+  var defaultDropRolesSetting = {
+    textField: 'roleName',
+    valueField: 'roleId'
+  };
+  return {
+    fetchRole: props.fetchRole || fetchRole || noopFnCreator('fetchRole'),
+    fetchCurrentRole: props.fetchCurrentRole || fetchCurrentRole || noopFnCreator('fetchCurrentRole'),
+    fields: props.fields || options.DropRoles || defaultDropRolesSetting
+  };
+};

package/drop-roles/vue.js

@@ -0,0 +1,38 @@
+import { init, change, initService } from './index';
+export var api = ['state', 'change'];
+export var renderless = function renderless(props, _ref, _ref2) {
+  var onMounted = _ref.onMounted,
+    reactive = _ref.reactive,
+    watch = _ref.watch;
+  var parent = _ref2.parent,
+    emit = _ref2.emit,
+    service = _ref2.service;
+  var $service = initService({
+    props: props,
+    service: service
+  });
+  var state = reactive({
+    options: [],
+    source: null,
+    selectedValue: props.modelValue,
+    attrs: parent.$attr
+  });
+  watch(function () {
+    return props.modelValue;
+  }, function (value) {
+    state.selectedValue = value;
+  }, {
+    immediate: true
+  });
+  var api = {
+    state: state,
+    change: change(emit),
+    init: init({
+      state: state,
+      service: $service,
+      emit: emit
+    })
+  };
+  onMounted(api.init);
+  return api;
+};

package/dropdown/index.js

@@ -2,12 +2,13 @@ import { KEY_CODE } from '@opentiny/vue-renderless/common';
 import { addClass, removeClass, on, off } from '@opentiny/vue-renderless/common/deps/dom';
 export var watchVisible = function watchVisible(_ref) {
   var broadcast = _ref.broadcast,
-    emit = _ref.emit;
+    emit = _ref.emit,
+    nextTick = _ref.nextTick;
   return function (value) {
     broadcast('TinyDropdownMenu', 'visible', value);
-    setTimeout(function () {
-      emit('visibles-change', value);
-    }, 0);
+    nextTick(function () {
+      return emit('visible-change', value);
+    });
   };
 };
 export var watchFocusing = function watchFocusing(_ref2) {

package/dropdown/vue.js

@@ -1,6 +1,6 @@
 import { guid } from '@opentiny/vue-renderless/common/string';
 import { watchVisible, watchFocusing, show, hide, handleClick, handleTriggerKeyDown, handleItemKeyDown, resetTabindex, removeTabindex, initAria, initEvent, handleMenuItemClick, handleMainButtonClick, triggerElmFocus, initDomOperation, mounted, beforeDistory } from './index';
-export var api = ['state', 'handleMainButtonClick', 'hide', 'initDomOperation', 'handleClick'];
+export var api = ['state', 'handleMainButtonClick', 'hide', 'show', 'initDomOperation', 'handleClick'];
 export var renderless = function renderless(props, _ref, _ref2) {
   var reactive = _ref.reactive,
     watch = _ref.watch,
@@ -9,7 +9,8 @@ export var renderless = function renderless(props, _ref, _ref2) {
   var emit = _ref2.emit,
     parent = _ref2.parent,
     broadcast = _ref2.broadcast,
-    vm = _ref2.vm;
+    vm = _ref2.vm,
+    nextTick = _ref2.nextTick;
   var api = {};
   var state = reactive({
     visible: false,
@@ -26,7 +27,8 @@ export var renderless = function renderless(props, _ref, _ref2) {
     state: state,
     watchVisible: watchVisible({
       broadcast: broadcast,
-      emit: emit
+      emit: emit,
+      nextTick: nextTick
     }),
     watchFocusing: watchFocusing({
       parent: parent

package/dropdown-item/index.js

@@ -152,4 +152,19 @@ export var clickOutside = function clickOutside(parent) {
       });
     }
   };
+};
+export var handleClick = function handleClick(_ref9) {
+  var props = _ref9.props,
+    dispatch = _ref9.dispatch,
+    vm = _ref9.vm,
+    emit = _ref9.emit;
+  return function (event) {
+    event.stopPropagation();
+    var data = {
+      itemData: props.itemData,
+      vm: vm
+    };
+    emit('item-click', data);
+    dispatch('TinyDropdown', 'menu-item-click', data);
+  };
 };

package/dropdown-item/vue.js

@@ -1,11 +1,12 @@
-import { tagClick, confirm, clickOutside, getOptionStyle, reset, getTitle, bindScroll, toggle, onScroll, open, opened, close, closed, clickItem, clickWrapper, getItemStyle } from './index';
-export var api = ['state', 'confirm', 'clickOutside', 'getOptionStyle', 'reset', 'tagClick', 'clickItem', 'clickWrapper', 'toggle', 'open', 'opened', 'close', 'closed'];
+import { tagClick, confirm, clickOutside, getOptionStyle, reset, getTitle, bindScroll, toggle, onScroll, open, opened, close, closed, clickItem, clickWrapper, getItemStyle, handleClick } from './index';
+export var api = ['state', 'confirm', 'clickOutside', 'getOptionStyle', 'reset', 'tagClick', 'clickItem', 'clickWrapper', 'toggle', 'open', 'opened', 'close', 'closed', 'handleClick'];
 var initState = function initState(_ref) {
   var reactive = _ref.reactive,
     computed = _ref.computed,
     api = _ref.api,
     props = _ref.props,
-    parent = _ref.parent;
+    parent = _ref.parent,
+    dropdownMenu = _ref.dropdownMenu;
   var state = reactive({
     sort: props.modelValue,
     transition: true,
@@ -33,7 +34,10 @@ var initState = function initState(_ref) {
     }),
     closeOnClickOverlay: computed(function () {
       return parent.closeOnClickOverlay;
-    })
+    }),
+    children: [],
+    textField: (dropdownMenu === null || dropdownMenu === void 0 ? void 0 : dropdownMenu.textField) || props.textField,
+    popperClass: (dropdownMenu === null || dropdownMenu === void 0 ? void 0 : dropdownMenu.popperClass) || ''
   });
   return state;
 };
@@ -42,7 +46,9 @@ var initApi = function initApi(_ref2) {
     state = _ref2.state,
     emit = _ref2.emit,
     props = _ref2.props,
-    parent = _ref2.parent;
+    parent = _ref2.parent,
+    dispatch = _ref2.dispatch,
+    vm = _ref2.vm;
   Object.assign(api, {
     state: state,
     open: open(emit),
@@ -87,38 +93,46 @@ var initApi = function initApi(_ref2) {
       emit: emit,
       props: props,
       state: state
+    }),
+    handleClick: handleClick({
+      props: props,
+      dispatch: dispatch,
+      vm: vm,
+      emit: emit
     })
   });
 };
 export var renderless = function renderless(props, _ref3, _ref4) {
   var computed = _ref3.computed,
-    onMounted = _ref3.onMounted,
     reactive = _ref3.reactive,
-    watch = _ref3.watch;
+    watch = _ref3.watch,
+    inject = _ref3.inject;
   var parent = _ref4.parent,
     emit = _ref4.emit,
-    vm = _ref4.vm;
+    vm = _ref4.vm,
+    dispatch = _ref4.dispatch;
   var api = {};
+  var dropdownMenu = inject('dropdownMenu', null);
   parent = parent.$parent;
   var state = initState({
     reactive: reactive,
     computed: computed,
     api: api,
     props: props,
-    parent: parent
+    parent: parent,
+    dropdownMenu: dropdownMenu
   });
   initApi({
     api: api,
     state: state,
     emit: emit,
     props: props,
-    parent: parent
+    parent: parent,
+    dispatch: dispatch,
+    vm: vm
   });
   watch(function () {
     return state.showPopup;
   }, api.bindScroll);
-  onMounted(function () {
-    parent.state.children.push(vm);
-  });
   return api;
 };

package/espace/index.js

@@ -0,0 +1,129 @@
+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);
+      }
+    } else {
+      href = "".concat(type, ":").concat(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);
+  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();
+          }
+        }
+      }
+    }
+  };
+};
+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)) {
+      state.initialized = true;
+      if (type === 'im') {
+        api.openEspace();
+      } 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;
+      });
+    }
+  };
+};
+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);
+    }
+  };
+};
+export var testUID = function testUID(uid) {
+  uid = uid ? String(uid).toLocaleLowerCase() : '';
+  if (uid) {
+    var employer = /^[a-z]\d+$/i;
+    var employee = /^[a-z]{3}\d+$/i;
+    if (!employer.test(uid) && !employee.test(uid)) {
+      return false;
+    }
+    return true;
+  }
+  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);
+    }
+  };
+};

package/espace/vue.js

@@ -0,0 +1,52 @@
+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({
+    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
+    })
+  });
+  return api;
+};