@bytenew/bn-bus-ui 1.1.470 → 1.1.472

package/common.scss

@@ -841,3 +841,159 @@ $border-directions: (
   overflow: hidden;
   margin-bottom: 0;
 }
+
+
+// ========== Bn-table 公共表格样式（vxe-table / vxe-grid）==========
+// 表头背景色
+$bn-table-header-bg: #fbfbfb;
+// 表格内外边框、单元格分割线颜色
+$bn-table-border-color: #f0f2f5;
+// 表格外层圆角
+$bn-table-radius: 8px;
+// 表头行高 / 数据行行高（与 vxe cellConfig.height 一致）
+$bn-table-row-height: 48px;
+// 表头文字颜色
+$bn-table-text-header: rgba(0, 0, 0, 0.85);
+// 表体单元格文字颜色
+$bn-table-text-body: #606266;
+// 行 hover 背景色
+$bn-table-row-hover-bg: #f5f7fa;
+// 行选中（current）背景色
+$bn-table-row-current-bg: rgb(236, 245, 255);
+
+.Bn-table {
+  --vxe-ui-table-border-color: #{$bn-table-border-color};
+  border-radius: $bn-table-radius;
+  overflow: hidden;
+  border-color: $bn-table-border-color;
+
+  .vxe-table--render-wrapper,
+  .vxe-table--main-wrapper {
+    border-radius: $bn-table-radius;
+  }
+
+  .vxe-table--border-line {
+    border-color: $bn-table-border-color;
+  }
+}
+
+.Bn-table-header-row {
+  .vxe-header--column {
+    padding: 0;
+    background-color: $bn-table-header-bg;
+    font-size: 14px;
+    font-weight: 600;
+    color: $bn-table-text-header;
+    height: $bn-table-row-height;
+    border-color: $bn-table-border-color;
+
+    .vxe-cell {
+      padding: 0 12px;
+      max-height: $bn-table-row-height;
+      line-height: $bn-table-row-height;
+      overflow: hidden;
+
+      .vxe-cell--title {
+        width: 100%;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+    }
+  }
+
+  .vxe-checkbox--icon {
+    font-weight: 100;
+  }
+
+  .vxe-cell--checkbox {
+    margin-right: 1px;
+  }
+}
+
+.Bn-table-body-row {
+  background-color: #fff;
+  color: $bn-table-text-body;
+  font-size: 14px;
+
+  &.row--current {
+    background-color: $bn-table-row-current-bg !important;
+
+    > .col--checkbox::before {
+      content: "";
+      position: absolute;
+      left: 0;
+      top: 0;
+      display: block;
+      width: 3px;
+      height: 100%;
+      background-color: #2783f2;
+    }
+  }
+
+  &.row--hover {
+    background-color: $bn-table-row-hover-bg !important;
+  }
+
+  &.row--current.row--hover {
+    background-color: $bn-table-row-current-bg !important;
+  }
+
+  .vxe-body--column {
+    border-color: $bn-table-border-color;
+    height: $bn-table-row-height;
+  }
+}
+
+// 表体允许多行展示（如规则列表「条件」「店铺」等），行高随内容增高，最小 48px
+.Bn-table--wrap-row {
+  .Bn-table-body-row {
+    .vxe-body--column {
+      height: auto;
+      min-height: $bn-table-row-height;
+    }
+  }
+
+  .Bn-table-cell:not(.workOrderTable-cell, .workOrder-vxe-number-cell).vxe-body--column {
+    .vxe-cell {
+      line-height: 22px;
+      padding: 13px 12px;
+      white-space: normal;
+      word-break: break-all;
+    }
+  }
+
+  // show-overflow 列仍为单行省略
+  .col--ellipsis .vxe-cell {
+    line-height: $bn-table-row-height;
+    padding: 0 12px;
+    white-space: nowrap;
+    word-break: normal;
+  }
+}
+
+.Bn-table-cell {
+  .vxe-checkbox--icon {
+    font-weight: 100;
+  }
+
+  .vxe-checkbox--label {
+    display: none;
+  }
+
+  &:not(.workOrderTable-cell, .workOrder-vxe-number-cell).vxe-body--column {
+    height: auto;
+    padding: 0;
+
+    .vxe-cell {
+      max-height: none;
+      padding: 0 12px;
+      color: $bn-table-text-body;
+      font-size: 14px;
+    }
+
+    .vxe-cell--checkbox {
+      line-height: $bn-table-row-height;
+    }
+  }
+}

package/dist/{assocTableSearch-SM_CVRX-.js → assocTableSearch-C5ouliZa.js}

@@ -1,6 +1,6 @@
 import { cloneDeep as w } from "lodash";
-import { _ as R, ab as T } from "./install-CJTJBoxT.js";
-import { resolveComponent as b, resolveDirective as I, openBlock as h, createBlock as _, withCtx as c, withDirectives as V, createElementBlock as v, createElementVNode as t, createVNode as i, createTextVNode as D, Fragment as x, renderList as U, createCommentVNode as k } from "vue";
+import { _ as R, ad as T } from "./install-E8f6xhdJ.js";
+import { resolveComponent as h, resolveDirective as I, openBlock as b, createBlock as _, withCtx as c, withDirectives as V, createElementBlock as v, createElementVNode as t, createVNode as i, createTextVNode as D, Fragment as x, renderList as U, createCommentVNode as k } from "vue";
 const F = {
   id: "",
   //规则id
@@ -173,8 +173,8 @@ const F = {
   class: "w-empty"
 }, P = { class: "w-flex-center w-flex-wrap w-flex-column-gap25 w-margin-top10" }, j = { class: "w-flex-center" }, A = { class: "w-flex-center" }, J = { class: "w-flex-center" }, M = { class: "w-flex-center w-margin-top10" }, q = { class: "w-flex-right" };
 function H(s, e, r, C, l, g) {
-  const d = b("el-button"), y = b("BnCondition"), p = b("BnCheck"), m = b("el-tooltip"), o = b("el-dialog"), n = I("loading");
-  return h(), _(o, {
+  const d = h("el-button"), y = h("BnCondition"), p = h("BnCheck"), m = h("el-tooltip"), o = h("el-dialog"), n = I("loading");
+  return b(), _(o, {
     modelValue: l.visible,
     "onUpdate:modelValue": e[5] || (e[5] = (a) => l.visible = a),
     title: "设置数据筛选",
@@ -207,7 +207,7 @@ function H(s, e, r, C, l, g) {
       ])
     ]),
     default: c(() => [
-      V((h(), v("div", L, [
+      V((b(), v("div", L, [
         t("div", O, [
           e[7] || (e[7] = t("div", { class: "w-flex-center w-flex-column-gap4" }, [
             t("div", { class: "w-line-height20" }, "设置筛选条件"),
@@ -228,7 +228,7 @@ function H(s, e, r, C, l, g) {
           ])
         ]),
         t("div", N, [
-          (h(!0), v(x, null, U(l.ruleData.columnRules, (a, f) => (h(), _(y, {
+          (b(!0), v(x, null, U(l.ruleData.columnRules, (a, f) => (b(), _(y, {
             key: f,
             modelValue: l.ruleData.columnRules[f],
             "onUpdate:modelValue": (u) => l.ruleData.columnRules[f] = u,
@@ -248,7 +248,7 @@ function H(s, e, r, C, l, g) {
             allowSelectColumn: "",
             onDel: (u) => l.ruleData.columnRules.splice(f, 1)
           }, null, 8, ["modelValue", "onUpdate:modelValue", "columnList", "other-column-list", "postFunc", "onDel"]))), 128)),
-          l.ruleData.columnRules.length == 0 ? (h(), v("div", B, " 请设置筛选条件 ")) : k("", !0)
+          l.ruleData.columnRules.length == 0 ? (b(), v("div", B, " 请设置筛选条件 ")) : k("", !0)
         ]),
         e[12] || (e[12] = t("div", { class: "w-flex-center w-flex-column-gap4 w-margin-top10" }, [
           t("div", { class: "w-line-height20" }, "筛选结果"),

package/dist/bn-bus-ui.es.js

@@ -1,11 +1,11 @@
-import { B as e, a as o, b as r, c as t, d as B, f as i, g as m, h as d, i as l, j as p, k as F, l as C, m as c, n as g, o as u, p as h, q as D, r as S, s as b, t as R, u as f, v as x, w as A, x as O, y as P, z as T, A as y, C as k, D as I, E as v, F as w, G as E, H as V, I as G, J, K as L, L as N, M as W, N as M, O as U, P as j, Q as q, R as z, S as H, T as K, U as Q, e as X, X as Z, Z as $, $ as Y, a0 as _, a1 as aa, a3 as sa, a4 as na, a6 as ea, a7 as oa, a8 as ra, a9 as ta, aa as Ba, ab as ia, ac as ma } from "./install-CJTJBoxT.js";
+import { B as e, a as o, b as r, c as B, d as t, f as i, g as m, h as d, i as l, j as p, k as F, l as C, m as c, n as g, o as u, p as h, q as D, r as b, s as S, t as T, u as R, v as f, w as x, x as A, y as O, z as P, A as y, C as k, D as I, E as V, F as W, G as v, H as w, I as E, J as G, K as J, L, M as N, N as M, O as U, P as j, Q as q, R as z, S as H, T as K, U as Q, V as Z, W as X, e as Y, Z as _, a0 as $, a1 as aa, a2 as sa, a3 as na, a5 as ea, a6 as oa, a8 as ra, a9 as Ba, aa as ta, ab as ia, ac as ma, ad as da, ae as la } from "./install-E8f6xhdJ.js";
 import "vue";
 export {
   e as BnAddress,
   o as BnAddressForm,
   r as BnAdvancedFilter,
-  t as BnBatchForm,
-  B as BnBatchFormDialog,
+  B as BnBatchForm,
+  t as BnBatchFormDialog,
   i as BnCascader,
   m as BnCascaderPanel,
   d as BnCheck,
@@ -18,27 +18,27 @@ export {
   u as BnDateDualForm,
   h as BnDateForm,
   D as BnDatePicker,
-  S as BnDrop,
-  b as BnEmptyTip,
-  R as BnExportOrder,
-  f as BnFileForm,
-  x as BnFileView,
-  A as BnFilterOption,
-  O as BnFilterView,
-  P as BnFunExpr,
-  T as BnImportOrder,
+  b as BnDrop,
+  S as BnEmptyTip,
+  T as BnExportOrder,
+  R as BnFileForm,
+  f as BnFileView,
+  x as BnFilterOption,
+  A as BnFilterView,
+  O as BnFunExpr,
+  P as BnImportOrder,
   y as BnImportTemplate,
   k as BnInpNum,
   I as BnMenus,
-  v as BnNumberForm,
-  w as BnOrderCard,
-  E as BnOrderDetail,
-  V as BnOrderShare,
-  G as BnRadio,
-  J as BnRadioForm,
-  L as BnReceiveForm,
-  N as BnRelation,
-  W as BnRelationForm,
+  V as BnNumberForm,
+  W as BnOrderCard,
+  v as BnOrderDetail,
+  w as BnOrderShare,
+  E as BnRadio,
+  G as BnRadioForm,
+  J as BnReceiveForm,
+  L as BnRelation,
+  N as BnRelationForm,
   M as BnSelect,
   U as BnSelectForm,
   j as BnSmartForm,
@@ -47,19 +47,21 @@ export {
   H as BnWebLog,
   K as BnWorkSettingDrop,
   Q as addressParse,
-  X as default,
-  Z as getApiBaseUrl,
+  Z as bnTableBind,
+  X as bnTableWrapBind,
+  Y as default,
+  _ as getApiBaseUrl,
   $ as getGlobalConfig,
-  Y as getSearchComponents,
-  _ as getWatchComponents,
-  aa as idsToTexts,
-  sa as insertText,
-  na as mainAppRouterPush,
-  ea as recordApiLog,
-  oa as searchValueToJson,
-  ra as setGlobalConfig,
-  ta as tidyComponents,
-  Ba as tidyJumpSearchData,
-  ia as tidyRuleComponents,
-  ma as tidyShowSubDataFile
+  aa as getSearchComponents,
+  sa as getWatchComponents,
+  na as idsToTexts,
+  ea as insertText,
+  oa as mainAppRouterPush,
+  ra as recordApiLog,
+  Ba as searchValueToJson,
+  ta as setGlobalConfig,
+  ia as tidyComponents,
+  ma as tidyJumpSearchData,
+  da as tidyRuleComponents,
+  la as tidyShowSubDataFile
 };