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

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

@@ -0,0 +1,222 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { Form, Button, Modal, Tooltip, Space, Image, Popover } from 'antd';
+import React, { useState } from 'react';
+import { ExpressData } from '@kmkf-fe-packages/kmkf-utils';
+import styles from "./index.module.less";
+import defaultImg from "./img/default-img.png";
+export var getFormItem = function getFormItem(_ref) {
+  var name = _ref.name,
+    title = _ref.title,
+    _ref$rules = _ref.rules,
+    rules = _ref$rules === void 0 ? [] : _ref$rules,
+    required = _ref.required,
+    component = _ref.component;
+  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 var showImage = function showImage(_ref2) {
+  var item = _ref2.item,
+    type = _ref2.type,
+    index = _ref2.index;
+  var picUrl = item.picUrl ? (item === null || item === void 0 ? void 0 : item.platform) !== 'tabao' ? item.picUrl : item.picUrl + '_40x40.jpg' : defaultImg;
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.goodImgBox,
+    key: index
+  }, (item === null || item === void 0 ? void 0 : item.platform) === 'taobao' ? /*#__PURE__*/React.createElement("a", {
+    target: "_blank",
+    href: "https://item.taobao.com/item.htm?id=".concat(item.numIid)
+  }, /*#__PURE__*/React.createElement("img", {
+    style: {
+      width: '40px',
+      height: '40px',
+      objectFit: 'contain'
+    },
+    src: picUrl
+  })) : /*#__PURE__*/React.createElement("img", {
+    style: {
+      width: '40px',
+      height: '40px',
+      objectFit: 'contain'
+    },
+    src: picUrl
+  }), /*#__PURE__*/React.createElement("div", {
+    className: styles.options
+  }, type === 'itemId' && /*#__PURE__*/React.createElement(TextTool, {
+    title: '商品id',
+    text: item.numIid
+  }), type === 'itemCode' && /*#__PURE__*/React.createElement(TextTool, {
+    title: '商品编码',
+    text: item.outerId
+  }), (type === 'itemThird' || type === 'jstItemThird') && (item.itemId || item.supplierItemOuterId) && /*#__PURE__*/React.createElement(TextTool, {
+    title: '供应商编码',
+    text: item.itemId || item.supplierItemOuterId
+  }), (type === 'itemThird' || type === 'jstItemThird') && item.supplierName && /*#__PURE__*/React.createElement(TextTool, {
+    title: '供应商名称',
+    text: item.supplierName
+  }), item.propertiesName && /*#__PURE__*/React.createElement(TextTool, {
+    title: '规格',
+    text: item.propertiesName
+  })));
+};
+//文字提示
+var TextTool = function TextTool(_ref3) {
+  var title = _ref3.title,
+    text = _ref3.text;
+  return /*#__PURE__*/React.createElement(Tooltip, {
+    placement: "topLeft",
+    title: text
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      overflow: 'hidden',
+      whiteSpace: 'nowrap',
+      textOverflow: 'ellipsis'
+    }
+  }, title, ":", text));
+};
+//查看更多图片
+export var ShowTotalImage = function ShowTotalImage(_ref4) {
+  var total = _ref4.total,
+    _ref4$allImage = _ref4.allImage,
+    allImage = _ref4$allImage === void 0 ? [] : _ref4$allImage,
+    type = _ref4.type;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
+    type: "link",
+    onClick: function onClick() {
+      return setVisible(true);
+    }
+  }, "\u67E5\u770B\u5168\u90E8(".concat(total, ")")), /*#__PURE__*/React.createElement(Modal, {
+    open: visible,
+    footer: null,
+    onCancel: function onCancel() {
+      return setVisible(false);
+    },
+    title: "\u6240\u6709\u9009\u62E9\u5B9D\u8D1D"
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      flexWrap: 'wrap'
+    }
+  }, allImage.map(function (i, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        width: '50%'
+      },
+      key: index
+    }, /*#__PURE__*/React.createElement("a", {
+      href: i.link,
+      target: "__blank",
+      style: {
+        marginRight: '12px',
+        marginTop: '8px',
+        padding: '2px',
+        border: '1px dashed #ccc',
+        display: 'inline-block'
+      }
+    }, /*#__PURE__*/React.createElement("img", {
+      alt: "",
+      src: i.picUrl || defaultImg,
+      style: {
+        width: '72px',
+        height: '72px',
+        objectFit: 'contain'
+      }
+    })), /*#__PURE__*/React.createElement("div", null, type === 'itemId' && /*#__PURE__*/React.createElement(TextTool, {
+      title: '商品id',
+      text: i.numIid
+    }), type === 'itemCode' && /*#__PURE__*/React.createElement(TextTool, {
+      title: '商品编码',
+      text: i.outerId
+    }), (type === 'itemThird' || type === 'jstItemThird') && (i.itemId || i.supplierItemOuterId) && /*#__PURE__*/React.createElement(TextTool, {
+      title: '供应商编码',
+      text: i.itemId || i.supplierItemOuterId
+    }), (type === 'itemThird' || type === 'jstItemThird') && i.supplierName && /*#__PURE__*/React.createElement(TextTool, {
+      title: '供应商名称',
+      text: i.supplierName
+    }), i.propertiesName && /*#__PURE__*/React.createElement(TextTool, {
+      title: '规格',
+      text: i.propertiesName
+    })));
+  }))));
+};
+//商品列表展示
+export var GoodImage = function GoodImage(_ref5) {
+  var _list$slice;
+  var list = _ref5.list,
+    _ref5$type = _ref5.type,
+    type = _ref5$type === void 0 ? '' : _ref5$type;
+  var total = (list === null || list === void 0 ? void 0 : list.length) || 0;
+  var initShowTotal = 3;
+  return (list === null || list === void 0 ? void 0 : list.length) > 0 ? /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: type === 'itemSelect' ? 'flex' : 'block'
+    }
+  }, list === null || list === void 0 ? void 0 : (_list$slice = list.slice(0, initShowTotal)) === null || _list$slice === void 0 ? void 0 : _list$slice.map(function (item, index) {
+    return showImage({
+      item: item,
+      type: type,
+      index: index
+    });
+  }), total > initShowTotal && /*#__PURE__*/React.createElement(ShowTotalImage, {
+    total: total,
+    allImage: list,
+    type: type
+  })) : null;
+};
+var content = function content(item, index) {
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    style: {
+      textAlign: 'center'
+    }
+  }, "\u5305\u88F9".concat(index + 1, "\u5546\u54C1\u4FE1\u606F")), ((item === null || item === void 0 ? void 0 : item.items) || []).map(function (t, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: index
+    }, /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Image, {
+      width: 70,
+      src: t.picUrl,
+      preview: false
+    }), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, t.title), /*#__PURE__*/React.createElement("div", null, "\u7F16\u7801\uFF1A", t.skuId))));
+  }));
+};
+export var JstGoodImage = function JstGoodImage(_ref6) {
+  var list = _ref6.list,
+    type = _ref6.type;
+  return list.length ? (list || []).map(function (item, index) {
+    var logisticsCompany = item.logisticsCompany;
+    var company = ExpressData.getInstance().getExpressNameByCode(logisticsCompany);
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Popover, {
+      content: content(item, index)
+    }, /*#__PURE__*/React.createElement("span", {
+      key: index,
+      style: {
+        color: '#1890ff',
+        cursor: 'pointer'
+      }
+    }, "\u5305\u88F9".concat(index + 1), ":")), type === 1 ? /*#__PURE__*/React.createElement("span", null, company && item.logisticsCode ? [company, item.logisticsCode].join('/') : company ? company : item.logisticsCode) : null, type === 2 ? /*#__PURE__*/React.createElement("span", null, item.supplyName && item.supplyId ? [item.supplyId, item.supplyName].join('/') : item.supplyId ? item.supplyId : item.supplyName) : null, type === 3 ? /*#__PURE__*/React.createElement("span", null, item.sendName && item.sendId ? [item.sendId, item.sendName].join('/') : item.sendId ? item.sendId : item.sendName) : null));
+  }) : null;
+};

package/dist/esm/components/Common/index.module.less

@@ -0,0 +1,8 @@
+.goodImgBox {
+  display: flex;
+  width: 100%;
+
+  .options {
+    width: calc(100% - 40px);
+  }
+}

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

@@ -0,0 +1,30 @@
+/// <reference types="react" />
+import { ComponentInterface, PickOption, DataType, Record } from '../../type';
+/**
+ * 针对完成时间、创建时间、修改时间定义了3中类型
+ */
+declare class CommonDataTime 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);
+    getValue: (value: string) => string;
+    render: (value: string) => JSX.Element | null;
+    renderClient: (record: any) => JSX.Element | null;
+    renderPc: (value: any, record: Record) => JSX.Element;
+    renderExport: (value: any, record: Record) => string;
+    editRender: () => null;
+    getColumns: () => this & {
+        dataIndex: string;
+        title: string;
+        renderExport: (value: any, record: Record) => string;
+    };
+}
+export default CommonDataTime;

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

@@ -0,0 +1,79 @@
+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 moment from 'moment';
+import ItemView from "../../commonComponents/ItemView";
+import { isNull } from '@kmkf-fe-packages/kmkf-utils';
+
+/**
+ * 针对完成时间、创建时间、修改时间定义了3中类型
+ */
+var CommonDataTime = /*#__PURE__*/_createClass(function CommonDataTime(options) {
+  var _this = this;
+  _classCallCheck(this, CommonDataTime);
+  _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, "getValue", function (value) {
+    return moment(value).format('YYYY-MM-DD HH:mm:ss');
+  });
+  _defineProperty(this, "render", function (value) {
+    if (!value) return null;
+    return /*#__PURE__*/React.createElement("span", null, _this.getValue(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.getValue(record === null || record === void 0 ? void 0 : record[_this.id]) || ''
+    }) : null;
+  });
+  _defineProperty(this, "renderPc", function (value, record) {
+    if ((record === null || record === void 0 ? void 0 : record["".concat(_this.id)]) === undefined) {
+      return /*#__PURE__*/React.createElement("span", null, "--");
+    }
+    return /*#__PURE__*/React.createElement("span", null, moment(record === null || record === void 0 ? void 0 : record["".concat(_this.id)]).format('YYYY-MM-DD HH:mm:ss'));
+  });
+  _defineProperty(this, "renderExport", function (value, record) {
+    if ((record === null || record === void 0 ? void 0 : record["".concat(_this.id)]) === undefined) {
+      return '--';
+    }
+    return moment(record === null || record === void 0 ? void 0 : record["".concat(_this.id)]).format('YYYY-MM-DD HH:mm:ss');
+  });
+  _defineProperty(this, "editRender", function () {
+    return null;
+  });
+  _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 = 'string';
+  this.componentConfig = options.componentConfig;
+  this.rules = [];
+});
+export default CommonDataTime;

package/dist/esm/components/DataTime/ApaasDate.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+declare const DateType: ['DATE', 'DATE_TIME', 'DATE_RANGE', 'DATE_TIME_RANGE'];
+export declare type ButtonType = typeof DateType[number];
+export interface ApaasDate {
+    dateType?: ButtonType;
+    [propName: string]: any;
+}
+declare const Date: (props: ApaasDate) => JSX.Element;
+export default Date;

package/dist/esm/components/DataTime/ApaasDate.js

@@ -0,0 +1,22 @@
+var _excluded = ["dateType"];
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React from 'react';
+import { DatePicker } from 'antd';
+var componentMap = {
+  DATE: DatePicker,
+  DATE_TIME: DatePicker,
+  DATE_RANGE: DatePicker.RangePicker,
+  DATE_TIME_RANGE: DatePicker.RangePicker
+};
+var Date = function Date(props) {
+  var _props$dateType = props.dateType,
+    dateType = _props$dateType === void 0 ? 'DATE' : _props$dateType,
+    otherProps = _objectWithoutProperties(props, _excluded);
+  var Component = componentMap[dateType];
+  return /*#__PURE__*/React.createElement(Component, _extends({
+    showTime: ['DATE_TIME_RANGE', 'DATE_TIME'].includes(dateType)
+  }, otherProps));
+};
+export default Date;

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

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+import { ComponentInterface, PickOption, DataType, Record } from '../../type';
+declare type Value = string | string[] | undefined;
+export declare const DateTime: ({ value, onChange, ...otherProps }: any) => JSX.Element;
+declare class BasicDataTime 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);
+    getValue: (value: Value) => string | undefined;
+    render: (value: Value) => 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 BasicDataTime;

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

@@ -0,0 +1,103 @@
+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); }
+var _excluded = ["value", "onChange"];
+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); }
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React from 'react';
+import ApaasDate from "./ApaasDate";
+import moment from 'moment';
+import GetFormItem from "../GetFormItem";
+import ItemView from "../../commonComponents/ItemView";
+import { isNull } from '@kmkf-fe-packages/kmkf-utils';
+export var DateTime = function DateTime(_ref) {
+  var value = _ref.value,
+    onChange = _ref.onChange,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  var handleChange = function handleChange(_, dateString) {
+    onChange(dateString);
+  };
+  return /*#__PURE__*/React.createElement(ApaasDate, _extends({}, otherProps, {
+    onChange: handleChange,
+    value: Array.isArray(value) ? value.map(function (v) {
+      return v ? moment(v) : v;
+    }) : value ? moment(value) : value
+  }));
+};
+var BasicDataTime = /*#__PURE__*/_createClass(function BasicDataTime(options) {
+  var _this = this,
+    _options$componentCon,
+    _options$componentCon2;
+  _classCallCheck(this, BasicDataTime);
+  _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, "getValue", function (value) {
+    return Array.isArray(value) ? value.join('~') : value;
+  });
+  _defineProperty(this, "render", function (value) {
+    return /*#__PURE__*/React.createElement("span", null, _this.getValue(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.getValue(record === null || record === void 0 ? void 0 : record[_this.id]) || ''
+    }) : null;
+  });
+  _defineProperty(this, "renderPc", function (value, record) {
+    if ((record === null || record === void 0 ? void 0 : record["".concat(_this.id, "_dateTime")]) === undefined) {
+      return /*#__PURE__*/React.createElement("span", null, "--");
+    }
+    return /*#__PURE__*/React.createElement("span", null, Array.isArray(record === null || record === void 0 ? void 0 : record["".concat(_this.id, "_dateTime")]) ? record === null || record === void 0 ? void 0 : record["".concat(_this.id, "_dateTime")].join('~') : /*#__PURE__*/React.createElement("span", null, record === null || record === void 0 ? void 0 : record["".concat(_this.id, "_dateTime")]));
+  });
+  _defineProperty(this, "renderExport", function (value, record) {
+    if ((record === null || record === void 0 ? void 0 : record["".concat(_this.id, "_dateTime")]) === undefined) {
+      return '--';
+    }
+    return Array.isArray(record === null || record === void 0 ? void 0 : record["".concat(_this.id, "_dateTime")]) ? record === null || record === void 0 ? void 0 : record["".concat(_this.id, "_dateTime")].join('~') : record === null || record === void 0 ? void 0 : record["".concat(_this.id, "_dateTime")];
+  });
+  _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(DateTime, _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 = options !== null && options !== void 0 && (_options$componentCon = options.componentConfig) !== null && _options$componentCon !== void 0 && (_options$componentCon2 = _options$componentCon.dateType) !== null && _options$componentCon2 !== void 0 && _options$componentCon2.includes('RANGE') ? 'dateArray' : 'date';
+  this.componentConfig = options.componentConfig;
+  this.rules = [];
+});
+export default BasicDataTime;

package/dist/esm/components/EItemEnCode/ItemEncode.d.ts

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

package/dist/esm/components/EItemEnCode/ItemEncode.js

@@ -0,0 +1,26 @@
+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-06-30 17:30:05
+ * @LastEditors: wangzhenggui jianjia.wzg@raycloud.com
+ * @LastEditTime: 2022-09-16 13:39:39
+ */
+import React from 'react';
+import { TBGoodSerial } from '@kmkf-fe-packages/basic-components';
+var ItemEncode = function ItemEncode(props) {
+  var _props$value = props.value,
+    value = _props$value === void 0 ? [] : _props$value,
+    shopId = props.shopId;
+  var handleChange = function handleChange(content) {
+    typeof props.onChange === 'function' && props.onChange(content === null || content === void 0 ? void 0 : content.imgList);
+  };
+  return /*#__PURE__*/React.createElement(TBGoodSerial, _extends({}, props, {
+    value: {
+      shopId: shopId,
+      imgList: value || []
+    },
+    onChange: handleChange
+  }));
+};
+export default ItemEncode;

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

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import { ComponentInterface, PickOption, DataType, Record } from '../../type';
+declare class EItemEncode 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"];
+    constructor(options: PickOption);
+    render: (value: any) => JSX.Element;
+    renderClient: (record: any) => JSX.Element | null;
+    renderPc: (value: unknown, record: Record) => JSX.Element;
+    renderExport: (value: unknown, record: Record) => any;
+    editRender: () => JSX.Element;
+    getColumns: () => this & {
+        dataIndex: string;
+        title: string;
+        renderExport: (value: unknown, record: Record) => any;
+    };
+}
+export default EItemEncode;