@kmkf-fe-packages/services-components 0.3.1-alpha.2

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

@@ -0,0 +1,91 @@
+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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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 { ExpressData } from '@kmkf-fe-packages/kmkf-utils';
+import GetFormItem from "../GetFormItem";
+import ExpressCompany from "../ExpressCompany";
+import ItemView from "../../commonComponents/ItemView";
+import { isNull } from '@kmkf-fe-packages/kmkf-utils';
+var Express = /*#__PURE__*/_createClass(function Express(options) {
+  var _this = this;
+  _classCallCheck(this, Express);
+  _defineProperty(this, "name", void 0);
+  _defineProperty(this, "id", void 0);
+  _defineProperty(this, "type", void 0);
+  _defineProperty(this, "rules", void 0);
+  _defineProperty(this, "canFilter", void 0);
+  _defineProperty(this, "canGroup", void 0);
+  _defineProperty(this, "canHidden", void 0);
+  _defineProperty(this, "dataType", void 0);
+  _defineProperty(this, "showContains", void 0);
+  _defineProperty(this, "componentConfig", void 0);
+  _defineProperty(this, "align", void 0);
+  _defineProperty(this, "expressDateInstance", void 0);
+  _defineProperty(this, "render", function (value) {
+    return /*#__PURE__*/React.createElement("span", null, _this.expressDateInstance.getExpressNameByCode(value) || 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: _this.render(record === null || record === void 0 ? void 0 : record[_this.id])
+    }) : null;
+  });
+  _defineProperty(this, "renderPc", function (value, record) {
+    if (value === undefined) {
+      return /*#__PURE__*/React.createElement("span", null, "--");
+    }
+    return /*#__PURE__*/React.createElement("span", null, _this.expressDateInstance.getExpressNameByCode(value) || value);
+  });
+  _defineProperty(this, "renderExport", function (value, record) {
+    return _this.expressDateInstance.getExpressNameByCode(value) || value;
+  });
+  _defineProperty(this, "editRender", function () {
+    var _this$componentConfig, _this$componentConfig2, _this$componentConfig3, _this$componentConfig4;
+    return /*#__PURE__*/React.createElement(GetFormItem, {
+      title: _this.name,
+      name: _this.id,
+      rules: _this.rules,
+      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: !((_this$componentConfig3 = _this.componentConfig) !== null && _this$componentConfig3 !== void 0 && _this$componentConfig3.isSingle) || ((_this$componentConfig4 = _this.componentConfig) === null || _this$componentConfig4 === void 0 ? void 0 : _this$componentConfig4.showField) === 'EXPRESS_COMPANY' ? /*#__PURE__*/React.createElement(ExpressCompany, {
+        options: _this.expressDateInstance.getExpressData()
+      }) : null
+    });
+  });
+  _defineProperty(this, "getColumns", function () {
+    return _objectSpread(_objectSpread({}, _this), {}, {
+      dataIndex: _this.id,
+      title: _this.name,
+      widget: /*#__PURE__*/React.createElement(ExpressCompany, {
+        style: {
+          width: '356px'
+        },
+        placeholder: "\u8BF7\u9009\u62E9\u5185\u5BB9",
+        options: _this.expressDateInstance.getExpressData()
+      }),
+      groupFieldPath: 'company',
+      renderExport: _this.renderExport
+    });
+    ;
+  });
+  this.name = options.name;
+  this.id = options.id;
+  this.type = options.type;
+  this.canFilter = true;
+  this.canGroup = true;
+  this.canHidden = false;
+  this.showContains = false;
+  this.dataType = 'string';
+  this.componentConfig = options.componentConfig;
+  this.rules = [];
+  this.align = 'left';
+  this.expressDateInstance = ExpressData.getInstance();
+});
+export default Express;

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

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+import { ComponentInterface, PickOption, DataType, ALignType, Record } from '../../type';
+declare class ExpressCode implements ComponentInterface {
+    name: string;
+    id: string;
+    type: string;
+    rules: any[];
+    canFilter: boolean;
+    canGroup: boolean;
+    canHidden: boolean;
+    dataType: DataType;
+    showContains: boolean;
+    componentConfig: ComponentInterface["componentConfig"];
+    align: ALignType;
+    constructor(options: PickOption);
+    render: (value: string) => JSX.Element;
+    renderClient: (record: any) => JSX.Element | null;
+    renderPc: (value: any, record: Record) => JSX.Element;
+    renderExport: (value: string, record: Record) => string;
+    editRender: () => JSX.Element;
+    getColumns: () => this & {
+        dataIndex: string;
+        title: string;
+        groupFieldPath: string;
+        renderExport: (value: string, record: Record) => string;
+    };
+}
+export default ExpressCode;

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

@@ -0,0 +1,84 @@
+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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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 { Input } from 'antd';
+import GetFormItem from "../GetFormItem";
+import ItemView from "../../commonComponents/ItemView";
+import { isNull } from '@kmkf-fe-packages/kmkf-utils';
+var ExpressCode = /*#__PURE__*/_createClass(function ExpressCode(options) {
+  var _this = this,
+    _this$componentConfig5;
+  _classCallCheck(this, ExpressCode);
+  _defineProperty(this, "name", void 0);
+  _defineProperty(this, "id", void 0);
+  _defineProperty(this, "type", void 0);
+  _defineProperty(this, "rules", void 0);
+  _defineProperty(this, "canFilter", void 0);
+  _defineProperty(this, "canGroup", void 0);
+  _defineProperty(this, "canHidden", void 0);
+  _defineProperty(this, "dataType", void 0);
+  _defineProperty(this, "showContains", void 0);
+  _defineProperty(this, "componentConfig", void 0);
+  _defineProperty(this, "align", void 0);
+  _defineProperty(this, "render", function (value) {
+    return /*#__PURE__*/React.createElement("span", null, 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]
+    }) : null;
+  });
+  _defineProperty(this, "renderPc", function (value, record) {
+    return /*#__PURE__*/React.createElement("span", null, value !== null && value !== void 0 ? value : '--');
+  });
+  _defineProperty(this, "renderExport", function (value, record) {
+    return value !== null && value !== void 0 ? value : '--';
+  });
+  _defineProperty(this, "editRender", function () {
+    var _this$componentConfig, _this$componentConfig2, _this$componentConfig3, _this$componentConfig4;
+    return /*#__PURE__*/React.createElement(GetFormItem, {
+      title: _this.name,
+      name: _this.id,
+      rules: _this.rules,
+      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: !((_this$componentConfig3 = _this.componentConfig) !== null && _this$componentConfig3 !== void 0 && _this$componentConfig3.isSingle) || ((_this$componentConfig4 = _this.componentConfig) === null || _this$componentConfig4 === void 0 ? void 0 : _this$componentConfig4.showField) === 'EXPRESS_WAYBILL_CODE' ? /*#__PURE__*/React.createElement(Input, null) : null
+    });
+  });
+  _defineProperty(this, "getColumns", function () {
+    return _objectSpread(_objectSpread({}, _this), {}, {
+      dataIndex: _this.id,
+      title: _this.name,
+      groupFieldPath: 'order',
+      renderExport: _this.renderExport
+    });
+    ;
+  });
+  this.name = options.name;
+  this.id = options.id;
+  this.type = options.type;
+  this.canFilter = true;
+  this.canGroup = true;
+  this.canHidden = false;
+  this.showContains = true;
+  this.dataType = 'string';
+  this.componentConfig = options.componentConfig;
+  this.rules = (_this$componentConfig5 = this.componentConfig) !== null && _this$componentConfig5 !== void 0 && _this$componentConfig5.required ? [{
+    validator: function validator(_, value) {
+      if (/^[0-9a-zA-Z]*$/.test(value)) {
+        return Promise.resolve();
+      }
+      return Promise.reject(new Error('只能输入数字和字母'));
+    }
+  }] : [];
+  this.align = 'left';
+});
+export default ExpressCode;

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const ExpressCompany: (props: any) => JSX.Element;
+export default ExpressCompany;

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

@@ -0,0 +1,20 @@
+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); }
+/*
+ * @Description:
+ * @Author: litian
+ * @Date: 2022-05-19 18:46:51
+ * @LastEditors: litian
+ * @LastEditTime: 2022-09-07 19:42:35
+ */
+import React from 'react';
+import { Select } from 'antd';
+var ExpressCompany = function ExpressCompany(props) {
+  return /*#__PURE__*/React.createElement(Select, _extends({}, props, {
+    placeholder: "\u7269\u6D41\u516C\u53F8",
+    showSearch: true,
+    filterOption: function filterOption(input, option) {
+      return option.label.includes(input);
+    }
+  }));
+};
+export default ExpressCompany;

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

@@ -0,0 +1,51 @@
+/// <reference types="react" />
+import { ComponentInterface, PickOption, DataType, Record } from '../../type';
+declare class WorkOrderId implements ComponentInterface {
+    name: string;
+    id: string;
+    type: string;
+    rules: any[];
+    canFilter: boolean;
+    canGroup: boolean;
+    canHidden: boolean;
+    dataType: DataType;
+    showContains: boolean;
+    componentConfig: ComponentInterface["componentConfig"];
+    effects: ComponentInterface["effects"];
+    workOrderStatus: {
+        WAITING: {
+            label: string;
+            color: string;
+            bgColor: string;
+        };
+        HANDLING: {
+            label: string;
+            color: string;
+            bgColor: string;
+        };
+        STOPPING: {
+            label: string;
+            color: string;
+            bgColor: string;
+        };
+        COMPLETED: {
+            label: string;
+            color: string;
+            bgColor: string;
+        };
+    };
+    constructor(options: PickOption);
+    renderMenu: (record: Record) => JSX.Element;
+    renderPc: (value: any, record: Record) => JSX.Element;
+    renderExport: (value: any, record: Record) => any;
+    render: () => null;
+    renderClient: () => null;
+    editRender: () => JSX.Element;
+    getColumns: () => this & {
+        dataIndex: string;
+        title: string;
+        componentType: () => JSX.Element;
+        renderExport: (value: any, record: Record) => any;
+    };
+}
+export default WorkOrderId;

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

@@ -0,0 +1,124 @@
+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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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 GetFormItem from "../GetFormItem";
+import get from 'lodash/get';
+var WorkOrderId = /*#__PURE__*/_createClass(function WorkOrderId(options) {
+  var _this = this;
+  _classCallCheck(this, WorkOrderId);
+  _defineProperty(this, "name", void 0);
+  _defineProperty(this, "id", void 0);
+  _defineProperty(this, "type", void 0);
+  _defineProperty(this, "rules", void 0);
+  _defineProperty(this, "canFilter", void 0);
+  _defineProperty(this, "canGroup", void 0);
+  _defineProperty(this, "canHidden", void 0);
+  _defineProperty(this, "dataType", void 0);
+  _defineProperty(this, "showContains", void 0);
+  _defineProperty(this, "componentConfig", void 0);
+  _defineProperty(this, "effects", void 0);
+  _defineProperty(this, "workOrderStatus", void 0);
+  _defineProperty(this, "renderMenu", function (record) {
+    var menu = /*#__PURE__*/React.createElement(Menu, {
+      onClick: function onClick(_ref) {
+        var _this$effects;
+        var key = _ref.key;
+        return _this === null || _this === void 0 ? void 0 : (_this$effects = _this.effects) === null || _this$effects === void 0 ? void 0 : _this$effects.handleChangeSingleWorkOrderStatus(key, record);
+      }
+    }, /*#__PURE__*/React.createElement(Menu.Item, {
+      key: "HANDLING"
+    }, "\u5904\u7406\u4E2D"), /*#__PURE__*/React.createElement(Menu.Item, {
+      key: "STOPPING"
+    }, "\u6682\u505C\u4E2D"), /*#__PURE__*/React.createElement(Menu.Item, {
+      key: "COMPLETED"
+    }, "\u5DF2\u5B8C\u6210"), /*#__PURE__*/React.createElement(Menu.Item, {
+      key: "WAITING"
+    }, "\u5F85\u5904\u7406"));
+    return menu;
+  });
+  _defineProperty(this, "renderPc", function (value, record) {
+    var status = get(_this.workOrderStatus, 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", {
+      style: {
+        color: status.color
+      }
+    }, status === null || status === void 0 ? void 0 : status.label)) : /*#__PURE__*/React.createElement("span", null, "--");
+  });
+  _defineProperty(this, "renderExport", function (value, record) {
+    var status = get(_this.workOrderStatus, record === null || record === void 0 ? void 0 : record["".concat(_this.id)]);
+    return status ? status === null || status === void 0 ? void 0 : status.label : '--';
+  });
+  _defineProperty(this, "render", function () {
+    return null;
+  });
+  _defineProperty(this, "renderClient", function () {
+    return null;
+  });
+  _defineProperty(this, "editRender", function () {
+    var _this$componentConfig, _this$componentConfig2;
+    return /*#__PURE__*/React.createElement(GetFormItem, {
+      title: _this.name,
+      name: _this.id,
+      rules: _this.rules,
+      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, "getColumns", function () {
+    return _objectSpread(_objectSpread({}, _this), {}, {
+      dataIndex: _this.id,
+      title: _this.name,
+      componentType: _this.editRender,
+      renderExport: _this.renderExport
+    });
+    ;
+  });
+  this.name = options.name;
+  this.id = options.id;
+  this.type = options.type;
+  this.canFilter = true;
+  this.canGroup = true;
+  this.canHidden = true;
+  this.dataType = 'string';
+  this.showContains = false;
+  this.componentConfig = options.componentConfig;
+  this.rules = [];
+  this.workOrderStatus = {
+    "WAITING": {
+      label: '待处理',
+      color: '#faad14',
+      bgColor: '#faad14'
+    },
+    "HANDLING": {
+      label: '处理中',
+      color: '#1890ff',
+      bgColor: '#1890ff'
+    },
+    "STOPPING": {
+      label: '暂停中',
+      color: '#ff4d4f',
+      bgColor: '#ff4d4f'
+    },
+    "COMPLETED": {
+      label: '已完成',
+      color: '#73d13d',
+      bgColor: '#73d13d'
+    }
+  };
+});
+export default WorkOrderId;

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+declare type GetFormItemProps = {
+    rules: any[];
+    required: boolean;
+    title: string;
+    name: string;
+    component: JSX.Element | null;
+};
+declare const GetFormItem: ({ rules, required, title, component, name }: GetFormItemProps) => JSX.Element;
+export default GetFormItem;

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

@@ -0,0 +1,28 @@
+import React from 'react';
+import { Form } from 'antd';
+var GetFormItem = function GetFormItem(_ref) {
+  var rules = _ref.rules,
+    required = _ref.required,
+    title = _ref.title,
+    component = _ref.component,
+    name = _ref.name;
+  var newRules = rules;
+  if (required) {
+    newRules = rules.concat({
+      required: true,
+      message: "\u8BF7\u8F93\u5165".concat(title)
+    });
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: "form-item--wrap",
+    style: {
+      position: 'relative'
+    }
+  }, /*#__PURE__*/React.createElement(Form.Item, {
+    name: name,
+    label: title,
+    rules: newRules,
+    className: "form-item-label--index"
+  }, component));
+};
+export default GetFormItem;

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

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+import { ComponentInterface, PickOption, DataType, Record } from '../../type';
+declare class BasicGrade implements ComponentInterface {
+    name: string;
+    id: string;
+    type: string;
+    rules: any[];
+    canFilter: boolean;
+    canGroup: boolean;
+    canHidden: boolean;
+    dataType: DataType;
+    showContains: boolean;
+    componentConfig: ComponentInterface["componentConfig"];
+    constructor(options: PickOption);
+    render: (value: number) => JSX.Element;
+    renderClient: (record: any) => JSX.Element | null;
+    renderPc: (value: any, record: Record) => JSX.Element;
+    renderExport: (value: any, record: Record) => any;
+    editRender: () => JSX.Element;
+    getColumns: () => this & {
+        dataIndex: string;
+        title: string;
+        renderExport: (value: any, record: Record) => any;
+    };
+}
+export default BasicGrade;

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

@@ -0,0 +1,75 @@
+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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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 { ApaasSlider } from '@kmkf-fe-packages/basic-components';
+import GetFormItem from "../GetFormItem";
+import ItemView from "../../commonComponents/ItemView";
+import { isNull } from '@kmkf-fe-packages/kmkf-utils';
+var BasicGrade = /*#__PURE__*/_createClass(function BasicGrade(options) {
+  var _this = this;
+  _classCallCheck(this, BasicGrade);
+  _defineProperty(this, "name", void 0);
+  _defineProperty(this, "id", void 0);
+  _defineProperty(this, "type", void 0);
+  _defineProperty(this, "rules", void 0);
+  _defineProperty(this, "canFilter", void 0);
+  _defineProperty(this, "canGroup", void 0);
+  _defineProperty(this, "canHidden", void 0);
+  _defineProperty(this, "dataType", void 0);
+  _defineProperty(this, "showContains", void 0);
+  _defineProperty(this, "componentConfig", void 0);
+  _defineProperty(this, "render", function (value) {
+    return /*#__PURE__*/React.createElement("span", null, 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: _this.render(record === null || record === void 0 ? void 0 : record[_this.id])
+    }) : null;
+  });
+  _defineProperty(this, "renderPc", function (value, record) {
+    var _record;
+    return /*#__PURE__*/React.createElement("span", null, (_record = record === null || record === void 0 ? void 0 : record["".concat(_this.id, "_basicGrade")]) !== null && _record !== void 0 ? _record : '--');
+  });
+  _defineProperty(this, "renderExport", function (value, record) {
+    var _record2;
+    return (_record2 = record === null || record === void 0 ? void 0 : record["".concat(_this.id, "_basicGrade")]) !== null && _record2 !== void 0 ? _record2 : '--';
+  });
+  _defineProperty(this, "editRender", function () {
+    var _this$componentConfig, _this$componentConfig2;
+    return /*#__PURE__*/React.createElement(GetFormItem, {
+      title: _this.name,
+      name: _this.id,
+      rules: _this.rules,
+      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(ApaasSlider, _this.componentConfig)
+    });
+  });
+  _defineProperty(this, "getColumns", function () {
+    return _objectSpread(_objectSpread({}, _this), {}, {
+      dataIndex: _this.id,
+      title: _this.name,
+      renderExport: _this.renderExport
+    });
+    ;
+  });
+  this.name = options.name;
+  this.id = options.id;
+  this.type = options.type;
+  this.canFilter = true;
+  this.canGroup = true;
+  this.canHidden = true;
+  this.showContains = false;
+  this.dataType = 'number';
+  this.componentConfig = options.componentConfig;
+  this.rules = [];
+});
+export default BasicGrade;

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

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import { ComponentInterface, PickOption, DataType, Record } from '../../type';
+declare class BasicInput implements ComponentInterface {
+    name: string;
+    id: string;
+    type: string;
+    rules: any[];
+    canFilter: boolean;
+    canGroup: boolean;
+    canHidden: boolean;
+    dataType: DataType;
+    showContains: boolean;
+    componentConfig: ComponentInterface["componentConfig"];
+    constructor(options: PickOption);
+    renderPc: (value: any, record: Record) => JSX.Element;
+    renderExport: (value: any, record: Record) => any;
+    render: (value: string | number) => JSX.Element;
+    renderClient: (record: Record) => JSX.Element | null;
+    editRender: () => JSX.Element;
+    getColumns: () => this & {
+        dataIndex: string;
+        title: string;
+        componentType: () => JSX.Element;
+        renderExport: (value: any, record: Record) => any;
+    };
+}
+export default BasicInput;