@kmkf-fe-packages/services-components 0.8.18-alpha.0 → 0.8.18-alpha.10

package/dist/esm/components/FlowMarkSelect/icon/iconfont.css

@@ -0,0 +1,27 @@
+@font-face {
+  font-family: "iconfont"; /* Project id 4268558 */
+  src: url('iconfont.woff2?t=1695866470942') format('woff2'),
+       url('iconfont.woff?t=1695866470942') format('woff'),
+       url('iconfont.ttf?t=1695866470942') format('truetype');
+}
+
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-xingxing:before {
+  content: "\e646";
+}
+
+.icon-xingxing1:before {
+  content: "\e60e";
+}
+
+.icon-qizhi:before {
+  content: "\e636";
+}
+

package/dist/esm/components/FlowMarkSelect/icon/iconfont.js

@@ -0,0 +1,43 @@
+window._iconfont_svg_string_4268558 = '<svg><symbol id="icon-xingxing" viewBox="0 0 1024 1024"><path d="M733.653 918.642c-12.368 0-25.232-2.968-36.116-8.905l-184.043-96.474-183.548 96.969c-11.379 5.937-23.747 8.905-36.611 8.905-15.337 0-30.674-4.453-43.042-12.863-23.747-16.326-36.116-44.032-31.169-71.737l35.621-209.274L99.894 473.872c-20.284-19.79-27.211-47.99-17.811-74.211 9.4-26.221 32.158-44.526 60.358-48.484L353.2 320.503l91.527-186.022C457.095 109.25 484.305 92.924 513 92.924c29.19 0 55.905 16.326 68.274 41.558L672.8 320.503l210.758 30.674c28.2 3.958 51.453 22.758 60.358 48.484 9.4 26.221 2.474 54.916-17.811 74.705L771.253 625.262l35.621 209.274c4.947 27.705-7.421 55.411-31.169 71.737-11.873 7.916-26.715 12.369-42.052 12.369zM513.495 743.504c8.905 0 17.316 1.979 25.232 5.937l190.969 100.432c0.989 0.495 2.474 0.99 3.958 0.99 1.979 0 3.463-0.495 4.947-1.484s2.474-2.968 2.474-4.453l-37.105-217.19c-2.968-16.821 2.969-34.137 14.842-46.011l160.295-156.337c0.989-0.989 1.979-2.474 1.484-4.453-0.495-1.484-2.968-3.463-5.937-3.958L655.98 385.314c-17.316-2.474-32.653-13.358-40.074-29.19l-94.99-192.948c-0.989-1.979-3.958-3.463-6.926-3.463s-5.937 1.484-6.926 3.958l-94.99 192.948c-7.916 15.832-22.758 26.221-40.074 29.19l-219.664 31.663c-2.968 0.495-5.442 2.474-5.937 3.958-0.495 1.484 0 2.968 1.484 4.453l160.295 156.832c12.368 11.874 17.811 29.19 14.842 46.011l-37.105 216.695c-0.495 1.484 0.495 3.463 2.474 4.947 1.484 0.989 2.968 1.484 4.947 1.484 1.484 0 2.968-0.495 4.453-0.989l190.474-100.432c7.916-4.453 16.326-6.927 25.232-6.927z"  ></path></symbol><symbol id="icon-xingxing1" viewBox="0 0 1024 1024"><path d="M575.852903 115.426402L661.092435 288.054362c10.130509 20.465674 29.675227 34.689317 52.289797 37.963825l190.433097 27.62866c56.996902 8.288598 79.7138 78.281203 38.475467 118.496253l-137.836314 134.35715c-16.372539 15.963226-23.84251 38.987109-19.954032 61.49935l32.540421 189.716799c9.721195 56.792245-49.833916 100.077146-100.793444 73.267113L545.870691 841.446188a69.491196 69.491196 0 0 0-64.67153 0l-170.376737 89.537324c-50.959528 26.810033-110.51464-16.474868-100.793444-73.267113L242.569401 667.9996c3.888478-22.512241-3.581493-45.536125-19.954032-61.49935L84.779055 472.245428c-41.238333-40.215049-18.521435-110.207655 38.475467-118.496252l190.433097-27.62866c22.61457-3.274508 42.159288-17.498151 52.289797-37.963826L451.319277 115.426402c25.479764-51.675827 99.053862-51.675827 124.533626 0z" fill="#C6C6C6" ></path></symbol><symbol id="icon-qizhi" viewBox="0 0 1024 1024"><path d="M215.4 160.6H177c-8.9 0-16 7.2-16 16V849c0 8.9 7.2 16 16 16h38.4c8.9 0 16-7.2 16-16V176.7c0.1-8.9-7.1-16.1-16-16.1zM848.1 236c-189 152.5-378-180.6-567.1-28.2-8.8 7.1-16 21.3-16 30.1v430.9c0 8.9 7.2 9 16 1.9 189-152.5 378.1 180.7 567.1 28.2 8.9-7.1 16-21.3 16-30.1V237.9c0.1-8.8-7.1-9-16-1.9z" fill="#231815" ></path></symbol></svg>', function (n) {
+  var t = (t = document.getElementsByTagName("script"))[t.length - 1],
+    e = t.getAttribute("data-injectcss"),
+    t = t.getAttribute("data-disable-injectsvg");
+  if (!t) {
+    var c,
+      _i,
+      o,
+      l,
+      d,
+      s = function s(t, e) {
+        e.parentNode.insertBefore(t, e);
+      };
+    if (e && !n.__iconfont__svg__cssinject__) {
+      n.__iconfont__svg__cssinject__ = !0;
+      try {
+        document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>");
+      } catch (t) {
+        console && console.log(t);
+      }
+    }
+    c = function c() {
+      var t,
+        e = document.createElement("div");
+      e.innerHTML = n._iconfont_svg_string_4268558, (e = e.getElementsByTagName("svg")[0]) && (e.setAttribute("aria-hidden", "true"), e.style.position = "absolute", e.style.width = 0, e.style.height = 0, e.style.overflow = "hidden", e = e, (t = document.body).firstChild ? s(e, t.firstChild) : t.appendChild(e));
+    }, document.addEventListener ? ~["complete", "loaded", "interactive"].indexOf(document.readyState) ? setTimeout(c, 0) : (_i = function i() {
+      document.removeEventListener("DOMContentLoaded", _i, !1), c();
+    }, document.addEventListener("DOMContentLoaded", _i, !1)) : document.attachEvent && (o = c, l = n.document, d = !1, r(), l.onreadystatechange = function () {
+      "complete" == l.readyState && (l.onreadystatechange = null, a());
+    });
+  }
+  function a() {
+    d || (d = !0, o());
+  }
+  function r() {
+    try {
+      l.documentElement.doScroll("left");
+    } catch (t) {
+      return void setTimeout(r, 50);
+    }
+    a();
+  }
+}(window);

package/dist/esm/components/FlowMarkSelect/icon/iconfont.json

@@ -0,0 +1,30 @@
+{
+  "id": "4268558",
+  "name": "kmkf-fe-packages",
+  "font_family": "iconfont",
+  "css_prefix_text": "icon-",
+  "description": "工单包项目",
+  "glyphs": [
+    {
+      "icon_id": "5226923",
+      "name": "星星",
+      "font_class": "xingxing",
+      "unicode": "e646",
+      "unicode_decimal": 58950
+    },
+    {
+      "icon_id": "8727201",
+      "name": "星星",
+      "font_class": "xingxing1",
+      "unicode": "e60e",
+      "unicode_decimal": 58894
+    },
+    {
+      "icon_id": "18928517",
+      "name": "旗帜",
+      "font_class": "qizhi",
+      "unicode": "e636",
+      "unicode_decimal": 58934
+    }
+  ]
+}

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

@@ -0,0 +1,42 @@
+import { ComponentInterface, PickOption, ColumnConfig, Record } from "../../type";
+import React from "react";
+import "./icon/iconfont.css";
+declare class FlowMarkSelect implements ComponentInterface {
+    name: string;
+    id: string;
+    sortField: string;
+    type: string;
+    rules: any[];
+    componentConfig: ComponentInterface["componentConfig"];
+    effects: ComponentInterface["effects"];
+    workOrderMark: any;
+    isCombinationComponent: boolean;
+    formField: string;
+    canSort: boolean;
+    children: ComponentInterface[];
+    dataType: ComponentInterface["dataType"];
+    options: ComponentInterface["options"];
+    constructor(options: PickOption);
+    renderMenu: (record: Record) => React.JSX.Element;
+    renderPc: (value: any, record: Record) => React.JSX.Element;
+    renderLog: (r: Record) => React.JSX.Element | null;
+    getComponentValue: (r: Record) => any;
+    renderExport: (value: any, record: Record) => any;
+    renderClient: () => null;
+    editRender: (p: any) => React.JSX.Element;
+    filterConfig: (item: ColumnConfig) => {
+        searchDefaultConditions: "in";
+        type: string;
+        id: string;
+        name: string;
+        filterComponentType: "MultipleSelect";
+        props: {
+            options: {
+                label: any;
+                value: string;
+            }[];
+        };
+        filterFn: (value: string[]) => (i: Record) => boolean;
+    };
+}
+export default FlowMarkSelect;

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

@@ -0,0 +1,176 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+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 { Dropdown, Menu } from "antd";
+import { ApaasSelect } from "@kmkf-fe-packages/basic-components";
+import { filterFn as _filterFn } from "@kmkf-fe-packages/kmkf-utils";
+import GetFormItem from "../GetFormItem";
+import get from "lodash/get";
+import { SYMBOL } from "../../constant";
+import "./icon/iconfont.css";
+var FlowMarkSelect = /*#__PURE__*/_createClass(function FlowMarkSelect(options) {
+  var _this = this,
+    _Object$keys2;
+  _classCallCheck(this, FlowMarkSelect);
+  _defineProperty(this, "name", void 0);
+  _defineProperty(this, "id", void 0);
+  _defineProperty(this, "sortField", void 0);
+  _defineProperty(this, "type", void 0);
+  _defineProperty(this, "rules", void 0);
+  _defineProperty(this, "componentConfig", void 0);
+  _defineProperty(this, "effects", void 0);
+  _defineProperty(this, "workOrderMark", void 0);
+  _defineProperty(this, "isCombinationComponent", void 0);
+  _defineProperty(this, "formField", void 0);
+  _defineProperty(this, "canSort", void 0);
+  _defineProperty(this, "children", void 0);
+  _defineProperty(this, "dataType", void 0);
+  _defineProperty(this, "options", void 0);
+  _defineProperty(this, "renderMenu", function (record) {
+    var menu = /*#__PURE__*/React.createElement(Menu, {
+      onClick: function onClick(_ref) {
+        var _this$effects, _this$effects2;
+        var key = _ref.key;
+        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));
+      }
+    }, Object.keys(_this.workOrderMark).map(function (key) {
+      return /*#__PURE__*/React.createElement(Menu.Item, {
+        key: key
+      }, _this.workOrderMark[key].label);
+    }));
+    return menu;
+  });
+  _defineProperty(this, "renderPc", function (value, record) {
+    var status = get(_this.workOrderMark, record === null || record === void 0 ? void 0 : record["".concat(_this.id)]);
+    return status ? /*#__PURE__*/React.createElement(Dropdown, {
+      overlay: _this.renderMenu(record)
+    }, /*#__PURE__*/React.createElement("span", null, status === null || status === void 0 ? void 0 : status.label)) : /*#__PURE__*/React.createElement("span", null, "--");
+  });
+  _defineProperty(this, "renderLog", function (r) {
+    var status = get(_this.workOrderMark, r === null || r === void 0 ? void 0 : r["".concat(_this.id)]);
+    if (!status) return null;
+    return _this.renderPc(undefined, r);
+  });
+  _defineProperty(this, "getComponentValue", function (r) {
+    var status = get(_this.workOrderMark, r === null || r === void 0 ? void 0 : r["".concat(_this.id)]);
+    return status;
+  });
+  _defineProperty(this, "renderExport", function (value, record) {
+    var status = get(_this.workOrderMark, record === null || record === void 0 ? void 0 : record["".concat(_this.id)]);
+    return status ? status === null || status === void 0 ? void 0 : status.label : "--";
+  });
+  _defineProperty(this, "renderClient", function () {
+    return null;
+  });
+  _defineProperty(this, "editRender", function (p) {
+    var _this$componentConfig, _this$componentConfig2;
+    return /*#__PURE__*/React.createElement(GetFormItem, {
+      title: _this.name,
+      name: _this.id,
+      rules: _this.rules,
+      hidden: p === null || p === void 0 ? void 0 : p.hidden,
+      required: (_this$componentConfig = (_this$componentConfig2 = _this.componentConfig) === null || _this$componentConfig2 === void 0 ? void 0 : _this$componentConfig2.required) !== null && _this$componentConfig !== void 0 ? _this$componentConfig : false,
+      component: /*#__PURE__*/React.createElement(ApaasSelect, _extends({}, _this.componentConfig, {
+        placeholder: "\u8BF7\u8F93\u5165".concat(_this.name),
+        showSearch: true
+      }))
+    });
+  });
+  _defineProperty(this, "filterConfig", function (item) {
+    var _Object$keys;
+    return {
+      searchDefaultConditions: SYMBOL.in,
+      type: item.type,
+      id: item.id,
+      // 过滤组件id
+      name: item.name,
+      // 过滤组件名称
+      filterComponentType: "MultipleSelect",
+      props: {
+        options: (_Object$keys = Object.keys(_this.workOrderMark)) === null || _Object$keys === void 0 ? void 0 : _Object$keys.map(function (item) {
+          return {
+            label: _this.workOrderMark[item].label,
+            value: item
+          };
+        })
+      },
+      filterFn: function filterFn(value) {
+        return function (i) {
+          return value === null || value === void 0 ? void 0 : value.includes(_filterFn.filterTableListItemColumnValue(i, item.id, ""));
+        };
+      }
+    };
+  });
+  this.name = options.name;
+  this.id = options.id;
+  this.sortField = options.id;
+  this.formField = options.id;
+  this.type = options.type;
+  this.componentConfig = options.componentConfig;
+  this.effects = options.effects;
+  this.rules = [];
+  this.isCombinationComponent = false;
+  this.canSort = true;
+  this.children = [];
+  this.workOrderMark = {
+    WAITING: {
+      label: /*#__PURE__*/React.createElement("span", {
+        className: "iconfont icon-xingxing"
+      })
+    },
+    HANDLING: {
+      label: /*#__PURE__*/React.createElement("span", {
+        className: "iconfont icon-xingxing1",
+        style: {
+          color: "#ff0000"
+        }
+      })
+    },
+    STOPPING: {
+      label: /*#__PURE__*/React.createElement("span", {
+        className: "iconfont icon-xingxing1",
+        style: {
+          color: "#f6bs43"
+        }
+      })
+    },
+    COMPLETED: {
+      label: /*#__PURE__*/React.createElement("span", {
+        className: "iconfont icon-xingxing1",
+        style: {
+          color: "#4d90f7"
+        }
+      })
+    },
+    CLOSED: {
+      label: /*#__PURE__*/React.createElement("span", {
+        className: "iconfont icon-xingxing1",
+        style: {
+          color: "#6ed86c"
+        }
+      })
+    },
+    CLOSED1: {
+      label: /*#__PURE__*/React.createElement("span", {
+        className: "iconfont icon-xingxing1",
+        style: {
+          color: "#be4ed1"
+        }
+      })
+    }
+  };
+  this.dataType = "string";
+  this.options = (_Object$keys2 = Object.keys(this.workOrderMark)) === null || _Object$keys2 === void 0 ? void 0 : _Object$keys2.map(function (item) {
+    return {
+      label: _this.workOrderMark[item].label,
+      value: item
+    };
+  });
+});
+export default FlowMarkSelect;

package/dist/esm/factory.d.ts

@@ -1,3 +1,3 @@
 import { JstLogistics, JstItemSelect, JstSupply, JstSendGood, BasicInput, BasicAddress, BasicCascader, BasicCheckbox, BasicDataTime, BasicSelect, BasicRadio, BasicTextArea, BasicPicture, BasicMultSelect, BasicGrade, BasicRate, BasicFile, BasicPosting, CommonDataTime, TradeId, ShopName, ErpTradeId, BuyerNick, ReceiverName, ReceiverMobile, ReceiverAddress, TradeDateTime, Logistics, ReturnLogistics, ActualPayment, ERemark, AliPay, ItemSelect, ItemId, ItemEnCode, SystemOrderNo, Ordinary, ThirdItemSelect, FlowStatusSelect, Payment, TemplateSelect, WorkOrderId, PlatForm, ShopInput, Submitter, Handler, CompletedUser, LogisticsInterception, LogisticsTrajectory, FlowWorkOrderId, BsGoods, BsExchange, BsReissue, BsReturn, BsSystemOrder, StatusSelect, CommonTradeId, CommonSystemOrder, CommonMultiStatus, Calculation, NodeDeadLine, HandlerDeadLine, NodeStayDuration } from "./index";
 import { PickOption } from "./type";
-export declare const factory: (type: string, options: PickOption) => ActualPayment | BsExchange | BsGoods | BsReissue | BsReturn | BsSystemOrder | BuyerNick | Calculation | BasicCascader | CommonMultiStatus | CommonSystemOrder | CommonTradeId | ItemEnCode | ItemId | ItemSelect | ErpTradeId | BasicFile | FlowStatusSelect | FlowWorkOrderId | HandlerDeadLine | BasicInput | JstItemSelect | JstLogistics | JstSendGood | JstSupply | LogisticsTrajectory | NodeDeadLine | NodeStayDuration | Payment | BasicPicture | BasicPosting | BasicRadio | BasicRate | ReceiverAddress | ReceiverMobile | ReceiverName | BasicSelect | ShopInput | StatusSelect | BasicTextArea | ThirdItemSelect | BasicDataTime | TradeDateTime | TradeId | WorkOrderId | BasicAddress | BasicCheckbox | BasicMultSelect | BasicGrade | CommonDataTime | ShopName | Logistics | ReturnLogistics | ERemark | AliPay | SystemOrderNo | Ordinary | TemplateSelect | LogisticsInterception | PlatForm | Submitter | Handler | CompletedUser;
+export declare const factory: (type: string, options: PickOption) => BsGoods | BsReissue | BsReturn | BsSystemOrder | Calculation | CommonMultiStatus | CommonSystemOrder | CommonTradeId | HandlerDeadLine | JstLogistics | NodeDeadLine | NodeStayDuration | BasicPosting | StatusSelect | BasicTextArea | BasicInput | BasicAddress | BasicCascader | BasicCheckbox | BasicDataTime | BasicSelect | BasicRadio | BasicPicture | BasicMultSelect | BasicGrade | BasicRate | BasicFile | CommonDataTime | TradeId | ErpTradeId | ShopName | BuyerNick | ReceiverName | ReceiverMobile | ReceiverAddress | TradeDateTime | Logistics | ReturnLogistics | ActualPayment | ERemark | AliPay | ItemSelect | ItemId | ItemEnCode | SystemOrderNo | Ordinary | ThirdItemSelect | Payment | JstItemSelect | JstSendGood | JstSupply | BsExchange | FlowStatusSelect | TemplateSelect | WorkOrderId | LogisticsInterception | LogisticsTrajectory | PlatForm | ShopInput | Submitter | Handler | CompletedUser | FlowWorkOrderId;

package/dist/esm/type.d.ts

@@ -39,7 +39,7 @@ export interface ComponentInterface {
     width?: number;
     align?: ALignType;
     dataType: "string" | "number" | "boolean" | "array" | "range" | "object";
-    format?: "dateTime" | "date" | "time" | "cascader" | 'shopInput';
+    format?: "dateTime" | "date" | "time" | "cascader" | "shopInput";
     options?: Array<any>;
     /**
      * @description 组件下标
@@ -153,6 +153,7 @@ export interface ComponentInterface {
         queryWorkOrderDetail?: (r: Record) => void;
         handleOpenRepeatList?: (r: Record) => void;
         handleOpenRepeatDetail?: (r: Record) => void;
+        handleChangeSingleWorkOrderMark?: (t: string, r: Record) => void;
         templateList?: any[];
         isEditing?: boolean;
         form?: FormInstance;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kmkf-fe-packages/services-components",
-  "version": "0.8.18-alpha.0",
+  "version": "0.8.18-alpha.10",
   "module": "dist/esm/index.js",
   "typings": "dist/esm/index.d.ts",
   "files": [
@@ -26,8 +26,8 @@
     "father": "^4.1.7"
   },
   "dependencies": {
-    "@kmkf-fe-packages/basic-components": "^0.8.18-alpha.0",
-    "@kmkf-fe-packages/kmkf-utils": "^0.8.17"
+    "@kmkf-fe-packages/basic-components": "^0.8.18-alpha.10",
+    "@kmkf-fe-packages/kmkf-utils": "^0.8.18-alpha.10"
   },
   "peerDependencies": {
     "@ant-design/icons": "^4.7.0",
@@ -40,5 +40,5 @@
   "gitHooks": {
     "pre-commit": "lint-staged"
   },
-  "gitHead": "52d8f54a3d76e8e97f6f4262746af4061dc72950"
+  "gitHead": "04ff8ac55ddf340b52008ef107fa971d2da99b67"
 }