fan-standard-comp 3.2.1 → 4.0.1

package/lib/StandardModal/style/index.less

@@ -1,25 +1,25 @@
-@root-entry-name: default;
-@import (reference) '~antd/es/style/themes/index';
+//@root-entry-name: default;
+//@import (reference) '~antd/es/style/themes/index';
 
 .standardModal {
   .ant-modal-body {
-    &::-webkit-scrollbar-track-piece {
-      background: fade(#c1c1c1, 10%);
-    }
-    &::-webkit-scrollbar {
-      width: 6px;
-      height: 6px;
-    }
-    &::-webkit-scrollbar-thumb {
-      background: fade(#c1c1c1, 50%);
-      border-radius: 20px;
-    }
+    //&::-webkit-scrollbar-track-piece {
+    //  background: fade(#c1c1c1, 10%);
+    //}
+    //&::-webkit-scrollbar {
+    //  width: 6px;
+    //  height: 6px;
+    //}
+    //&::-webkit-scrollbar-thumb {
+    //  background: fade(#c1c1c1, 50%);
+    //  border-radius: 20px;
+    //}
   }
   .modalForm{
     &.ant-form-horizontal .ant-form-item-label {
       white-space: inherit;
       > label {
-        min-height: @input-height-base;
+        //min-height: @input-height-base;
         height: auto;
         &.ant-form-item-required::before {
           margin-right: 2px;
@@ -31,19 +31,19 @@
 
 .modalPanelTitle {
   height: 32px;
-  margin: 0 0 @padding-md 0;
-  padding-bottom: @padding-xs;
-  color: @text-color;
-  font-size: @font-size-base + 1;
+  //margin: 0 0 @padding-md 0;
+  //padding-bottom: @padding-xs;
+  //color: @text-color;
+  //font-size: @font-size-base + 1;
   font-weight: bold;
   line-height: 32px;
-  border-bottom: 1px solid @border-color-base;
+  //border-bottom: 1px solid @border-color-base;
 }
 .ant-form-item.form-item-view-only {
   margin-bottom: 0;
-  .ant-form-item-control-input{
-    color: @text-color-secondary;
-  }
+  //.ant-form-item-control-input{
+  //  color: @text-color-secondary;
+  //}
 }
 .ant-picker-range-separator {
   padding: 0 2px;
@@ -51,12 +51,12 @@
 .modalGridTitle,
 .modal-grid-title{
   height: 32px;
-  margin: 0 0 @padding-md 0;
-  padding-bottom: @padding-xs;
-  padding-left: @padding-xs;
-  color: @text-color;
-  font-size: @font-size-base + 1;
-  font-weight: bold;
+  //margin: 0 0 @padding-md 0;
+  //padding-bottom: @padding-xs;
+  //padding-left: @padding-xs;
+  //color: @text-color;
+  //font-size: @font-size-base + 1;
+  //font-weight: bold;
   line-height: 32px;
   position: relative;
   &.modalPanelTitle {
@@ -70,6 +70,6 @@
     top: 50%;
     transform: translateY(-50%);
     height:  18px;
-    border-left: 4px solid @primary-color;
+    //border-left: 4px solid @primary-color;
   }
 }

package/lib/StandardPanel/index.d.ts

@@ -24,5 +24,5 @@ interface badgesListProps {
     label?: string[] | any;
     color?: string;
 }
-declare const StandardPanel: (props: StandardPanelProps) => JSX.Element;
+declare const StandardPanel: (props: StandardPanelProps) => any;
 export default StandardPanel;

package/lib/StandardPanel/index.js

@@ -5,21 +5,25 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-require("antd/es/popover/style");
-var _popover = _interopRequireDefault(require("antd/es/popover"));
-require("antd/es/radio/style");
-var _radio = _interopRequireDefault(require("antd/es/radio"));
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
+var _antd = require("antd");
 require("./style/index.less");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var _index2 = _interopRequireDefault(require("./style/index"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0) { ; } } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var StandardPanel = function StandardPanel(props) {
   var className = props.className,
@@ -32,6 +36,11 @@ var StandardPanel = function StandardPanel(props) {
     buttonConfig = props.buttonConfig,
     type = props.type,
     postfix = props.postfix;
+  var componentName = 'spec-panel';
+  var _useStyle = (0, _index2.default)(componentName),
+    _useStyle2 = _slicedToArray(_useStyle, 2),
+    wrapSSR = _useStyle2[0],
+    hashId = _useStyle2[1];
   var _useState = (0, _react.useState)(56),
     _useState2 = _slicedToArray(_useState, 2),
     headerHeight = _useState2[0],
@@ -51,7 +60,7 @@ var StandardPanel = function StandardPanel(props) {
     };
     return /*#__PURE__*/_react.default.createElement("div", {
       className: className
-    }, /*#__PURE__*/_react.default.createElement(_radio.default.Group, {
+    }, /*#__PURE__*/_react.default.createElement(_antd.Radio.Group, {
       size: size,
       defaultValue: activeKey,
       buttonStyle: "solid",
@@ -59,15 +68,16 @@ var StandardPanel = function StandardPanel(props) {
         return handleChange(e);
       }
     }, list && Array.isArray(list) && list.map(function (item) {
-      return /*#__PURE__*/_react.default.createElement(_radio.default.Button, {
+      return /*#__PURE__*/_react.default.createElement(_antd.Radio.Button, {
         key: item.value,
         value: item.value
       }, item.label);
     })));
   };
+
   // 是否显示提示框
   var popoverShow = function popoverShow() {
-    return title.content ? /*#__PURE__*/_react.default.createElement(_popover.default, {
+    return title.content ? /*#__PURE__*/_react.default.createElement(_antd.Popover, {
       content: title.content,
       placement: title.placement
     }, " ", title.label, " ") : title;
@@ -87,9 +97,9 @@ var StandardPanel = function StandardPanel(props) {
       setHeaderHeight(panelHeaderRef.current.clientHeight);
     }
   }, [panelHeaderRef]);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('spec-panel', className, type === 'reverse' ? 'spec-panel-reverse' : '', type === 'border' ? 'spec-panel-border' : ''),
-    style: Object.assign(Object.assign({}, style), {
+  return wrapSSR( /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('spec-panel', hashId, className, type === 'reverse' ? 'spec-panel-reverse' : '', type === 'border' ? 'spec-panel-border' : ''),
+    style: _objectSpread(_objectSpread({}, style), {}, {
       height: "".concat(height, "px")
     })
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -114,16 +124,15 @@ var StandardPanel = function StandardPanel(props) {
         background: item.color
       } : {}
     }), item.label);
-  }))), cateConfig && /*#__PURE__*/_react.default.createElement(RenderGroupList, Object.assign({
+  }))), cateConfig && /*#__PURE__*/_react.default.createElement(RenderGroupList, _extends({
     className: "spec-panel-cate"
-  }, cateConfig)), buttonConfig && /*#__PURE__*/_react.default.createElement(RenderGroupList, Object.assign({
+  }, cateConfig)), buttonConfig && /*#__PURE__*/_react.default.createElement(RenderGroupList, _extends({
     className: "spec-panel-buttons"
   }, buttonConfig)), postfix && /*#__PURE__*/_react.default.createElement("div", {
     className: "spec-panel-extra"
   }, postfix)), /*#__PURE__*/_react.default.createElement("div", {
     className: "spec-panel-body",
-    style: Object.assign({}, bodyLimitStyle)
-  }, children));
+    style: _objectSpread({}, bodyLimitStyle)
+  }, children)));
 };
-var _default = StandardPanel;
-exports.default = _default;
+var _default = exports.default = StandardPanel;

package/lib/StandardPanel/style/index.d.ts

@@ -0,0 +1,6 @@
+import { GlobalToken } from "antd";
+export interface StandardPanelTokenType extends GlobalToken {
+    [k: string]: any;
+}
+declare const StandardPanelStyleFunc: (prefix: string) => any;
+export default StandardPanelStyleFunc;

package/lib/StandardPanel/style/index.js

@@ -0,0 +1,93 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _genStyleHook = require("../../theme/utils/genStyleHook");
+var _index = require("../../theme/index");
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var StandardPanelStyleFunc = function StandardPanelStyleFunc(prefix) {
+  var prepareComponentToken = function prepareComponentToken(token) {
+    return {
+      // fontWeight: 400,
+    };
+  };
+  return (0, _genStyleHook.createStyleHook)(prefix, function (token) {
+    var prefixCls = ".".concat(prefix);
+    return [_defineProperty({}, prefixCls, {
+      marginBottom: token.marginMD,
+      backgroundColor: token.colorBgContainer,
+      borderRadius: token.borderRadiusSM,
+      // boxShadow: token.boxShadowCard,
+      // boxShadow: ` 0 0 12px  ${new TinyColor(token.colorPrimary).setAlpha(0.1).toRgbString()}`,
+      '.spec-panel-header ': {
+        padding: " ".concat(token.paddingSM, "px ").concat(token.paddingMD, "px"),
+        background: token.headerBg,
+        '.spec-panel-title ': {
+          paddingRight: token.paddingMD
+        },
+        ' .badges': {
+          '.badges-item': {
+            marginRight: token.marginMD,
+            paddingLeft: token.paddingMD,
+            color: token.colorTextSecondary
+          }
+        },
+        '.spec-panel-cate': {
+          '.ant-radio-button-wrapper': {
+            marginLeft: token.marginSM
+          }
+        },
+        '.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)': {
+          // color: token.colorPrimary,
+          // borderColor: token.colorPrimary,
+        },
+        ' .spec-panel-buttons': {
+          '.ant-radio-button-wrapper': {
+            marginLeft: token.marginSM,
+            borderLeft: "1px solid ".concat(token.colorBorder),
+            borderRadius: token.borderRadiusSM
+          },
+          ' .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)': {
+            borderColor: token.colorPrimary
+          }
+        },
+        ' .spec-panel-extra': {
+          marginLeft: token.marginSM,
+          '.anticon, .specfont, .specicon': {
+            marginLeft: token.marginSM
+          }
+        }
+      },
+      '.spec-panel-body': _objectSpread({
+        padding: "0 ".concat(token.paddingMD, "px ").concat(token.paddingMD, "px")
+      }, (0, _index.scrollBar)(token)),
+      '&.spec-panel-border': {
+        ' .spec-panel-body': {
+          padding: token.paddingMD
+        }
+      },
+      ' &.spec-panel-reverse': {
+        '.spec-panel-header ': {
+          padding: "0 ".concat(token.paddingMD, "px"),
+          background: token.headerBg
+        },
+        ' .spec-panel-body': {
+          padding: token.paddingMD
+        }
+      },
+      '.sub-header-base': {
+        color: token.colorText,
+        fontSize: token.fontSizeLG
+      }
+    })];
+  }, prepareComponentToken // 当前组件扩展的变量
+  );
+};
+var _default = exports.default = StandardPanelStyleFunc;

package/lib/StandardPanel/style/index.less

@@ -1,11 +1,9 @@
-@root-entry-name: default;
-@import (reference) '~antd/es/style/themes/index';
-@import '../../theme/spec-variable.less';
+
 .spec-panel {
-  margin-bottom: @padding-md;
-  background: @layout-body-background;
-  border-radius: 4px;
-  box-shadow: @spec-box-shadow;
+  //margin-bottom: @padding-md;
+  //background: @layout-body-background;
+  //border-radius: 4px;
+  //box-shadow: @spec-box-shadow;
   &.spec-panel-border {
     box-shadow: none;
     .spec-panel-header {
@@ -18,33 +16,33 @@
       }
     }
     .spec-panel-body {
-      padding: @padding-md;
+      //padding: @padding-md;
     }
   }
   &.spec-panel-reverse {
     .spec-panel-header {
+      //padding:0 @padding-md;
       height: 32px;
-      padding:0 @padding-md;
       line-height: 32px;
-      background: @table-header-bg;
+      //background: @table-header-bg;
       border-top-left-radius: 4px;
       border-top-right-radius: 4px;
     }
     .spec-panel-body {
-      padding: @padding-md;
+      //padding: @padding-md;
     }
 
   }
   .sub-header-base{
-    color: @text-color;
-    font-size: @font-size-lg;
+    //color: @text-color;
+    //font-size: @font-size-lg;
   }
   .spec-panel-header {
     display: flex;
-    padding: 12px @padding-md;
+    //padding: 12px @padding-md;
     line-height: 32px;
     .spec-panel-title {
-      padding-right: @padding-md
+      //padding-right: @padding-md
     }
     .spec-panel-inner {
       flex: 1;
@@ -58,9 +56,9 @@
       vertical-align: middle;
       .badges-item {
         position: relative;
-        margin-right: @padding-md;
-        padding-left: 20px;
-        color: @text-color-secondary;
+        //margin-right: @padding-md;
+        //padding-left: 20px;
+        //color: @text-color-secondary;
         i {
           position: absolute;
           top: 50%;
@@ -76,7 +74,7 @@
     .spec-panel-cate {
       .ant-radio-button-wrapper{
         //min-width: 68px;
-        margin-left: @padding-sm;
+        //margin-left: @padding-sm;
         text-align: center;
         border: 0;
         border-bottom: 2px solid transparent;
@@ -94,9 +92,9 @@
         }
       }
       .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){
-        color:@primary-color;
+        //color:@primary-color;
+        //border-color:  @primary-color;
         background: none;
-        border-color:  @primary-color;
         box-shadow: none;
       }
 
@@ -107,29 +105,29 @@
     .spec-panel-buttons {
       .ant-radio-button-wrapper{
         //min-width: 68px;
-        margin-left: @padding-sm;
+        //margin-left: @padding-sm;
         text-align: center;
-        border-left: 1px solid @border-color-base;
-        border-radius: 4px;
+        //border-left: 1px solid @border-color-base;
+        //border-radius: 4px;
         &::before {
           display: none;
         }
       }
       .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){
-        border-color:  @primary-color;
+        //border-color:  @primary-color;
         box-shadow: none;
       }
     }
     .spec-panel-extra{
-      margin-left: @padding-sm;
-      .anticon, .specfont, .specicon {
-        margin-left: @padding-xs;
-      }
+      //margin-left: @padding-sm;
+      //.anticon, .specfont, .specicon {
+      //  margin-left: @padding-xs;
+      //}
     }
   }
   .spec-panel-body {
-    padding: 0 @padding-md  @padding-md;
-    color: @text-color;
-    .spec-scrollbar();
+    //padding: 0 @padding-md  @padding-md;
+    //color: @text-color;
+    //.spec-scrollbar();
   }
 }

package/lib/StandardTable/index.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import React, { FC } from 'react';
 import './style/index.less';
 interface StandardTableDataProps {
     list?: object[];
@@ -16,6 +16,11 @@ interface StandardTableProps {
     className?: string;
     rowSelection?: any;
     orderNumber?: object;
+    columnsConfig?: object;
+    buttonGroup?: React.ReactNode | any[];
+    title?: React.ReactNode | string;
+    min?: number;
+    buttonGroupConfig?: Object;
     [k: string]: any;
 }
 declare const StandardTable: FC<StandardTableProps>;