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

package/locales/index.js

@@ -0,0 +1,116 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import { xss } from '@opentiny/vue-renderless/common';
+export var getLocales = function getLocales(_ref) {
+  var api = _ref.api,
+    service = _ref.service,
+    state = _ref.state;
+  return function () {
+    Promise.all([service.getLocale(), service.getCurrentLocale()]).then(function (_ref2) {
+      var _ref3 = _slicedToArray(_ref2, 2),
+        locales = _ref3[0],
+        current = _ref3[1];
+      state.locales = locales || ['zhCN'];
+      state.current = (Array.isArray(current) ? current[0] : current) || 'zhCN';
+      api.setText(current);
+    });
+  };
+};
+export var setText = function setText(state) {
+  return function () {
+    var current = state.current,
+      locales = state.locales;
+    var len = locales.length;
+    state.text = len === 2 ? locales.indexOf(current) === 0 ? locales[1] : locales[0] : current;
+  };
+};
+export var switchLanguage = function switchLanguage(_ref4) {
+  var api = _ref4.api,
+    state = _ref4.state,
+    service = _ref4.service;
+  return function (lang) {
+    var locales = state.locales,
+      current = state.current;
+    var domain = service.getDomain();
+    var hasMultiLocale = state.locales.length === 2;
+    state.current = hasMultiLocale ? state.current = locales.indexOf(current) === 0 ? locales[1] : locales[0] : lang;
+    var expires = new Date(new Date().getTime() + 3600000).toGMTString();
+    var currLang = state.current.substring(0, 2) === 'zh' ? 'zh' : 'en';
+    document.cookie = "lang=".concat(currLang, ";expires=").concat(expires, ";domain=").concat(domain, ";path=/");
+    api.setText();
+  };
+};
+export var changeLocale = function changeLocale(_ref5) {
+  var props = _ref5.props,
+    service = _ref5.service,
+    vnode = _ref5.vnode;
+  return function (value, oldValue) {
+    if (!value || !oldValue) {
+      return;
+    }
+    var local = props.local,
+      changeLang = props.changeLang;
+    if (typeof changeLang === 'function') {
+      changeLang(value);
+      return;
+    }
+    if (local) {
+      value.slice(0, 2) === 'zh' ? vnode.use(vnode.zhCN) : vnode.use(vnode.enUS);
+      return;
+    }
+    var _service$customized$c = service.customized.content,
+      content = _service$customized$c === void 0 ? '' : _service$customized$c;
+    service.getCustomized().then(function (data) {
+      data = data || [];
+      var setting = data.filter(function (item) {
+        return item.settingKey === vnode.constants.GLOBAL;
+      })[0] || {};
+      service.getChangeLocaleUrl(value).then(function (url) {
+        try {
+          var settingContent = JSON.parse(setting[content]);
+          settingContent.lang = value;
+          settingContent.common.lang = value;
+          setting[content] = JSON.stringify(settingContent);
+          service.pushCustomized(setting).then(function () {
+            window.location.href = xss.filterUrl(url);
+          });
+        } catch (error) {
+          window.location.href = xss.filterUrl(url);
+        }
+      });
+    });
+  };
+};
+export var initService = function initService(_ref6) {
+  var props = _ref6.props,
+    service = _ref6.service;
+  var _ref7 = service || {},
+    _ref7$common = _ref7.common,
+    common = _ref7$common === void 0 ? {} : _ref7$common,
+    _ref7$utils = _ref7.utils,
+    utils = _ref7$utils === void 0 ? {} : _ref7$utils,
+    _ref7$setting = _ref7.setting,
+    setting = _ref7$setting === void 0 ? {} : _ref7$setting,
+    fetchSsoUpdate = _ref7.fetchSsoUpdate,
+    pushCustomized = _ref7.pushCustomized;
+  var _setting$options = setting.options,
+    options = _setting$options === void 0 ? {} : _setting$options;
+  var noopFnCreator = function noopFnCreator(propName) {
+    return function () {
+      if (propName) {
+        return Promise.reject(new Error("[AUI Error][Locale] Prop ".concat(propName, " is not configured")));
+      } else {
+        return Promise.resolve(null);
+      }
+    };
+  };
+  return {
+    getLocale: props.getLocale || common.getLocale || noopFnCreator('getLocale'),
+    getCurrentLocale: props.getCurrentLocale || common.getCurrentLocale || noopFnCreator('getCurrentLocale'),
+    getChangeLocaleUrl: props.getChangeLocaleUrl || common.getChangeLocaleUrl || noopFnCreator('getChangeLocaleUrl'),
+    fetchSsoUpdate: props.fetchSsoUpdate || fetchSsoUpdate || noopFnCreator('fetchSsoUpdate'),
+    getDomain: props.getDomain || utils.getDomain || noopFnCreator('getDomain'),
+    getCustomized: common.getCustomized || noopFnCreator(),
+    pushCustomized: pushCustomized || noopFnCreator(),
+    customized: options.Customized || {}
+  };
+};

package/locales/vue.js

@@ -0,0 +1,46 @@
+import { getLocales, setText, switchLanguage, initService, changeLocale } from './index';
+export var api = ['state', 'switchLanguage', 't', 'changeLocale'];
+export var renderless = function renderless(props, _ref, _ref2, vnode) {
+  var reactive = _ref.reactive,
+    watch = _ref.watch;
+  var t = _ref2.t,
+    service = _ref2.service;
+  var api = {};
+  var $service = initService({
+    props: props,
+    service: service
+  });
+  var state = reactive({
+    current: '',
+    locales: [],
+    visible: false,
+    text: ''
+  });
+  Object.assign(api, {
+    t: t,
+    state: state,
+    setText: setText(state),
+    changeLocale: changeLocale({
+      props: props,
+      service: $service,
+      vnode: vnode
+    }),
+    switchLanguage: switchLanguage({
+      api: api,
+      service: $service,
+      state: state
+    }),
+    getLocales: getLocales({
+      api: api,
+      service: $service,
+      state: state
+    })
+  });
+  api.getLocales();
+  watch(function () {
+    return state.current;
+  }, api.changeLocale, {
+    immediate: true
+  });
+  return api;
+};

package/logon-user/index.js

@@ -0,0 +1,23 @@
+export var init = function init(_ref) {
+  var service = _ref.service,
+    state = _ref.state;
+  return function () {
+    var getUserInfo = service.getUserInfo;
+    getUserInfo().then(function (user) {
+      state.userName = user.userCN;
+    });
+  };
+};
+export var initService = function initService(_ref2) {
+  var props = _ref2.props,
+    service = _ref2.service;
+  var _ref3 = service || {},
+    _ref3$base = _ref3.base,
+    base = _ref3$base === void 0 ? {} : _ref3$base;
+  var getUserInfoNoop = function getUserInfoNoop() {
+    return Promise.reject(new Error('[TINY Error][LogonUser] Prop getUserInfo is not configured'));
+  };
+  return {
+    getUserInfo: props.getUserInfo || base.getUserInfo || getUserInfoNoop
+  };
+};

package/logon-user/vue.js

@@ -0,0 +1,22 @@
+import { init, initService } from './index';
+export var api = ['state'];
+export var renderless = function renderless(props, _ref, _ref2) {
+  var reactive = _ref.reactive;
+  var service = _ref2.service;
+  var $service = initService({
+    props: props,
+    service: service
+  });
+  var state = reactive({
+    userName: ''
+  });
+  var api = {
+    state: state,
+    init: init({
+      service: $service,
+      state: state
+    })
+  };
+  api.init();
+  return api;
+};

package/logout/index.js

@@ -0,0 +1,118 @@
+import { xss } from '@opentiny/vue-renderless/common';
+export var logout = function logout(_ref) {
+  var service = _ref.service,
+    state = _ref.state,
+    props = _ref.props;
+  return function () {
+    var isMock = service.isMock,
+      isLocal = service.isLocal,
+      _service$redirectUrl = service.redirectUrl,
+      redirectUrl = _service$redirectUrl === void 0 ? '' : _service$redirectUrl,
+      getLogoutUrl = service.getLogoutUrl,
+      showLogin = service.showLogin;
+    if (typeof props.beforeLogout === 'function') {
+      if (props.beforeLogout(redirectUrl) === false) {
+        return;
+      }
+    }
+    if (state.logout) {
+      showLogin();
+      return;
+    }
+    var location = window.location;
+    if (redirectUrl) {
+      var isFullPath = redirectUrl.indexOf('//') > -1;
+      if (!isFullPath) {
+        redirectUrl.indexOf('#/') === 0 || (redirectUrl = '#/' + redirectUrl);
+        redirectUrl = location.protocol + '//' + location.host + location.pathname + redirectUrl;
+      }
+    } else {
+      redirectUrl = location.href;
+    }
+    redirectUrl = xss.filterUrl(redirectUrl);
+    if (!isMock || !isLocal) {
+      getLogoutUrl(redirectUrl).then(function (url) {
+        var temp = decodeURIComponent(url);
+        if (/%[a-fA-F0-9]{2}/.test(temp)) {
+          temp = decodeURIComponent(temp);
+        }
+        location.href = xss.filterUrl(temp);
+      });
+    } else {
+      location.href = xss.filterUrl(redirectUrl);
+    }
+    state.logout = true;
+  };
+};
+export var initService = function initService(_ref2) {
+  var props = _ref2.props,
+    service = _ref2.service;
+  var noopFnCreator = function noopFnCreator(propName) {
+    return function () {
+      if (propName) {
+        return Promise.reject(new Error("[TINY Error][Logout] Prop ".concat(propName, " is not configured")));
+      } else {
+        return Promise.reject(new Error('[TINY Error][Logout] This component depends on @opentiny/vue-service'));
+      }
+    };
+  };
+  var _ref3 = service || {},
+    _ref3$base = _ref3.base,
+    base = _ref3$base === void 0 ? {} : _ref3$base,
+    _ref3$common = _ref3.common,
+    common = _ref3$common === void 0 ? {} : _ref3$common,
+    _ref3$setting = _ref3.setting,
+    setting = _ref3$setting === void 0 ? {} : _ref3$setting,
+    _ref3$network = _ref3.network,
+    network = _ref3$network === void 0 ? {} : _ref3$network,
+    _ref3$ajax = _ref3.ajax,
+    ajax = _ref3$ajax === void 0 ? {} : _ref3$ajax,
+    _ref3$message = _ref3.message,
+    message = _ref3$message === void 0 ? {} : _ref3$message;
+  var _setting$options = setting.options,
+    options = _setting$options === void 0 ? {} : _setting$options,
+    _setting$services = setting.services,
+    services = _setting$services === void 0 ? {} : _setting$services,
+    _setting$redirectUrl = setting.redirectUrl,
+    redirectUrl = _setting$redirectUrl === void 0 ? '' : _setting$redirectUrl,
+    _setting$local = setting.local,
+    local = _setting$local === void 0 ? false : _setting$local;
+  var _network$isMock = network.isMock,
+    isMock = _network$isMock === void 0 ? function () {
+      return false;
+    } : _network$isMock;
+  var _base$getUserInfoSync = base.getUserInfoSync,
+    getUserInfoSync = _base$getUserInfoSync === void 0 ? noopFnCreator() : _base$getUserInfoSync;
+  var _ajax$config = ajax.config,
+    config = _ajax$config === void 0 ? noopFnCreator() : _ajax$config;
+  var _message$subscribe = message.subscribe,
+    subscribe = _message$subscribe === void 0 ? noopFnCreator() : _message$subscribe,
+    _message$publish = message.publish,
+    publish = _message$publish === void 0 ? noopFnCreator() : _message$publish;
+  return {
+    getLogoutUrl: props.getLogoutUrl || common.getLogoutUrl || noopFnCreator('getLogoutUrl'),
+    redirectUrl: props.redirectUrl || redirectUrl,
+    isLocal: props.isLocal || local,
+    network: props.network || network,
+    isMock: props.isMock || isMock(),
+    isGuestUser: props.isGuestUser || function () {
+      return getUserInfoSync().userAccount === props.guestRole;
+    },
+    showLogin: props.showLogin || function () {
+      window.document.domain = options.Domain;
+      var gateway = config();
+      subscribe({
+        topic: 'aurora.ui.closeLoginDialog',
+        callback: function callback() {
+          window.location.reload();
+        }
+      });
+      publish({
+        topic: 'aurora.ui.displayLoginDialog',
+        data: {
+          url: gateway.getRequestUrl(services.Framework.RebuildSession)
+        }
+      });
+    }
+  };
+};

package/logout/vue.js

@@ -0,0 +1,22 @@
+import { logout, initService } from './index';
+export var api = ['state', 'logout'];
+export var renderless = function renderless(props, _ref, _ref2) {
+  var reactive = _ref.reactive;
+  var service = _ref2.service;
+  var $service = initService({
+    props: props,
+    service: service
+  });
+  var state = reactive({
+    logout: $service.isGuestUser()
+  });
+  var api = {
+    state: state,
+    logout: logout({
+      service: $service,
+      state: state,
+      props: props
+    })
+  };
+  return api;
+};

package/milestone/index.js

@@ -87,6 +87,7 @@ export var handleFlagClick = function handleFlagClick(emit) {
   return function (_ref7) {
     var idx = _ref7.idx,
       flag = _ref7.flag;
-    return emit('flagclick', idx, flag);
+    emit('flagclick', idx, flag);
+    emit('flag-click', idx, flag);
   };
 };

package/mini-picker/index.js

@@ -52,7 +52,7 @@ export var formatCascade = function formatCascade(_ref3) {
       children: state.columns
     };
     while (cursor && cursor.children) {
-      var defaultIndex = cursor.defaultIndex || +state.defaultIndex;
+      var defaultIndex = cursor.defaultIndex || Number(state.defaultIndex);
       formatted.push({
         values: cursor.children.map(function (item) {
           return item[props.valueKey];

package/mini-picker/vue.js

@@ -8,7 +8,7 @@ var initState = function initState(_ref) {
   var state = reactive({
     columns: props.columns,
     toggle: false,
-    itemHeight: +props.itemHeight,
+    itemHeight: Number(props.itemHeight),
     defaultIndex: props.defaultIndex,
     visibleItemCount: props.visibleItemCount,
     clumnsWrapHeight: null,

package/modal/index.js

@@ -199,7 +199,7 @@ export var updateStyle = function updateStyle(nextTick) {
       MsgQueue.forEach(function (comp) {
         offsetTop += parseFloat(comp.top);
         comp.state.modalTop = offsetTop;
-        var modalBox = comp.$el.querySelector('.tiny-grid-modal__box');
+        var modalBox = comp.$el.querySelector('.tiny-modal__box');
         offsetTop += modalBox.clientHeight;
       });
     });
@@ -770,7 +770,9 @@ var updateDelta = function updateDelta(_ref26) {
 };
 function _findFormComponent(vm, formList) {
   var children = vm.$children;
-  if (children && children.length === 0) return;
+  if (children && children.length === 0) {
+    return;
+  }
   children.forEach(function (child) {
     var tag = child.$options.componentName;
     if (/^Form$/.test(tag)) {

package/month-table/index.js

@@ -36,7 +36,7 @@ export var getRows = function getRows(_ref) {
       maxDate = props.maxDate;
     for (var i = 0; i < 3; i++) {
       var row = tableRows[i];
-      var _loop = function _loop(j) {
+      var _loop = function _loop() {
         var cell = row[j];
         if (!cell) {
           cell = {
@@ -67,7 +67,7 @@ export var getRows = function getRows(_ref) {
         vm.$set(row, j, cell);
       };
       for (var j = 0; j < 4; j++) {
-        _loop(j);
+        _loop();
       }
     }
     return tableRows;

package/nav-menu/index.js

@@ -154,7 +154,7 @@ export var initData = function initData(_ref4) {
       return /^(https?:\/\/|\/\/)[\s\S]+$/.test(url);
     };
     var buildData = function buildData(item) {
-      var router = item[urlField] || item['route'];
+      var router = item[urlField] || item.route;
       return {
         title: item[textField],
         route: router ? router.replace(/^#\/?/, '') : null,
@@ -363,7 +363,7 @@ export var skip = function skip(_ref15) {
       var _ref16 = fields || {},
         _ref16$urlField = _ref16.urlField,
         urlField = _ref16$urlField === void 0 ? 'url' : _ref16$urlField;
-      var _router = item[urlField] || item['route'];
+      var _router = item[urlField] || item.route;
       return window.open(xss.filterUrl(_router)).opener = null;
     }
     var address = !item.route || !flag ? api.getUrl(item).replace(/^#/, '') : item.route.replace(/^\/+/, '/').replace('#/', '');

package/numeric/index.js

@@ -27,7 +27,9 @@ export var watchValue = function watchValue(_ref2) {
   var api = _ref2.api,
     state = _ref2.state;
   return function (value) {
-    if (value === state.currentValue) return;
+    if (value === state.currentValue) {
+      return;
+    }
     api.setCurrentValue(value);
   };
 };
@@ -202,7 +204,7 @@ var getEmitValue = function getEmitValue(args) {
       emitValue = api.getDecimal(emitValue).toString();
     }
     if (!stringMode) {
-      emitValue = emitValue * 1;
+      emitValue = Number(emitValue);
     }
   }
   return {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/vue-renderless",
-  "version": "3.1.0-alpha.0",
+  "version": "3.4.7",
   "description": "@opentiny/vue-renderless",
   "repository": {
     "type": "git",
@@ -19,12 +19,13 @@
     "build": "babel --config-file ./build/babel.config.json src --out-dir dist",
     "build:all": "npm run lint && npm run clean && npm run build && npm run build:version",
     "build:version": "node build/build-version.js",
-    "release": "node build/release.js",
-    "format": "prettier --write src/**/* build/*.js ",
-    "lint": "eslint src/**/* build/*.js  --quiet"
+    "release": "node scripts/release.js",
+    "format": "prettier --write src/**/* build/*.js scripts/*.js",
+    "lint": "eslint src/**/* build/*.js scripts/*.js --fix",
+    "commit": "git-cz"
   },
   "dependencies": {
-    "@babel/runtime": "^7.10.2",
+    "@babel/runtime": "7.18.3",
     "xss": "1.0.11"
   },
   "devDependencies": {
@@ -32,148 +33,44 @@
     "@babel/core": "^7.5.5",
     "@babel/plugin-transform-runtime": "^7.10.1",
     "@babel/preset-env": "^7.5.5",
+    "babel-eslint": "^10.1.0",
     "eslint": "^6.1.0",
     "eslint-config-standard": "^17.0.0",
     "eslint-plugin-import": "^2.18.2",
     "eslint-plugin-node": "^11.1.0 ",
     "eslint-plugin-promise": "^4.2.1",
     "eslint-plugin-standard": "^4.0.0",
+    "eslint-plugin-vue": "^9.7.0",
     "fs-extra": "^10.1.0",
     "prettier": "2.2.1",
-    "rimraf": "^3.0.2"
+    "rimraf": "^3.0.2",
+    "@commitlint/cli": "^17.3.0",
+    "@commitlint/config-conventional": "^17.3.0",
+    "commitizen": "^4.2.5",
+    "cz-conventional-changelog": "^3.3.0",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-plugin-prettier": "^4.2.1",
+    "glob": "^8.0.3",
+    "husky": "^8.0.2",
+    "lint-staged": "^13.0.3"
   },
-  "eslintConfig": {
-    "root": true,
-    "env": {
-      "es6": true,
-      "browser": true,
-      "node": true,
-      "jest": true
-    },
-    "extends": [
-      "eslint:recommended",
-      "plugin:jest/recommended"
-    ],
-    "rules": {
-      "no-debugger": "off",
-      "no-var": "error",
-      "no-tabs": "error",
-      "no-trailing-spaces": "error",
-      "no-mixed-spaces-and-tabs": "error",
-      "no-undef": "error",
-      "no-extra-semi": "error",
-      "no-empty": "error",
-      "no-console": "off",
-      "semi": [
-        2,
-        "never"
-      ],
-      "indent": [
-        "warn",
-        2
-      ],
-      "max-len": [
-        "warn",
-        {
-          "code": 160
-        }
-      ],
-      "function-paren-newline": [
-        "warn",
-        "multiline"
-      ],
-      "object-property-newline": [
-        "warn",
-        {
-          "allowAllPropertiesOnSameLine": true
-        }
-      ],
-      "newline-per-chained-call": [
-        "warn",
-        {
-          "ignoreChainWithDepth": 4
-        }
-      ],
-      "curly": "error",
-      "comma-dangle": [
-        "off",
-        "always-multiline"
-      ],
-      "semi-style": [
-        "warn",
-        "last"
-      ],
-      "max-lines": [
-        "error",
-        2000
-      ],
-      "max-lines-per-function": [
-        "error",
-        50
-      ],
-      "complexity": [
-        "error",
-        20
-      ],
-      "max-depth": [
-        "warn",
-        4
-      ],
-      "max-nested-callbacks": [
-        "error",
-        4
-      ],
-      "no-multi-assign": "error",
-      "no-undef-init": "warn",
-      "no-shadow": "warn",
-      "max-params": [
-        "warn",
-        5
-      ],
-      "no-param-reassign": "warn",
-      "prefer-rest-params": "warn",
-      "prefer-arrow-callback": "error",
-      "arrow-body-style": [
-        "warn",
-        "as-needed"
-      ],
-      "no-this-before-super": "error",
-      "quotes": [
-        "warn",
-        "single"
-      ],
-      "prefer-template": "warn",
-      "no-multi-str": "warn",
-      "object-shorthand": "warn",
-      "dot-notation": "error",
-      "accessor-pairs": "error",
-      "no-prototype-builtins": "error",
-      "guard-for-in": "error",
-      "eqeqeq": "warn",
-      "no-negated-condition": "warn",
-      "default-case": "error",
-      "no-fallthrough": "error",
-      "no-case-declarations": "error",
-      "no-unsafe-finally": "error",
-      "no-eval": "error",
-      "no-with": "error",
-      "no-implicit-coercion": [
-        "error",
-        {
-          "allow": [
-            "!!",
-            "~"
-          ]
-        }
-      ]
-    },
-    "parserOptions": {
-      "ecmaVersion": 2018,
-      "sourceType": "module",
-      "parser": "babel-eslint"
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged",
+      "commit-msg": "commitlint -E HUSKY_GIT_PARAMS"
+    }
+  },
+  "lint-staged": {
+    "*.{js,ts,jsx,tsx,vue}": [
+      "prettier --write"
+    ]
+  },
+  "config": {
+    "commitizen": {
+      "path": "cz-conventional-changelog"
     }
   },
   "engines": {
-    "node": ">=10.0.0"
+    "node": ">=14.0.0"
   }
 }

package/pager-item/vue.js

@@ -37,14 +37,18 @@ export var renderless = function renderless(props, _ref, _ref2) {
   watch(function () {
     return state.showPrevMore;
   }, function (value) {
-    if (!value) state.quickprevIconClass = props.popupIcon;
+    if (!value) {
+      state.quickprevIconClass = props.popupIcon;
+    }
   }, {
     immediate: true
   });
   watch(function () {
     return state.showNextMore;
   }, function (value) {
-    if (!value) state.quicknextIconClass = props.popupIcon;
+    if (!value) {
+      state.quicknextIconClass = props.popupIcon;
+    }
   }, {
     immediate: true
   });