@lambo-design/shared 1.0.0-beta.2 → 1.0.0-beta.200

package/nstyles/variables/theme/small/common.less

@@ -0,0 +1,39 @@
+.ind-small-theme {
+  --ind-menu-desc-margin-top: 0px;
+  --ind-sc-padding-top: 10px; // 值来自四川
+
+  // 压缩padding
+  // --ind-padding-xs: 4px;
+  --ind-padding-sm: 8px;
+
+  // card的样式
+  --ivu-card-head-padding: 6px 12px;
+  --ivu-card-head-line-height: 36px;
+  --ivu-card-head-height: 36px;
+  --ivu-card-body-padding: 6px;
+
+  // 表单的样式
+  --input-height: 26px; //30px; // 24px; // small 24px // 值来自四川 // 又改一版
+  --ivu-form-item-label-padding: 6px 8px 6px 0; // 6px 8px 6px 0; 值来自四川 // 又改一版
+  --ivu-form-v6stle-item-label-paddingleft: 12px;
+  --ivu-form-item-content-padding: 4px 6px;
+  --ivu-form-item-label-before-left: 4px;
+  --ivu-form-item-content-line-height: 26px; //30px; //24px; // 值来自四川 // 又改一版
+
+  // tree样式
+  --ind-tree-wrapper-width: 100%;
+  --tree-content-padding: var(--ind-padding-xs);
+  --ivu-tree-margin: var(--ind-padding-xs) 0;
+
+  // drawer样式
+  --ind-drawer-content-padding: 6px;
+  --ind-drawer-footer-padding: 10px 16px;
+
+  // 报表指标样式
+  --report-index-model-panel-padding: var(--tree-content-padding);
+  --report-index-options-padding-right: var(--tree-content-padding);
+
+  // 表格
+  --ind-table-button-padding: 6px; // var(--ind-padding-xs);
+  --input-height-table: 24px; // 表格输入框的高度
+}

package/nstyles/variables/theme/small/index.less

@@ -0,0 +1,5 @@
+@import './button.less';
+@import './common.less';
+@import './layout.less';
+@import './table.less';
+@import './tag.less';

package/nstyles/variables/theme/small/layout.less

@@ -0,0 +1,21 @@
+.ind-small-theme {
+  // basic layout 系统布局变量  -begin
+  --ivu-menu-item-font-size: var(--ind-font-size-md);
+
+  --menu-icon-margin-right: var(--ind-padding-xs);
+  // basic layout 系统布局变量  -end
+
+  // page-view layout 系统布局变量  -begin
+  --ind-panel-vertical-margin: var(--ind-padding-xs); // 12px;
+  --ind-panel-horizon-margin: var(--ind-padding-xs); // var(--ind-padding-sm);
+  // page-view layout 系统布局变量  -end
+
+  // --input-height: 30px; // 24px; // small 24px 挪common.less去了
+  --search-margin-bottom: var(--ind-padding-xs); // var(--ind-padding-sm); // 24px; // 6px;
+  --search-button-margin: var(--ind-padding-xs); // var(--ind-padding-sm);
+
+  --menu-name-padding: 0 14px 0 10px; // var(--ind-padding-xs) 14px var(--ind-padding-xs) 10px; // 标题行padding
+  --menu-title-font-size: 16px;
+  --menu-title-color: #17233d;
+  --page-content-padding: var(--ind-padding-xs); // 12px;
+}

package/nstyles/variables/theme/small/table.less

@@ -0,0 +1,17 @@
+.ind-small-theme {
+  --ind-table-padding: var(--ind-padding-sm);
+  --ind-ag-cell-widget-spacing: 12px;
+
+  --ind-ag-grid-size: 4px;
+  --ind-ag-font-size: var(--ind-font-size-md); // var(--ind-font-size-sm);
+  --ind-ag-list-item-height: calc(var(--ag-grid-size) * 6);
+  --ind-ag-cell-horizontal-padding: 3px; // 0px
+
+  // 以下是 ag 没有的
+  --ind-ag-cell-icon-margin-left: 3px;
+  --ind-ag-cell-header-horizontal-padding: 0px;
+  --ind-ag-cell-line-height: 14px;
+
+  --ind-unit-switch-bottom: 10px;
+  --ind-other-button-top: 2px;
+}

package/nstyles/variables/theme/small/tag.less

@@ -0,0 +1,3 @@
+.ind-small-theme {
+  --ind-tag-height: 18px; //22px // 16px;; // 值来自四川 // 又改一版
+}

package/package.json

@@ -1,20 +1,39 @@
-{
-  "name": "@lambo-design/shared",
-  "version": "1.0.0-beta.2",
-  "description": "",
-  "main": "index.js",
-  "scripts": {},
-  "author": "lambo",
-  "license": "ISC",
-  "publishConfig": {
-    "access": "public"
-  },
-  "dependencies": {
-    "axios": "^0.24.0",
-    "axios-cache-plugin": "^0.1.0",
-    "qs": "^6.11.0",
-    "xlsx": "^0.13.3",
-    "classnames": "^2.3.1",
-    "xlsx-style": "^0.8.13"
-  }
-}
+{
+  "name": "@lambo-design/shared",
+  "version": "1.0.0-beta.200",
+  "description": "",
+  "main": "index.js",
+  "author": "lambo",
+  "license": "ISC",
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/",
+    "files": [
+      "!**/.*",
+      "!**/CHANGELOG.md",
+      "**/*"
+    ]
+  },
+  "dependencies": {
+    "axios": "^0.24.0",
+    "axios-cache-plugin": "^0.1.0",
+    "classnames": "^2.3.1",
+    "css-vars-ponyfill": "^2.4.8",
+    "dayjs": "^1.11.9",
+    "lodash": "^4.17.21",
+    "moment": "2.29.4",
+    "nanoid": "^3.3.7",
+    "node-rsa": "^1.1.1",
+    "qs": "^6.11.0",
+    "xlsx": "http://cicd.lambo.top/package/cdn/xlsx-0.19.1.tgz",
+    "xlsx-style": "^0.8.13"
+  },
+  "scripts": {
+    "release-shared": "pnpm release-beta && git push --follow-tags && pnpm re-publish",
+    "release-major": "standard-version --release-as major",
+    "release-minor": "standard-version --release-as minor",
+    "release-patch": "standard-version --release-as patch",
+    "release-beta": "standard-version --prerelease beta",
+    "re-publish": "pnpm publish --access public --no-git-checks"
+  }
+}

package/plugin/index.js

@@ -0,0 +1,12 @@
+import DateFormat from "./module/date-format";
+import Loading from "./module/loading";
+import WarnHandler from "./module/warn-handler";
+export default {
+    install : function (Vue, options) {
+        DateFormat.install(Vue,options);
+        Loading.install(Vue.options);
+        WarnHandler.install(Vue.options);
+    }
+
+}
+export { DateFormat , Loading , WarnHandler}

package/plugin/module/date-format.js

@@ -0,0 +1,30 @@
+export default {
+    /**
+     * 对Date的扩展，将 Date 转化为指定格式的String
+     * 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符，
+     * 年(y)可以用 1-4 个占位符，毫秒(S)只能用 1 个占位符(是 1-3 位的数字)
+     * 例:
+     * (new Date()).Format("yyyy-MM-dd HH:mm:ss.S") ==> 2006-07-02 08:09:04.423
+     * (new Date()).Format("yyyy-M-d H:m:s.S")      ==> 2006-7-2 8:9:4.18
+     */
+    install: function (Vue, options) {
+        Date.prototype.Format = function (fmt) {
+            let o = {
+                "M+": this.getMonth() + 1, //月份
+                "d+": this.getDate(), //日
+                "H+": this.getHours(), //小时
+                "m+": this.getMinutes(), //分
+                "s+": this.getSeconds(), //秒
+                "q+": Math.floor((this.getMonth() + 3) / 3), //季度
+                "S": this.getMilliseconds() //毫秒
+            };
+            if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
+            for (let k in o)
+                if (new RegExp("(" + k + ")").test(fmt)) {
+                    fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)))
+                }
+            return fmt;
+        }
+
+    }
+}

package/plugin/module/loading.js

@@ -0,0 +1,26 @@
+export default {
+    install : function (Vue, options) {
+        //通用Loading
+        Vue.prototype.$ShowLoading = function(text){
+            this.$Spin.show({
+                render: (h) => {
+                    return h('div', [
+                        h('Icon', {
+                            'class': 'demo-spin-icon-load',
+                            props: {
+                                type: 'ios-loading',
+                                size: 24
+                            }
+                        }),
+                        h('div', text||'Loading')
+                    ])
+                }
+            });
+        }
+
+        Vue.prototype.$CloseLoading = function(){
+            this.$Spin.hide();
+        }
+    }
+
+}

package/plugin/module/warn-handler.js

@@ -0,0 +1,11 @@
+export default {
+    install : function (Vue, options) {
+        Vue.config.warnHandler = function (err, vm, info) {
+            if (err.toString().indexOf("Component names should conform to valid custom element name in html5 specification")>0){
+                console.warn("[Lambo warn]: " + err + info);
+            }else{
+                console.error("[Vue warn]: " + err + info);
+            }
+        }
+    }
+}

package/utils/ajax/content-type.js

@@ -0,0 +1,30 @@
+const contentTypeKey = 'Content-Type'
+
+export function getContentType(config) {
+    // let type = config?.[contentTypeKey] || config?.['content-type'] || ''
+    let type = '';
+
+    if (config && config[contentTypeKey]) {
+        type = config[contentTypeKey];
+    } else if (config && config['content-type']) {
+        type = config['content-type'];
+    }
+    const suffixIdx = type.indexOf(';')
+    if (suffixIdx !== -1) {
+        type = type.substring(0, suffixIdx)
+    }
+
+    return type
+}
+
+export function setContentType(headers, type) {
+    headers[contentTypeKey] = type
+}
+
+export const CONTENT_TYPE = {
+    form: 'application/x-www-form-urlencoded',
+    multiForm: 'multipart/form-data',
+    body: 'application/json',
+    os: 'application/octet-stream',
+    json: 'application/json',
+}

package/utils/ajax/interceptors.js

@@ -1,90 +1,97 @@
-import qs from 'qs'
-import cacheRules from "./cacheconf";
-import {getToken,getUrlParams} from '../platform'
-import Bus from '../bus';
-
-
-let timer1, timer2;
-
-function requestInterceptors(config) {
-  const params = getUrlParams();
-
-  let token = getToken();
-  if (token) {
-    config.headers.token = token;
-  }
-
-  //sso_token认证
-  if (params.hasOwnProperty('sso_token')||sessionStorage.getItem('sso_token')) {
-    config.params = Object.assign({
-      sso_token: params.sso_token||sessionStorage.getItem('sso_token') ,
-      sso_id: params.sso_id
-    }, config.params)
-  }
-
-  //oauth认证
-  if (params.hasOwnProperty('token')) {
-    if (config.url.indexOf('?') === -1) {
-      config.url = config.url + "?token=" + params.token + "&ssoid=" + params.ssoid;
-    } else {
-      config.url = config.url + "&token=" + params.token + "&ssoid=" + params.ssoid;
-    }
-  }
-
-  if (config.method === 'post') {
-    // payload为自定义不使用qs.stringify序列化的标记，默认config.payload == undefined;
-    // 为true时用于匹配@requestBody定义参数的接口
-    // 使用方式:post(config.AAAServerContext + '/AAA/BBB/CCC', { ...paramRequestBody }, { payload: true })
-    if (!config.payload) {
-      config.data = qs.stringify(config.data)
-    }
-  } else if (config.method === 'get') {
-    for (let rule of cacheRules) {
-      if (rule.test(config.url)) {
-        return config;
-      }
-    }
-    if (config.url.indexOf('?') === -1) {
-      config.url = config.url + "?t=" + new Date().getTime();
-    } else {
-      config.url = config.url + "&t=" + new Date().getTime();
-    }
-  }
-  return config;
-}
-
-function requestError(error) {
-  console.error("服务器内部异常,请稍候再试",error);
-  return Promise.reject(error);
-}
-
-function responseInterceptors(response) {
-  const data = response.data;
-  if (data instanceof Object) {
-    const code = data["code"];
-    if (code === 10106) {
-      clearTimeout(timer1);
-      timer1 = setTimeout(function () {
-        if (confirm("会话已失效，是否重新登录")) {
-          Bus.$emit("needLogin");
-        }
-      }, 500)
-    }
-  }
-  return response;
-}
-
-function responseError(error) {
-  clearTimeout(timer2);
-  timer2 = setTimeout(function () {
-    console.error("服务器内部异常,请稍候再试");
-  }, 500)
-  return Promise.reject(error);
-}
-
-export default {
-  requestInterceptors,
-  responseInterceptors,
-  requestError,
-  responseError
-}
+import qs from 'qs'
+import cacheRules from "./cacheconf";
+import {getToken,getUrlParams} from '../platform'
+import Bus from '../bus';
+
+
+let timer1, timer2;
+let hasDialog = false;
+
+function requestInterceptors(config) {
+  const params = getUrlParams();
+
+  let token = getToken();
+  if (token) {
+    config.headers.token = token;
+  }
+
+  //sso_token认证
+  if (params.hasOwnProperty('sso_token')||sessionStorage.getItem('sso_token')) {
+    config.params = Object.assign({
+      sso_token: params.sso_token||sessionStorage.getItem('sso_token') ,
+      sso_id: params.sso_id
+    }, config.params)
+  }
+
+  //oauth认证
+  if (params.hasOwnProperty('token')) {
+    if (config.url.indexOf('?') === -1) {
+      config.url = config.url + "?token=" + params.token + "&ssoid=" + params.ssoid;
+    } else {
+      config.url = config.url + "&token=" + params.token + "&ssoid=" + params.ssoid;
+    }
+  }
+
+  if (config.method === 'post') {
+    // payload为自定义不使用qs.stringify序列化的标记，默认config.payload == undefined;
+    // 为true时用于匹配@requestBody定义参数的接口
+    // 使用方式:post(config.AAAServerContext + '/AAA/BBB/CCC', { ...paramRequestBody }, { payload: true })
+    if (!config.payload) {
+      config.data = qs.stringify(config.data)
+    }
+  } else if (config.method === 'get') {
+    for (let rule of cacheRules) {
+      if (rule.test(config.url)) {
+        return config;
+      }
+    }
+    if (config.url.indexOf('?') === -1) {
+      config.url = config.url + "?t=" + new Date().getTime();
+    } else {
+      config.url = config.url + "&t=" + new Date().getTime();
+    }
+  }
+  return config;
+}
+
+function requestError(error) {
+  console.error("服务器内部异常,请稍候再试",error);
+  return Promise.reject(error);
+}
+
+function responseInterceptors(response) {
+  const data = response.data;
+  if (data instanceof Object) {
+    const code = data["code"];
+    if (code === 10106) {
+      if (!hasDialog) {
+        clearTimeout(timer1);
+        timer1 = setTimeout(function () {
+          hasDialog = true;
+          if (confirm("会话已失效，是否重新登录")) {
+            hasDialog = false;
+            Bus.$emit("needLogin");
+          } else {
+            hasDialog = false;
+          }
+        }, 500)
+      }
+    }
+  }
+  return response;
+}
+
+function responseError(error) {
+  clearTimeout(timer2);
+  timer2 = setTimeout(function () {
+    console.error("服务器内部异常,请稍候再试");
+  }, 500)
+  return Promise.reject(error);
+}
+
+export default {
+  requestInterceptors,
+  responseInterceptors,
+  requestError,
+  responseError
+}

package/utils/assist.js

@@ -1,5 +1,6 @@
 // deepCopy
 
+
 export function deepCopy(data) {
   let i;
   const t = typeOf(data);
@@ -24,6 +25,23 @@ export function deepCopy(data) {
   }
   return o;
 }
+export function deepMerge(target, ...sources) {
+  if (!sources.length) return target;
+  const source = sources.shift();
+
+  if (isObject(target) && isObject(source)) {
+    for (const key in source) {
+      if (isObject(source[key])) {
+        if (!target[key]) Object.assign(target, { [key]: {} });
+        deepMerge(target[key], source[key]);
+      } else {
+        Object.assign(target, { [key]: source[key] });
+      }
+    }
+  }
+
+  return deepMerge(target, ...sources);
+}
 
 export function typeOf(obj) {
   const toString = Object.prototype.toString;
@@ -42,17 +60,14 @@ export function typeOf(obj) {
   return map[toString.call(obj)];
 }
 
-export function operateBtn(vm, h, currentRow, operationName, operation, type, permission) {
-  return h('Button', {
+export function operateBtn(vm, h, currentRow, operationName, operation, type, permission, disabled = false) {
+  let renderOption = {
     props: {
       type: type,
       size: "small",
       ghost: true,
+      disabled: disabled
     },
-    directives: [{
-      name: "permission",
-      value: permission
-    }],
     style: {
       margin: '0 2px'
     },
@@ -61,19 +76,72 @@ export function operateBtn(vm, h, currentRow, operationName, operation, type, pe
         operation(vm, currentRow);
       }
     }
-  }, operationName);
+  }
+  if(permission){
+    renderOption['directives'] = [{
+      name: "permission",
+      value: permission
+    }]
+  }
+
+  return h('Button', renderOption, operationName);
+
 }
 
-export function operateHref(vm, h, currentRow, operationName, operation) {
-  return h('a', {
+export function operateHref(vm, h, currentRow, operationName, operation, type, permission) {
+  let renderOption = {
+    style: {
+      margin: '0 4px'
+    },
     on: {
       'click': () => {
         operation(vm, currentRow);
       }
     }
-  }, operationName);
+  }
+  if(permission){
+    renderOption['directives'] = [{
+      name: "permission",
+      value: permission
+    }]
+  }
+
+   return h('a', renderOption, operationName);
+}
+
+export function operateMore(vm, h, operation) {
+  return h("Dropdown", {
+    style: {
+      marginLeft: "4px",
+    },
+    props: {
+      transfer: true,
+    }
+  }, [
+    h("a", {
+      style: {
+        margin: '0 4px',
+        borderBottom: '0px solid #CC9900',
+      }
+    }, [
+      h("span", "更多"),
+      h("Icon", {
+        props: {
+          type: "ios-arrow-down"
+        },
+      })
+    ]),
+    h('DropdownMenu', {
+      slot: "list",
+    }, operation)
+  ]);
 }
 
 export function isJson(arg) {
   return typeof (arg) == "object" && Object.prototype.toString.call(arg).toLowerCase() == "[object object]" && !arg.length
 };
+
+
+export function isObject(item) {
+  return (item && typeof item === 'object' && !Array.isArray(item));
+}