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

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

@@ -0,0 +1,86 @@
+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 { ApaasInput } from '@kmkf-fe-packages/basic-components';
+import GetFormItem from "../GetFormItem";
+import ItemView from "../../commonComponents/ItemView";
+import { isNull } from '@kmkf-fe-packages/kmkf-utils';
+var AlipayName = function AlipayName(props) {
+  return !props.isSingle ? /*#__PURE__*/React.createElement(ApaasInput, props) : null;
+};
+var EAlipayAccount = /*#__PURE__*/_createClass(function EAlipayAccount(options) {
+  var _this = this;
+  _classCallCheck(this, EAlipayAccount);
+  _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, "align", void 0);
+  _defineProperty(this, "render", function (value, record) {
+    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", {
+      className: "pointer",
+      onClick: function onClick() {
+        var _this$effects;
+        return (_this$effects = _this.effects) === null || _this$effects === void 0 ? void 0 : _this$effects.queryWorkOrderDetail(record);
+      }
+    }, value !== null && value !== void 0 ? value : '--');
+  });
+  _defineProperty(this, "renderExport", function (value) {
+    return value !== null && value !== void 0 ? value : '--';
+  });
+  _defineProperty(this, "editRender", function (value) {
+    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(AlipayName, _this.componentConfig)
+    });
+  });
+  _defineProperty(this, "getColumns", function () {
+    return _objectSpread(_objectSpread({}, _this), {}, {
+      dataIndex: _this.id,
+      title: _this.name,
+      componentType: _this.editRender,
+      renderExport: _this.renderExport
+    });
+  });
+  this.name = '支付宝名称';
+  this.id = "".concat(options.id, "_alipayName");
+  this.type = options.type;
+  this.canFilter = true;
+  this.canGroup = false;
+  this.canHidden = false;
+  this.showContains = true;
+  this.dataType = 'string';
+  this.align = 'left';
+  this.componentConfig = options === null || options === void 0 ? void 0 : options.componentConfig;
+  this.effects = options === null || options === void 0 ? void 0 : options.effects;
+  this.rules = [];
+});
+export default EAlipayAccount;

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

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

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

@@ -0,0 +1,100 @@
+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 { BuyerNick } from '@kmkf-fe-packages/basic-components';
+import GetFormItem from "../GetFormItem";
+import ItemView from "../../commonComponents/ItemView";
+import { isNull } from '@kmkf-fe-packages/kmkf-utils';
+var EBuyerNick = /*#__PURE__*/_createClass(function EBuyerNick(options) {
+  var _this = this,
+    _this$componentConfig3;
+  _classCallCheck(this, EBuyerNick);
+  _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, "render", function (value) {
+    return /*#__PURE__*/React.createElement("span", null, value === null || value === void 0 ? void 0 : value.buyerNick);
+  });
+  _defineProperty(this, "renderClient", function (record) {
+    var _record$_this$id;
+    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 = record[_this.id]) === null || _record$_this$id === void 0 ? void 0 : _record$_this$id.buyerNick
+    }) : null;
+  });
+  _defineProperty(this, "renderPc", function (value, record) {
+    var buyerOpenUid = record === null || record === void 0 ? void 0 : record["".concat(_this.id, "_buyerOpenUid")];
+    var buyerNick = record === null || record === void 0 ? void 0 : record["".concat(_this.id, "_buyerNick")];
+    if (buyerNick === undefined && buyerOpenUid === undefined) {
+      return /*#__PURE__*/React.createElement("span", null, "--");
+    }
+    return /*#__PURE__*/React.createElement("span", null, buyerNick && /*#__PURE__*/React.createElement(PlatBuyer, {
+      shopId: record === null || record === void 0 ? void 0 : record.shopId,
+      buyerNick: buyerNick,
+      buyerOpenUid: buyerOpenUid
+    }));
+  });
+  _defineProperty(this, "renderExport", function (value, record) {
+    return record === null || record === void 0 ? void 0 : record["".concat(_this.id, "_buyerNick")];
+  });
+  _defineProperty(this, "editRender", function (value) {
+    var _this$componentConfig, _this$componentConfig2, _this$effects, _this$effects2;
+    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(BuyerNick, _extends({}, _this.componentConfig, {
+        shopId: (_this$effects = _this.effects) === null || _this$effects === void 0 ? void 0 : _this$effects.shopId,
+        shopList: (_this$effects2 = _this.effects) === null || _this$effects2 === void 0 ? void 0 : _this$effects2.shopList,
+        onBlur: value === null || value === void 0 ? void 0 : value.onBlur
+      }))
+    });
+  });
+  _defineProperty(this, "getColumns", function () {
+    return _objectSpread(_objectSpread({}, _this), {}, {
+      dataIndex: _this.id,
+      title: _this.name,
+      renderExport: _this.renderExport,
+      customizeFilter: function customizeFilter(value) {
+        return value === null || value === void 0 ? void 0 : value.buyerNick;
+      }
+    });
+  });
+  this.name = options.name;
+  this.id = options.id;
+  this.type = options.type;
+  this.canFilter = true;
+  this.canGroup = false;
+  this.canHidden = true;
+  this.dataType = 'string';
+  this.showContains = false;
+  this.rules = (_this$componentConfig3 = this.componentConfig) !== null && _this$componentConfig3 !== void 0 && _this$componentConfig3.required ? [{
+    validator: function validator(_, value) {
+      if (!(value !== null && value !== void 0 && value.buyerNick)) {
+        return Promise.reject(new Error('请输入买家昵称'));
+      }
+      return Promise.resolve();
+    }
+  }] : [];
+  this.componentConfig = options.componentConfig;
+  this.effects = options.effects;
+});
+export default EBuyerNick;

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

@@ -0,0 +1,45 @@
+/// <reference types="react" />
+import { ComponentInterface, PickOption, DataType, ALignType, Record } from '../../type';
+import { FormInstance } from 'antd';
+declare class BasicCascader 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);
+    width?: number | undefined;
+    align?: ALignType | undefined;
+    dataIndex?: string | undefined;
+    editable?: boolean | undefined;
+    formItemIndex?: number | undefined;
+    effects?: {
+        queryWorkOrderDetail: (r: any) => void;
+        isEditing: boolean;
+        form: FormInstance<any>;
+        shopList?: any[] | undefined;
+        shopId?: string | undefined;
+    } | undefined;
+    /**
+     * 通过值计算展示内容
+     * @param value
+     * @returns
+     */
+    getValue: (value: any) => string;
+    render: (value: any) => JSX.Element;
+    renderClient: (record: any) => JSX.Element | null;
+    renderPc: (value: any, record: Record) => JSX.Element;
+    renderExport: (value: any, record: Record) => string;
+    editRender: (value: any) => JSX.Element;
+    getColumns: () => this & {
+        dataIndex: string;
+        title: string;
+        renderExport: (value: any, record: Record) => string;
+    };
+}
+export default BasicCascader;

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

@@ -0,0 +1,112 @@
+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 { Cascader } from 'antd';
+import GetFormItem from "../GetFormItem";
+import { findLabelBySelectValue, transMultSelectOptions } from '@kmkf-fe-packages/kmkf-utils';
+import ItemView from "../../commonComponents/ItemView";
+import { isNull } from '@kmkf-fe-packages/kmkf-utils';
+var BasicCascader = /*#__PURE__*/_createClass(function BasicCascader(options) {
+  var _this = this;
+  _classCallCheck(this, BasicCascader);
+  _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, "width", void 0);
+  _defineProperty(this, "align", void 0);
+  _defineProperty(this, "dataIndex", void 0);
+  _defineProperty(this, "editable", void 0);
+  _defineProperty(this, "formItemIndex", void 0);
+  _defineProperty(this, "effects", void 0);
+  _defineProperty(this, "getValue", function (value) {
+    var _findLabelBySelectVal, _findLabelBySelectVal2, _this$componentConfig;
+    return (_findLabelBySelectVal = findLabelBySelectValue(value, (_this$componentConfig = _this.componentConfig) === null || _this$componentConfig === void 0 ? void 0 : _this$componentConfig.options)) === null || _findLabelBySelectVal === void 0 ? void 0 : (_findLabelBySelectVal2 = _findLabelBySelectVal.map(function (i) {
+      return i.label;
+    })) === null || _findLabelBySelectVal2 === void 0 ? void 0 : _findLabelBySelectVal2.join(',');
+  });
+  _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) {
+    var _findLabelBySelectVal3, _findLabelBySelectVal4, _ref, _this$componentConfig2;
+    if ((record === null || record === void 0 ? void 0 : record["".concat(_this.id, "_multSelect")]) === undefined) {
+      return /*#__PURE__*/React.createElement("span", null, "--");
+    }
+    return /*#__PURE__*/React.createElement("span", null, (_findLabelBySelectVal3 = findLabelBySelectValue((_ref = (record === null || record === void 0 ? void 0 : record["".concat(_this.id, "_multSelect")]) || []) === null || _ref === void 0 ? void 0 : _ref.map(function (item) {
+      return item.actived;
+    }), ((_this$componentConfig2 = _this.componentConfig) === null || _this$componentConfig2 === void 0 ? void 0 : _this$componentConfig2.options) || [])) === null || _findLabelBySelectVal3 === void 0 ? void 0 : (_findLabelBySelectVal4 = _findLabelBySelectVal3.map(function (i) {
+      return i.label;
+    })) === null || _findLabelBySelectVal4 === void 0 ? void 0 : _findLabelBySelectVal4.join(','));
+  });
+  _defineProperty(this, "renderExport", function (value, record) {
+    var _findLabelBySelectVal5, _findLabelBySelectVal6, _ref2, _this$componentConfig3;
+    if ((record === null || record === void 0 ? void 0 : record["".concat(_this.id, "_multSelect")]) === undefined) {
+      return '--';
+    }
+    return (_findLabelBySelectVal5 = findLabelBySelectValue((_ref2 = (record === null || record === void 0 ? void 0 : record["".concat(_this.id, "_multSelect")]) || []) === null || _ref2 === void 0 ? void 0 : _ref2.map(function (item) {
+      return item.actived;
+    }), ((_this$componentConfig3 = _this.componentConfig) === null || _this$componentConfig3 === void 0 ? void 0 : _this$componentConfig3.options) || [])) === null || _findLabelBySelectVal5 === void 0 ? void 0 : (_findLabelBySelectVal6 = _findLabelBySelectVal5.map(function (i) {
+      return i.label;
+    })) === null || _findLabelBySelectVal6 === void 0 ? void 0 : _findLabelBySelectVal6.join(',');
+  });
+  _defineProperty(this, "editRender", function (value) {
+    var _this$componentConfig4, _this$componentConfig5, _this$componentConfig6;
+    return /*#__PURE__*/React.createElement(GetFormItem, {
+      title: _this.name,
+      name: _this.id,
+      rules: _this.rules,
+      required: (_this$componentConfig4 = (_this$componentConfig5 = _this.componentConfig) === null || _this$componentConfig5 === void 0 ? void 0 : _this$componentConfig5.required) !== null && _this$componentConfig4 !== void 0 ? _this$componentConfig4 : false,
+      component: /*#__PURE__*/React.createElement(Cascader, _extends({}, _this.componentConfig, {
+        placeholder: "\u8BF7\u8F93\u5165".concat(_this.name),
+        options: transMultSelectOptions(((_this$componentConfig6 = _this.componentConfig) === null || _this$componentConfig6 === void 0 ? void 0 : _this$componentConfig6.options) || []),
+        fieldNames: {
+          label: 'label',
+          value: 'actived',
+          children: 'children'
+        },
+        showSearch: true
+      }))
+    });
+  });
+  _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 = false;
+  this.canHidden = true;
+  this.dataType = 'array';
+  this.showContains = false;
+  this.componentConfig = options.componentConfig;
+  this.rules = [];
+});
+export default BasicCascader;

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

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

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

@@ -0,0 +1,102 @@
+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 { ApaasCheckbox } from '@kmkf-fe-packages/basic-components';
+import GetFormItem from "../GetFormItem";
+import ItemView from "../../commonComponents/ItemView";
+import { isNull } from '@kmkf-fe-packages/kmkf-utils';
+var BasicCheckbox = /*#__PURE__*/_createClass(function BasicCheckbox(options) {
+  var _this = this,
+    _options$componentCon;
+  _classCallCheck(this, BasicCheckbox);
+  _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) {
+    var _value$value, _value$value2, _value$value3;
+    if ((value === null || value === void 0 ? void 0 : (_value$value = value.value) === null || _value$value === void 0 ? void 0 : _value$value.length) === 0 && !(value !== null && value !== void 0 && value.other)) return null;
+    var findIndex = (value === null || value === void 0 ? void 0 : (_value$value2 = value.value) === null || _value$value2 === void 0 ? void 0 : _value$value2.findIndex(function (item) {
+      return item === '其他';
+    })) || -1;
+    if (findIndex > -1 && value !== null && value !== void 0 && value.other) {
+      // @ts-ignore
+      value.value[findIndex] = "\u5176\u4ED6(".concat(value === null || value === void 0 ? void 0 : value.other, ")");
+    }
+    return value === null || value === void 0 ? void 0 : (_value$value3 = value.value) === null || _value$value3 === void 0 ? void 0 : _value$value3.join('/');
+  });
+  _defineProperty(this, "render", function (value) {
+    return /*#__PURE__*/React.createElement("span", null, _this.getValue(value));
+  });
+  _defineProperty(this, "renderPc", function (value, record) {
+    var _record;
+    if ((record === null || record === void 0 ? void 0 : record["".concat(_this.id, "_checkbox")]) === undefined && (record === null || record === void 0 ? void 0 : record["".concat(_this.id, "_checkboxOther")]) === undefined) {
+      return /*#__PURE__*/React.createElement("span", null, "--");
+    }
+    return /*#__PURE__*/React.createElement("span", null, record === null || record === void 0 ? void 0 : (_record = record["".concat(_this.id, "_checkbox")]) === null || _record === void 0 ? void 0 : _record.join('/'), (record === null || record === void 0 ? void 0 : record["".concat(_this.id, "_checkbox")]) && /*#__PURE__*/React.createElement("br", null), (record === null || record === void 0 ? void 0 : record["".concat(_this.id, "_checkboxOther")]) || '');
+  });
+  _defineProperty(this, "renderExport", function (value, record) {
+    var _record2;
+    if ((record === null || record === void 0 ? void 0 : record["".concat(_this.id, "_checkbox")]) === undefined) {
+      return '--';
+    }
+    return "".concat(record === null || record === void 0 ? void 0 : (_record2 = record["".concat(_this.id, "_checkbox")]) === null || _record2 === void 0 ? void 0 : _record2.join('/'), "  ").concat((record === null || record === void 0 ? void 0 : record["".concat(_this.id, "_checkboxOther")]) || '');
+  });
+  _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, "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(ApaasCheckbox, _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 = false;
+  this.canGroup = false;
+  this.canHidden = true;
+  this.showContains = false;
+  this.dataType = 'array';
+  this.componentConfig = options.componentConfig;
+  this.rules = options !== null && options !== void 0 && (_options$componentCon = options.componentConfig) !== null && _options$componentCon !== void 0 && _options$componentCon.required ? [{
+    validator: function validator(_, value) {
+      var _value$value4;
+      if (!(value !== null && value !== void 0 && (_value$value4 = value.value) !== null && _value$value4 !== void 0 && _value$value4.length)) {
+        return Promise.reject(new Error('请选择'));
+      }
+      return Promise.resolve();
+    }
+  }] : [];
+});
+export default BasicCheckbox;

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

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+declare type getFormItemProps = {
+    name: string;
+    title: string;
+    rules?: any[];
+    required: boolean;
+    component: JSX.Element | string | null;
+};
+export declare const getFormItem: ({ name, title, rules, required, component }: getFormItemProps) => JSX.Element;
+export declare const showImage: ({ item, type, index }: {
+    item: any;
+    type: string;
+    index: number;
+}) => JSX.Element;
+export declare const ShowTotalImage: ({ total, allImage, type }: any) => JSX.Element;
+export declare const GoodImage: ({ list, type }: any) => JSX.Element | null;
+export declare const JstGoodImage: ({ list, type }: any) => any;
+export {};