@lambo-design/shared 1.0.0-beta.21 → 1.0.0-beta.210

package/nstyles/variables/index.less

@@ -0,0 +1,4 @@
+// 基础变量
+@import './base.less';
+// 主题变量
+@import './theme/index.less';

package/nstyles/variables/theme/default/button.less

@@ -0,0 +1,7 @@
+:root {
+  --ind-button-height-md: 32px;
+  --ind-button-padding-md: 15px;
+
+  --ind-button-height-sm: 32px;
+  --ind-button-padding-sm: 7px;
+}

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

@@ -0,0 +1,57 @@
+:root {
+  // 颜色
+  --ind-primary-color: var(--ind-blue);
+  --ind-primary-color-tint20: tint(@ind-blue, 20%);
+  --ind-primary-color-tint70: tint(@ind-blue, 70%);
+  --ind-primary-color-tint80: tint(@ind-blue, 80%);
+  --ind-primary-color-tint90: tint(@ind-blue, 90%);
+  --ind-primary-color-fade20: fade(@ind-blue, 20%);
+  --ind-primary-color-fade90: fade(@ind-blue, 90%);
+  --ind-primary-color-tint95-fade50: fade(tint(@ind-blue, 95%), 50%);
+  --ind-primary-color-shade5: shade(@ind-blue, 5%);
+  --ind-primary-color-fade90-shade10: shade(fade(@ind-blue, 90%), 10%);
+
+  --ind-bg-color-light: var(--ind-white);
+  --ind-bg-color-dark: var(--ind-gray-1);
+  --ind-text-color: var(--ind-black);
+  --ind-link-hover-color: var(--ind-primary-color-tint20);
+  --ind-link-active-color: var(--ind-primary-color-shade5);
+  --ind-desc-color: var(--ind-gray-6);
+
+  --ind-border-color: #ebedf2;
+
+  // 页面的边距
+  --ind-page-padding: var(--ind-padding-xs);
+  --ind-sc-padding-top: var(--ind-padding-xs);
+  --ind-menu-desc-margin-top: 4px;
+
+  // card的样式
+  --ivu-card-head-padding: 12px 16px;
+  --ivu-card-head-line-height: 28px;
+  --ivu-card-head-height: 52px;
+  --ivu-card-body-padding: 16px;
+
+  // 表单的样式
+  --ivu-form-item-label-padding: 10px 12px 10px 0;
+  --ivu-form-v6stle-item-label-paddingleft: 20px;
+  --ivu-form-item-content-padding: 6px 12px;
+  --ivu-form-item-label-before-left: 8px;
+  --ivu-form-item-content-line-height: 32px;
+
+  // tree样式
+  --ind-tree-wrapper-width: 98%;
+  --tree-content-padding: 8px;
+  --ivu-tree-margin: 8px 0;
+
+  // drawer样式
+  --ind-drawer-content-padding: 16px;
+  --ind-drawer-footer-padding: 10px 16px;
+
+  // 报表指标样式
+  --report-index-model-panel-padding: 8px;
+  --report-index-options-padding-right: 18px;
+
+  // 表格
+  --ind-table-button-padding: var(--ind-padding-base);
+  --input-height-table: var(--input-height); // 表格输入框的高度
+}

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

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

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

@@ -0,0 +1,40 @@
+:root {
+  // basic layout 系统布局变量  -begin
+  --main-color: var(--ind-blue);
+  --deep-mian-color: #2b85e4;
+  --selected-background: #1890ff;
+  --selected-background-hover: #384568;
+  --header-height: 48px;
+  --header-bg: linear-gradient(90deg, #1d42ab, #2173dc, #1e93ff);
+  --header-color: hsla(0, 0%, 100%, 0.7);
+  --header-color-hover: var(--ind-white);
+  --header-border-bottom-color: #4fe3c1;
+
+  --ind-main-sider-width: 200px;
+  --ind-main-sider-collapsed-width: 68px;
+  --menu-black-active-bg: var(--ind-white); //#263353;
+  --menu-white-group-title-color: var(--ind-text-color); //#B6B6B8;
+  --ivu-menu-item-font-size: var(--ind-font-size-md);
+
+  --menu-select-bg: #f0faff;
+  --deep-menu-color: var(--ind-primary-color); //@text-color; //#F3F2F0;
+  --selected-background: var(--menu-select-bg); //@primary-color;
+  --selected-background-hover: var(--menu-select-bg); //#384568;
+  --menu-icon-margin-right: 8px;
+  --menu-white-group-title-color: #b6b6b8;
+  // basic layout 系统布局变量  -end
+
+  // page-view layout 系统布局变量  -begin
+  --ind-panel-vertical-margin: 12px;
+  --ind-panel-horizon-margin: 16px;
+  // page-view layout 系统布局变量  -end
+
+  --input-height: 32px; // small 24px
+  --search-margin-bottom: 24px; // small 16px
+  --search-button-margin: 16px;
+
+  --menu-name-padding: 15px 28px 15px 30px; // 标题行padding
+  --menu-title-font-size: 20px;
+  --menu-title-color: #17233d;
+  --page-content-padding: 12px;
+}

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

@@ -0,0 +1,37 @@
+:root {
+  // table layout 系统布局变量  -begin
+  --check-border: #dcdee2;
+
+  --table-td-hover-bg: tint(#488aff, 90%);
+
+  /*
+  * ag-grid合计行颜色变量
+  */
+  --ag-sum-row-color-10: #cccfd7;
+  --ag-sum-row-color-5: #dcdfe6;
+  --ag-sum-row-color-1: #ebedf2;
+  --ind-table-padding: 16px;
+  // table layout 系统布局变量  -end
+
+  --ind-ag-grid-size: 6px;
+  --ind-ag-cell-widget-spacing: 12px;
+  --ind-ag-font-size: var(--ind-font-size-md);
+  // --ind-ag-list-item-height: 42px;
+  --ind-ag-odd-row-background-color: #fcfdfe;
+  --ind-ag-row-hover-color: rgba(0, 0, 0, 0.05);
+  --ind-ag-column-hover-color: rgba(0, 0, 0, 0.05);
+  --ind-ag-cell-header-horizontal-padding: 12px;
+  --ind-ag-cell-horizontal-padding: 13px;
+  --ind-ag-row-group-indent-size: 28px;
+  --ind-ag-selected-row-background-color: #c8dcff;
+  --ind-ag-header-background-color: #f8f8f9;
+  --ind-ag-odd-row-background-color: #fff;
+
+  // 以下是 ag 没有的
+  --ind-ag-cell-icon-margin-left: var(--ind-ag-grid-size);
+  // --ind-ag-cell-header-horizontal-padding: var(--ag-cell-horizontal-padding);
+  --ind-ag-cell-line-height: 20px;
+
+  --ind-unit-switch-bottom: 6px;
+  --ind-other-button-top: 6px;
+}

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

@@ -0,0 +1,3 @@
+:root {
+  --ind-tag-height: 24px;
+}

package/nstyles/variables/theme/default/upload.less

@@ -0,0 +1,3 @@
+:root {
+  --file-line-height: 41px;
+}

package/nstyles/variables/theme/index.less

@@ -0,0 +1,13 @@
+/*
+ * 定义不同主题变量，其中default基本等于全局变量
+ * 别的主题应在default基础上更改
+ * 若已有主题变量不满足情况，应在default里添加原样式的变量后，在新主题里更改对应的值
+ *
+ * @Author: huxuetong 
+ * @Date: 2024-03-12 20:10:04 
+ * @Last Modified by: huxuetong
+ * @Last Modified time: 2024-03-12 20:11:26
+ */
+
+@import './default/index.less';
+@import './small/index.less';

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

@@ -0,0 +1,7 @@
+:root,.ind-small-theme {
+  --ind-button-height-md: 30px;
+  --ind-button-padding-md: 7px;
+
+  --ind-button-height-sm: 24px;
+  --ind-button-padding-sm: 7px; // 3px;
+}

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

@@ -0,0 +1,39 @@
+:root,.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 @@
+:root,.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 @@
+:root,.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 @@
+:root,.ind-small-theme {
+  --ind-tag-height: 18px; //22px // 16px;; // 值来自四川 // 又改一版
+}

package/package.json

@@ -1,22 +1,42 @@
 {
   "name": "@lambo-design/shared",
-  "version": "1.0.0-beta.21",
+  "version": "1.0.0-beta.210",
   "description": "",
   "main": "index.js",
   "author": "lambo",
   "license": "ISC",
   "publishConfig": {
     "access": "public",
-    "registry": "https://registry.npmjs.org/"
+    "registry": "https://registry.npmjs.org/",
+    "files": [
+      "!**/.*",
+      "!**/CHANGELOG.md",
+      "**/*"
+    ]
   },
   "dependencies": {
     "axios": "^0.24.0",
     "axios-cache-plugin": "^0.1.0",
-    "qs": "^6.11.0",
-    "xlsx": "http://10.110.34.38/package/cdn/xlsx-0.19.1.tgz",
     "classnames": "^2.3.1",
-    "xlsx-style": "^0.8.13",
-    "moment": "2.29.4"
+    "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"
+  },
+  "devDependencies": {
+    "vue": "^2.6.12"
   },
-  "scripts": {}
+  "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/assist.js

@@ -25,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;
@@ -43,42 +60,88 @@ export function typeOf(obj) {
   return map[toString.call(obj)];
 }
 
-export function operateBtn(vm, h, currentRow, operationName, operation, type, permission) {
-    return h('Button', {
-      props: {
-        type: type,
-        size: "small",
-        ghost: true,
-      },
-      directives: [(permission === '' || permission === null) ? '' : {
-        name: "permission",
-        value: permission
-      }],
-      style: {
-        margin: '0 2px'
-      },
-      on: {
-        'click': () => {
-          operation(vm, currentRow);
-        }
+export function operateBtn(vm, h, currentRow, operationName, operation, type, permission, disabled = false) {
+  let renderOption = {
+    props: {
+      type: type,
+      size: "small",
+      ghost: true,
+      disabled: disabled
+    },
+    style: {
+      margin: '0 2px'
+    },
+    on: {
+      'click': () => {
+        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', {
-     style: {
-       margin: '0 4px'
-     },
+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));
+}