lambo-design-bi 0.0.1

package/pub/table/paging-table/styles/css/index.less

@@ -0,0 +1,190 @@
+@import '@lambo-design/core/src/styles/default.less';
+
+/*color*/
+@ivu-primary-color: var(--primary-color, @_primary-color);
+@ivu-success-color: var(--success-color, @_success-color);
+@ivu-info-color: var(--info-color, @_info-color);
+@ivu-warning-color: var(--warning-color, @_warning-color);
+@ivu-danger-color: var(--error-color, @_error-color);
+@ivu-disabled-color: var(--input-disabled-bg, @_input-disabled-bg);
+@ivu-primary-disabled-color: var(--input-disabled-bg, @_input-disabled-bg);
+
+.lambo-grid-table {
+  /deep/ .ivu-form {
+    .ivu-form-item {
+      display: inline-block;
+    }
+  }
+
+  /deep/ .ivu-form.lambo-query-filter {
+    .ivu-form-item {
+      display: block;
+    }
+  }
+
+  .buttons {
+    .ivu-btn {
+      margin-right: 5px;
+    }
+  }
+
+  .ivu-form-item {
+    margin-bottom: 10px;
+  }
+
+  /deep/ .ivu-table-fixed-shadow {
+    height: auto;
+  }
+
+  .table-option-dropdown {
+    border-bottom-left-radius: 0;
+    border-top-left-radius: 0;
+    border-left: none;
+  }
+
+  .message-box {
+    display: flex;
+    background: var(--primary-color-tint-90, @_primary-color-tint-90);
+    border: 1px solid var(--primary-color, @_primary-color);
+    height: 50px;
+    margin-top: 10px;
+
+    &.info {
+      background: var(--primary-color-tint-90, @_primary-color-tint-90);
+      border: 1px solid var(--primary-color, @_primary-color);
+    }
+
+    &.success {
+      background: var(--success-color-tint-90, @_success-color-tint-90);
+      border: 1px solid var(--success-color, @_success-color);
+    }
+
+    &.warn {
+      background: var(--warning-color-tint-90, @_warning-color-tint-90);
+      border: 1px solid var(--warning-color, @_warning-color);
+    }
+
+    &.error {
+      background: var(--error-color-tint-90, @_error-color-tint-90);
+      border: 1px solid var(--error-color, @_error-color);
+    }
+
+    .message-text {
+      line-height: 47px;
+      margin-right: 30px;
+      font-size: 14px;
+      padding-left: 10px;
+    }
+  }
+}
+
+.drop-down-tabs {
+  /deep/.ivu-tabs-bar {
+    padding: 5px 0 0 10px;
+  }
+
+  .tab-filter {
+    padding: 0 0 0 10px !important;
+    margin: 0 !important;
+  }
+
+  /deep/.ivu-form-item {
+    margin-bottom: 16px;
+  }
+
+  .checkbox-group {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: flex-start !important;
+    overflow: auto;
+    max-height: 100px;
+    width: 96%;
+
+    .checkbox-single {
+      min-height: 30px;
+      white-space: nowrap;
+      /* 不换行 */
+      overflow: unset !important;
+      /* 溢出内容隐藏 */
+      text-overflow: ellipsis;
+      /* 使用省略号代替溢出的内容 */
+      margin-bottom: 7px;
+      width: 24%;
+      height: 22%;
+      margin-right: 1%;
+
+      /deep/.ivu-tooltip {
+        width: calc(100% - 20px);
+
+        .ivu-tooltip-rel {
+          width: 100%;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+          vertical-align: bottom;
+        }
+      }
+    }
+  }
+
+  .tab-button {
+    background-color: white;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    width: 100%;
+    margin-top: 10px;
+    position: relative !important;
+    bottom: unset !important;
+  }
+}
+
+.tab-filter {
+  position: relative;
+  margin-left: 10px;
+  margin-right: 10px
+}
+
+.tab-button {
+  position: absolute;
+  bottom: 2px;
+}
+
+.setting-bottom-button-group {
+  float: right;
+  position: absolute;
+  bottom: 5px;
+  right: 10px;
+}
+
+.setting-bottom-button {
+  margin: 0 2px;
+}
+
+.checkbox-group {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+}
+
+
+.ivu-table-wrapper .ivu-table-row-hover {
+  background-color: #0091FF !important;
+}
+
+.checkbox-single {
+  white-space: nowrap;
+  /* 不换行 */
+  overflow: hidden;
+  /* 溢出内容隐藏 */
+  text-overflow: ellipsis;
+  /* 使用省略号代替溢出的内容 */
+  margin-bottom: 7px;
+  width: 22%;
+  height: 22%;
+  min-height: 30px;
+}
+
+.ivu-form-item .ivu-form-item-label:before {
+  margin-right: auto !important;
+}

package/pub/theme/color.js

@@ -0,0 +1,3 @@
+
+// 这个color要根据lambo-design和ant-design去合并修改
+export const biColorArr = ['#2D8CF0', '#45D5D0', '#FFBF37', '#FD7336', '#655EF3', '#47D791', '#F85968', '#33BFF3', '#C74EF4', '#F84CEE', '#F5D000', '#B7E518']

package/util/math-util.js

@@ -0,0 +1,71 @@
+//js除法计算
+export function accDiv(arg1, arg2) {
+  let t1 = 0, t2 = 0, r1, r2;
+  try {
+    t1 = arg1.toString().split(".")[1].length
+  } catch (e) {
+    console.error('accDiv:', e)
+  }
+  try {
+    t2 = arg2.toString().split(".")[1].length
+  } catch (e) {
+    console.error('accDiv:', e)
+  }
+  r1 = Number(arg1.toString().replace(".", ""))
+  r2 = Number(arg2.toString().replace(".", ""))
+  return (r1 / r2) * Math.pow(10, t2 - t1);
+}
+
+//js乘法计算
+export function accMul(arg1, arg2) {
+  let m = 0, s1 = arg1.toString(), s2 = arg2.toString();
+  try {
+    m += s1.split(".")[1].length
+  } catch (e) {
+    console.error('accMul:', e)
+  }
+  try {
+    m += s2.split(".")[1].length
+  } catch (e) {
+    console.error('accMul:', e)
+  }
+  return accDiv(Number(s1.replace(".", "")) * Number(s2.replace(".", "")), Math.pow(10, m));
+}
+
+//js加法计算
+export function accAdd(arg1, arg2) {
+  let r1, r2, m;
+  try {
+    r1 = arg1.toString().split(".")[1].length
+  } catch (e) {
+    r1 = 0
+    console.error('accAdd:', e)
+  }
+  try {
+    r2 = arg2.toString().split(".")[1].length
+  } catch (e) {
+    r2 = 0
+    console.error('accAdd:', e)
+  }
+  m = Math.pow(10, Math.max(r1, r2));
+  return accDiv((accMul(arg1, m) + accMul(arg2, m)), m);
+}
+
+//js减法计算
+export function accSub(arg1, arg2) {
+  let r1, r2, m;
+  try {
+    r1 = arg1.toString().split(".")[1].length
+  } catch (e) {
+    r1 = 0
+    console.error('accSub:', e)
+  }
+  try {
+    r2 = arg2.toString().split(".")[1].length
+  } catch (e) {
+    r2 = 0
+    console.error('accSub:', e)
+  }
+  m = Math.pow(10, Math.max(r1, r2));
+  return accDiv((accMul(arg1, m) - accMul(arg2, m)), m);
+}

package/util/num-util.js

@@ -0,0 +1,16 @@
+/**
+ * formatNumLocale("1234567.89")) = "1,234,567.89"
+ * 不是数字的值原样返回
+ *
+ * @param num
+ * @returns {*|string}
+ */
+export function formatNumLocale(num) {
+  console.log("formatNumLocale num:", num)
+  if (!isNaN(parseFloat(num)) && isFinite(num)) {
+    const newNum = typeof num === 'string' ? parseFloat(num) : num;
+    console.log("formatNumLocale newNum:", newNum)
+    return new Intl.NumberFormat('en-US').format(newNum);
+  }
+  return num
+}