ocpview-pro 0.1.2 → 0.1.3

package/dist/index.js

@@ -453,7 +453,7 @@ common.initEview = function(ViewUI2) {
   common.initAnchor(ViewUI2.Anchor);
 };
 const name = "ocpview-pro";
-const version$2 = "0.1.1";
+const version$2 = "0.1.3";
 const title = "ocpviewPlus";
 const description = "A high quality Service UI components Library with Vue.js";
 const homepage = "";
@@ -33770,6 +33770,19 @@ function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
   });
 }
 var GridColSet = /* @__PURE__ */ _export_sfc$1(_sfc_main$B, [["render", _sfc_render$y], ["__scopeId", "data-v-926ea6aa"]]);
+const columnColorConfig = {
+  billstatus: {
+    A: "#FA8C16",
+    N: "#1677FF",
+    S: "#1677FF",
+    Q: "#F5222D",
+    T: "#F5222D",
+    W: "#FA8C16",
+    X: "#00875A",
+    Y: "#52C41A",
+    C: "#666666"
+  }
+};
 const _sfc_main$A = {
   name: "mbillquerygrid",
   components: { QueryBar: querybar, GridColSet },
@@ -33828,6 +33841,7 @@ const _sfc_main$A = {
       if (el2.type === "ComboBox" && el2.codeWithName === void 0) {
         el2.codeWithName = this.OmdUrl.billQueryComboBoxCodeWithName !== void 0 ? this.OmdUrl.billQueryComboBoxCodeWithName : true;
       }
+      this.injectColumnRender(el2);
     });
     if (this.myConfig.gridConfig.initRefresh !== void 0) {
       this.initRefresh = this.myConfig.gridConfig.initRefresh;
@@ -33878,6 +33892,23 @@ const _sfc_main$A = {
     this.setChangeGridConfig();
   },
   methods: {
+    injectColumnRender(el2) {
+      const colorMap = columnColorConfig[el2.name];
+      if (!colorMap || el2.type !== "ComboBox" || el2.render !== void 0) {
+        return;
+      }
+      const fieldName = el2.name;
+      el2.render = (h10, params) => {
+        const code = params.row[fieldName];
+        const color2 = colorMap[code];
+        const text = this.$Method.formatComboBox(code, params.column);
+        if (color2) {
+          return h10("span", { style: { color: color2 } }, text);
+        }
+        return h10("span", text);
+      };
+      el2._colorMap = colorMap;
+    },
     initRowBtn() {
       if (this.enablePermissions) {
         let btns = [];
@@ -44199,6 +44230,19 @@ const _sfc_main$i = {
     RewriteTableCellDBlclick(params) {
       const { row } = params;
       this.dbclick(row);
+    },
+    cellStyleMethod({ row, column: column2 }) {
+      const item = this.tableColumns.find(
+        (c10) => c10.name === column2.field
+      );
+      if (item && item._colorMap) {
+        const code = row[column2.field];
+        const color2 = item._colorMap[code];
+        if (color2) {
+          return { color: color2 };
+        }
+      }
+      return {};
     }
   },
   mounted() {
@@ -44273,6 +44317,7 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
             loading: _ctx.loading,
             "sort-config": { remote: true, trigger: "cell" },
             "seq-config": $options.seqConfig,
+            "cell-style": $options.cellStyleMethod,
             onSortChange: $options.RewriteTableOnSortChange,
             onCellDblclick: $options.RewriteTableCellDBlclick
           }, createSlots({
@@ -44292,7 +44337,7 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
                 ])
               };
             })
-          ]), 1032, ["columns", "data", "height", "max-height", "loading", "seq-config", "onSortChange", "onCellDblclick"])
+          ]), 1032, ["columns", "data", "height", "max-height", "loading", "seq-config", "cell-style", "onSortChange", "onCellDblclick"])
         ]),
         _: 3
       }),