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

package/roles/index.js

@@ -0,0 +1,87 @@
+import { xss } from '@opentiny/vue-renderless/common';
+export var showList = function showList(state) {
+  return function () {
+    return state.showPopover = true;
+  };
+};
+export var show = function show(state) {
+  return function () {
+    return state.showIcon = false;
+  };
+};
+export var hide = function hide(state) {
+  return function () {
+    return state.showIcon = true;
+  };
+};
+export var getRoleList = function getRoleList(_ref) {
+  var constants = _ref.constants,
+    service = _ref.service,
+    state = _ref.state;
+  return function () {
+    var envInfo = service.getEnvInfoSync() || {};
+    var userInfo = envInfo.user || {};
+    var validRols = userInfo.validRoles || [];
+    var currentRole = userInfo.currentRole || {};
+    state.currentRole = currentRole.roleName;
+    state.currentId = currentRole.roleId;
+    if (validRols.length > 2) {
+      validRols.filter(function (item) {
+        return item.roleName !== constants.AUTH || item.roleName !== constants.ANONYMOUS;
+      });
+    }
+    return validRols;
+  };
+};
+export var changeRole = function changeRole(_ref2) {
+  var constants = _ref2.constants,
+    emit = _ref2.emit,
+    props = _ref2.props,
+    service = _ref2.service,
+    state = _ref2.state;
+  return function (_ref3) {
+    var roleId = _ref3.roleId;
+    if (state.currentId === roleId) {
+      return;
+    }
+    emit('change', roleId);
+    service.getCustomized().then(function (data) {
+      data = data || [];
+      var setting = data.filter(function (item) {
+        return item.settingKey === constants.GLOBAL;
+      })[0] || {};
+      var getRole = props.fetchRole ? props.fetchRole() : service.getChangeRoleUrl(roleId);
+      getRole.then(function (url) {
+        var keys = Object.keys(setting);
+        if (keys.indexOf(constants.ROLE) === -1) {
+          setting.lastRole = roleId;
+          service.pushCustomized(setting).then(function () {
+            window.location.href = xss.filterUrl(url);
+          });
+        } else {
+          window.location.href = xss.filterUrl(url);
+        }
+      });
+    });
+  };
+};
+export var initService = function initService(service) {
+  var _ref4 = service || {},
+    _ref4$base = _ref4.base,
+    base = _ref4$base === void 0 ? {} : _ref4$base,
+    _ref4$common = _ref4.common,
+    common = _ref4$common === void 0 ? {} : _ref4$common,
+    pushCustomized = _ref4.pushCustomized;
+  var noopFn = function noopFn() {
+    return Promise.resolve(null);
+  };
+  var commonNoopFn = function commonNoopFn() {
+    return Promise.reject(new Error('[Tiny Error][Roles] This component depends on @opentiny/vue-service'));
+  };
+  return {
+    getEnvInfoSync: base.getEnvInfoSync || commonNoopFn,
+    getChangeRoleUrl: common.getChangeRoleUrl || commonNoopFn,
+    getCustomized: common.getCustomized || noopFn,
+    pushCustomized: pushCustomized || noopFn
+  };
+};

package/roles/vue.js

@@ -0,0 +1,39 @@
+import { showList, show, hide, getRoleList, changeRole, initService } from './index';
+export var api = ['state', 'showList', 'show', 'hide', 'changeRole'];
+export var renderless = function renderless(props, _ref, _ref2) {
+  var computed = _ref.computed,
+    reactive = _ref.reactive;
+  var emit = _ref2.emit,
+    service = _ref2.service,
+    constants = _ref2.constants;
+  var $service = initService(service);
+  var api = {};
+  var state = reactive({
+    currentRole: '',
+    currentId: '',
+    showPopover: true,
+    showIcon: true,
+    roleList: computed(function () {
+      return api.getRoleList();
+    })
+  });
+  api = {
+    state: state,
+    show: show(state),
+    hide: hide(state),
+    showList: showList(state),
+    getRoleList: getRoleList({
+      constants: constants,
+      service: $service,
+      state: state
+    }),
+    changeRole: changeRole({
+      constants: constants,
+      emit: emit,
+      props: props,
+      service: $service,
+      state: state
+    })
+  };
+  return api;
+};

package/search/index.js

@@ -3,36 +3,41 @@ import PopupManager from '@opentiny/vue-renderless/common/deps/popup-manager';
 import { isObject, typeOf } from '@opentiny/vue-renderless/common/type';
 export var handleChange = function handleChange(_ref) {
   var emit = _ref.emit,
-    props = _ref.props,
     state = _ref.state;
   return function (event) {
-    event.stopPropagation();
     var value = event.target.value;
     emit('change', state.searchValue, value);
-    props.modelValue !== undefined ? emit('update:modelValue', value) : emit('update:modelValue', value, state.searchValue);
   };
 };
-export var showSelector = function showSelector(_ref2) {
-  var refs = _ref2.refs,
+export var handleInput = function handleInput(_ref2) {
+  var emit = _ref2.emit,
     state = _ref2.state;
+  return function (event) {
+    var value = event.target.value;
+    emit('update:modelValue', value, state.searchValue);
+  };
+};
+export var showSelector = function showSelector(_ref3) {
+  var refs = _ref3.refs,
+    state = _ref3.state;
   return function () {
-    refs['selector'].style.zIndex = PopupManager.nextZIndex();
+    refs.selector.style.zIndex = PopupManager.nextZIndex();
     state.show = true;
   };
 };
-export var changeKey = function changeKey(_ref3) {
-  var emit = _ref3.emit,
-    state = _ref3.state;
+export var changeKey = function changeKey(_ref4) {
+  var emit = _ref4.emit,
+    state = _ref4.state;
   return function (key) {
     state.searchValue = key;
     state.show = false;
     emit('select', key);
   };
 };
-export var searchClick = function searchClick(_ref4) {
-  var emit = _ref4.emit,
-    props = _ref4.props,
-    state = _ref4.state;
+export var searchClick = function searchClick(_ref5) {
+  var emit = _ref5.emit,
+    props = _ref5.props,
+    state = _ref5.state;
   return function () {
     if (props.mini && state.collapse) {
       state.collapse = false;
@@ -41,11 +46,11 @@ export var searchClick = function searchClick(_ref4) {
     }
   };
 };
-export var searchEnterKey = function searchEnterKey(_ref5) {
-  var api = _ref5.api,
-    props = _ref5.props,
-    refs = _ref5.refs,
-    nextTick = _ref5.nextTick;
+export var searchEnterKey = function searchEnterKey(_ref6) {
+  var api = _ref6.api,
+    props = _ref6.props,
+    refs = _ref6.refs,
+    nextTick = _ref6.nextTick;
   return function () {
     if (props.isEnterSearch) {
       api.searchClick();
@@ -55,10 +60,10 @@ export var searchEnterKey = function searchEnterKey(_ref5) {
     }
   };
 };
-export var clickOutside = function clickOutside(_ref6) {
-  var parent = _ref6.parent,
-    props = _ref6.props,
-    state = _ref6.state;
+export var clickOutside = function clickOutside(_ref7) {
+  var parent = _ref7.parent,
+    props = _ref7.props,
+    state = _ref7.state;
   return function (event) {
     if (!parent.$el.contains(event.target)) {
       state.show = false;
@@ -95,16 +100,16 @@ export var beforeDestroy = function beforeDestroy(api) {
     off(document.body, 'click', api.clickOutside);
   };
 };
-export var clear = function clear(_ref7) {
-  var emit = _ref7.emit,
-    refs = _ref7.refs,
-    state = _ref7.state;
+export var clear = function clear(_ref8) {
+  var emit = _ref8.emit,
+    refs = _ref8.refs,
+    state = _ref8.state;
   return function () {
     state.currentValue = '';
     refs.input.focus();
     state.focus = true;
     emit('change', [], '');
-    emit('update:modelValue', '');
+    emit('update:modelValue', '', state.searchValue);
     emit('clear');
   };
 };

package/search/vue.js

@@ -1,8 +1,8 @@
 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 { clear, handleChange, showSelector, changeKey, searchClick, clickOutside, beforeDestroy, mounted, formatSearchTypes, setDefaultType, searchEnterKey } from './index';
-export var api = ['state', 'handleChange', 'showSelector', 'changeKey', 'searchClick', 'searchEnterKey', 'inputStyle', 'formatSearchTypes', 'setDefaultType', 'clear'];
+import { clear, handleChange, handleInput, showSelector, changeKey, searchClick, clickOutside, beforeDestroy, mounted, formatSearchTypes, setDefaultType, searchEnterKey } from './index';
+export var api = ['state', 'handleChange', 'handleInput', 'showSelector', 'changeKey', 'searchClick', 'searchEnterKey', 'inputStyle', 'formatSearchTypes', 'setDefaultType', 'clear'];
 export var useFormatSearchTypes = function useFormatSearchTypes(_ref) {
   var computed = _ref.computed,
     props = _ref.props,
@@ -76,6 +76,11 @@ export var renderless = function renderless(props, _ref2, _ref3) {
       state: state,
       props: props
     }),
+    handleInput: handleInput({
+      emit: emit,
+      state: state,
+      props: props
+    }),
     showSelector: showSelector({
       refs: refs,
       state: state