@kmkf-fe-packages/services-components 0.8.21-alpha.7 → 0.8.21-alpha.8

package/dist/esm/commonComponents/SelectMark/index.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
-import './icon/iconfont.css';
+import React from "react";
 interface SelectMarkProps {
     value: string;
     onChange: (val: string) => void;

package/dist/esm/commonComponents/SelectMark/index.js

@@ -1,51 +1,59 @@
-import React, { useMemo } from 'react';
-import { Menu, Dropdown } from 'antd';
-import "./icon/iconfont.css";
+import React, { useMemo } from "react";
+import { Menu, Dropdown } from "antd";
+import xing from "./img/xingxing.png";
+import xingRed from "./img/xingxing-red.png";
+import xingYellow from "./img/xingxing-yellow.png";
+import xingBlue from "./img/xingxing-blue.png";
+import xingGreen from "./img/xingxing-green.png";
+import xingPurple from "./img/xingxing-purple.png";
 var workOrderMark = [{
-  label: /*#__PURE__*/React.createElement("span", {
-    className: "iconfont icon-xingxing"
+  label: /*#__PURE__*/React.createElement("img", {
+    src: xing,
+    style: {
+      width: "16px"
+    }
   }),
-  value: '1'
+  value: "1"
 }, {
-  label: /*#__PURE__*/React.createElement("span", {
-    className: "iconfont icon-xingxing1",
+  label: /*#__PURE__*/React.createElement("img", {
+    src: xingRed,
     style: {
-      color: '#ff0000'
+      width: "16px"
     }
   }),
-  value: '2'
+  value: "2"
 }, {
-  label: /*#__PURE__*/React.createElement("span", {
-    className: "iconfont icon-xingxing1",
+  label: /*#__PURE__*/React.createElement("img", {
+    src: xingYellow,
     style: {
-      color: '#f6b343'
+      width: "16px"
     }
   }),
-  value: '3'
+  value: "3"
 }, {
-  label: /*#__PURE__*/React.createElement("span", {
-    className: "iconfont icon-xingxing1",
+  label: /*#__PURE__*/React.createElement("img", {
+    src: xingBlue,
     style: {
-      color: '#4d90f7'
+      width: "16px"
     }
   }),
-  value: '4'
+  value: "4"
 }, {
-  label: /*#__PURE__*/React.createElement("span", {
-    className: "iconfont icon-xingxing1",
+  label: /*#__PURE__*/React.createElement("img", {
+    src: xingGreen,
     style: {
-      color: '#6ed86c'
+      width: "16px"
     }
   }),
-  value: '5'
+  value: "5"
 }, {
-  label: /*#__PURE__*/React.createElement("span", {
-    className: "iconfont icon-xingxing1",
+  label: /*#__PURE__*/React.createElement("img", {
+    src: xingPurple,
     style: {
-      color: '#be4ed1'
+      width: "16px"
     }
   }),
-  value: '6'
+  value: "6"
 }];
 export default (function (props) {
   var value = props.value,
@@ -77,5 +85,5 @@ export default (function (props) {
     onClick: function onClick(e) {
       return e.stopPropagation();
     }
-  }, markLabel || '--'));
+  }, markLabel || "--"));
 });

package/dist/esm/components/FlowMarkSelect/index.d.ts

@@ -1,19 +1,19 @@
-import { ComponentInterface, PickOption, ColumnConfig, Record } from '../../type';
-import React from 'react';
+import { ComponentInterface, PickOption, ColumnConfig, Record } from "../../type";
+import React from "react";
 declare class FlowMarkSelect implements ComponentInterface {
     name: string;
     id: string;
     sortField: string;
     type: string;
     rules: any[];
-    componentConfig: ComponentInterface['componentConfig'];
-    effects: ComponentInterface['effects'];
+    componentConfig: ComponentInterface["componentConfig"];
+    effects: ComponentInterface["effects"];
     workOrderMark: any[];
     isCombinationComponent: boolean;
     formField: string;
     canSort: boolean;
     children: ComponentInterface[];
-    dataType: ComponentInterface['dataType'];
+    dataType: ComponentInterface["dataType"];
     constructor(options: PickOption);
     renderPc: (value: any, record: Record) => React.JSX.Element;
     renderLog: (r: Record) => React.JSX.Element | null;

package/dist/esm/components/FlowMarkSelect/index.js

@@ -8,14 +8,13 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-import React from 'react';
+import React from "react";
 import ItemView from "../../commonComponents/ItemView";
 import SelectMark from "../../commonComponents/SelectMark";
-import { ApaasSelect } from '@kmkf-fe-packages/basic-components';
-import { isNull, filterFn as _filterFn } from '@kmkf-fe-packages/kmkf-utils';
+import { ApaasSelect } from "@kmkf-fe-packages/basic-components";
+import { isNull, filterFn as _filterFn } from "@kmkf-fe-packages/kmkf-utils";
 import GetFormItem from "../GetFormItem";
 import { SYMBOL } from "../../constant";
-// import "./icon/iconfont.css";
 var FlowMarkSelect = /*#__PURE__*/_createClass(function FlowMarkSelect(options) {
   var _this = this;
   _classCallCheck(this, FlowMarkSelect);
@@ -35,7 +34,7 @@ var FlowMarkSelect = /*#__PURE__*/_createClass(function FlowMarkSelect(options)
   _defineProperty(this, "renderPc", function (value, record) {
     var changeMarkHandle = function changeMarkHandle(key) {
       var _this$effects, _this$effects2;
-      typeof (_this === null || _this === void 0 ? void 0 : (_this$effects = _this.effects) === null || _this$effects === void 0 ? void 0 : _this$effects.handleChangeSingleWorkOrderMark) === 'function' && (_this === null || _this === void 0 ? void 0 : (_this$effects2 = _this.effects) === null || _this$effects2 === void 0 ? void 0 : _this$effects2.handleChangeSingleWorkOrderMark(key, record));
+      typeof (_this === null || _this === void 0 ? void 0 : (_this$effects = _this.effects) === null || _this$effects === void 0 ? void 0 : _this$effects.handleChangeSingleWorkOrderMark) === "function" && (_this === null || _this === void 0 ? void 0 : (_this$effects2 = _this.effects) === null || _this$effects2 === void 0 ? void 0 : _this$effects2.handleChangeSingleWorkOrderMark(key, record));
     };
     return /*#__PURE__*/React.createElement(SelectMark, {
       value: record === null || record === void 0 ? void 0 : record["".concat(_this.id)],
@@ -57,23 +56,23 @@ var FlowMarkSelect = /*#__PURE__*/_createClass(function FlowMarkSelect(options)
   });
   _defineProperty(this, "renderExport", function (value, record) {
     var MARK_MAP = {
-      1: '白色',
-      2: '红色',
-      3: '黄色',
-      4: '蓝色',
-      5: '绿色',
-      6: '紫色'
+      1: "白色",
+      2: "红色",
+      3: "黄色",
+      4: "蓝色",
+      5: "绿色",
+      6: "紫色"
     };
     var mark = _this.workOrderMark.find(function (item) {
       return item.value === (record === null || record === void 0 ? void 0 : record["".concat(_this.id)]);
     });
-    return mark ? MARK_MAP[mark === null || mark === void 0 ? void 0 : mark.value] : '--';
+    return mark ? MARK_MAP[mark === null || mark === void 0 ? void 0 : mark.value] : "--";
   });
   _defineProperty(this, "renderClient", function (record) {
     return !isNull(record === null || record === void 0 ? void 0 : record[_this.id]) ? /*#__PURE__*/React.createElement(ItemView, {
       id: _this.id,
       label: _this.name,
-      value: (record === null || record === void 0 ? void 0 : record[_this.id]) || ''
+      value: (record === null || record === void 0 ? void 0 : record[_this.id]) || ""
     }) : null;
   });
   _defineProperty(this, "editRender", function (p) {
@@ -97,41 +96,41 @@ var FlowMarkSelect = /*#__PURE__*/_createClass(function FlowMarkSelect(options)
       // 过滤组件id
       name: item.name,
       // 过滤组件名称
-      filterComponentType: 'MultipleSelect',
+      filterComponentType: "MultipleSelect",
       props: {
         //不使用workOrderMark的数据，筛选会深拷贝
         options: [{
-          label: '空白',
-          value: '1'
+          label: "空白",
+          value: "1"
         }, {
-          label: '红色',
-          value: '2'
+          label: "红色",
+          value: "2"
         }, {
-          label: '黄色',
-          value: '3'
+          label: "黄色",
+          value: "3"
         }, {
-          label: '蓝色',
-          value: '4'
+          label: "蓝色",
+          value: "4"
         }, {
-          label: '绿色',
-          value: '5'
+          label: "绿色",
+          value: "5"
         }, {
-          label: '紫色',
-          value: '6'
+          label: "紫色",
+          value: "6"
         }]
       },
       filterFn: function filterFn(value) {
         return function (i) {
-          return value === null || value === void 0 ? void 0 : value.includes(_filterFn.filterTableListItemColumnValue(i, item.id, ''));
+          return value === null || value === void 0 ? void 0 : value.includes(_filterFn.filterTableListItemColumnValue(i, item.id, ""));
         };
       }
     };
   });
-  this.name = '标记';
-  this.id = 'markFlag';
-  this.sortField = 'markFlag';
-  this.formField = 'markFlag';
-  this.type = 'FLOW_MARK_SELECT';
+  this.name = "标记";
+  this.id = "markFlag";
+  this.sortField = "markFlag";
+  this.formField = "markFlag";
+  this.type = "FLOW_MARK_SELECT";
   this.effects = options.effects;
   this.rules = [];
   this.isCombinationComponent = false;
@@ -141,51 +140,51 @@ var FlowMarkSelect = /*#__PURE__*/_createClass(function FlowMarkSelect(options)
     label: /*#__PURE__*/React.createElement("span", {
       className: "iconfont icon-xingxing"
     }),
-    value: '1'
+    value: "1"
   }, {
     label: /*#__PURE__*/React.createElement("span", {
       className: "iconfont icon-xingxing1",
       style: {
-        color: '#ff0000'
+        color: "#ff0000"
       }
     }),
-    value: '2'
+    value: "2"
   }, {
     label: /*#__PURE__*/React.createElement("span", {
       className: "iconfont icon-xingxing1",
       style: {
-        color: '#f6b343'
+        color: "#f6b343"
       }
     }),
-    value: '3'
+    value: "3"
   }, {
     label: /*#__PURE__*/React.createElement("span", {
       className: "iconfont icon-xingxing1",
       style: {
-        color: '#4d90f7'
+        color: "#4d90f7"
       }
     }),
-    value: '4'
+    value: "4"
   }, {
     label: /*#__PURE__*/React.createElement("span", {
       className: "iconfont icon-xingxing1",
       style: {
-        color: '#6ed86c'
+        color: "#6ed86c"
       }
     }),
-    value: '5'
+    value: "5"
   }, {
     label: /*#__PURE__*/React.createElement("span", {
       className: "iconfont icon-xingxing1",
       style: {
-        color: '#be4ed1'
+        color: "#be4ed1"
       }
     }),
-    value: '6'
+    value: "6"
   }];
   this.componentConfig = _objectSpread(_objectSpread({}, options.componentConfig), {}, {
     options: this.workOrderMark
   });
-  this.dataType = 'string';
+  this.dataType = "string";
 });
 export default FlowMarkSelect;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kmkf-fe-packages/services-components",
-  "version": "0.8.21-alpha.7",
+  "version": "0.8.21-alpha.8",
   "module": "dist/esm/index.js",
   "typings": "dist/esm/index.d.ts",
   "files": [
@@ -40,5 +40,5 @@
   "gitHooks": {
     "pre-commit": "lint-staged"
   },
-  "gitHead": "812ab4ed4d1bc5dd36ca0d15f4c0ca12b9d855ee"
+  "gitHead": "249bf3b05b8ac4066215db091ac7ac316d7da37e"
 }