fan-standard-comp 3.2.1 → 4.0.1

package/lib/SpecIcon/index.d.ts

@@ -1,5 +1,4 @@
 import React, { FC } from 'react';
-import './style/index.less';
 interface SpecIconProps {
     type?: 'colour' | 'font';
     name?: string;

package/lib/SpecIcon/index.js

@@ -1,15 +1,30 @@
 "use strict";
 
+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); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _tslib = require("tslib");
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
-require("./style/index.less");
+var _styles = _interopRequireDefault(require("./styles"));
+var _excluded = ["type", "name", "size", "status", "round", "title", "onClick", "style", "prefix", "noPrefix", "className"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-require('./fonts/iconfont.js'); // import './fonts/iconfont.js';
+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 _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+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; }
+require("./fonts/iconfont");
 var SpecIcon = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$type = props.type,
     type = _props$type === void 0 ? "colour" : _props$type,
@@ -25,7 +40,12 @@ var SpecIcon = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     _props$noPrefix = props.noPrefix,
     noPrefix = _props$noPrefix === void 0 ? false : _props$noPrefix,
     className = props.className,
-    otherProps = (0, _tslib.__rest)(props, ["type", "name", "size", "status", "round", "title", "onClick", "style", "prefix", "noPrefix", "className"]);
+    otherProps = _objectWithoutProperties(props, _excluded);
+  var componentName = 'spec-icon';
+  var _useStyle = (0, _styles.default)(componentName),
+    _useStyle2 = _slicedToArray(_useStyle, 2),
+    wrapSSR = _useStyle2[0],
+    hashId = _useStyle2[1];
   var extraClassName = '';
   if (status) extraClassName += " is-".concat(status);
   var fontStyle = {};
@@ -36,19 +56,19 @@ var SpecIcon = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }
   var renderIconFont = function renderIconFont() {
     if (round) extraClassName += " is-round";
-    return /*#__PURE__*/_react.default.createElement("i", Object.assign({
-      className: (0, _classnames.default)("specicon", "specicon-font", noPrefix ? '' : "".concat(prefix, "font"), noPrefix ? "".concat(name) : "".concat(prefix ? prefix + '-' : '').concat(name), extraClassName, name === 'loading' ? 'anticon-spin' : '', className),
+    return /*#__PURE__*/_react.default.createElement("i", _extends({
+      className: (0, _classnames.default)(componentName, hashId, "specicon", "specicon-font", noPrefix ? '' : "".concat(prefix, "font"), noPrefix ? "".concat(name) : "".concat(prefix ? prefix + '-' : '').concat(name), extraClassName, name === 'loading' ? 'anticon-spin' : '', className),
       title: title,
       onClick: onClick,
-      style: Object.assign(Object.assign({}, fontStyle), style),
+      style: _objectSpread(_objectSpread({}, fontStyle), style),
       ref: ref
     }, otherProps));
   };
   var renderIconSvg = function renderIconSvg() {
     var baseElement = function baseElement() {
-      return /*#__PURE__*/_react.default.createElement("i", Object.assign({
-        className: (0, _classnames.default)("specicon", 'anticon', noPrefix ? "".concat(name, "-svg") : "".concat(prefix ? prefix + '-' : '').concat(name, "-svg"), !round && extraClassName, className),
-        style: Object.assign(Object.assign({}, fontStyle), style),
+      return /*#__PURE__*/_react.default.createElement("i", _extends({
+        className: (0, _classnames.default)(componentName, hashId, "specicon", 'anticon', noPrefix ? "".concat(name, "-svg") : "".concat(prefix ? prefix + '-' : '').concat(name, "-svg"), !round && extraClassName, className),
+        style: _objectSpread(_objectSpread({}, fontStyle), style),
         title: title,
         onClick: onClick,
         ref: ref
@@ -66,11 +86,11 @@ var SpecIcon = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       })));
     };
     return round ? /*#__PURE__*/_react.default.createElement("span", {
-      className: (0, _classnames.default)('specicon-round', status && "is-".concat(status))
+      className: (0, _classnames.default)('spec-icon-round', hashId, status && "is-".concat(status))
     }, baseElement()) : baseElement();
   };
+
   // 去除引入 font图标
-  return type === 'colour' ? renderIconSvg() : renderIconFont();
+  return wrapSSR( /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, type === 'colour' ? renderIconSvg() : renderIconFont()));
 });
-var _default = SpecIcon;
-exports.default = _default;
+var _default = exports.default = SpecIcon;

package/lib/SpecIcon/styles/index(antd-style).d.ts

@@ -0,0 +1,6 @@
+export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    [x: string]: import("antd-style").SerializedStyles;
+    "spec-icon-CSS": import("antd-style").SerializedStyles;
+    SpecButtonGroupCSS: import("antd-style").SerializedStyles;
+    SpecButtonGroupTextCSS: import("antd-style").SerializedStyles;
+}>;

package/lib/SpecIcon/styles/index(antd-style).js

@@ -0,0 +1,19 @@
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStyles = void 0;
+var _antdStyle = require("antd-style");
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+var useStyles = exports.useStyles = (0, _antdStyle.createStyles)(function (_ref) {
+  var token = _ref.token,
+    css = _ref.css,
+    prefixCls = _ref.prefixCls;
+  return _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, 'specicon' + prefixCls, css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    color: ", ";\n    display: inline-block;\n    color: inherit;\n    font-size: 16px;\n    font-style: normal;\n    //line-height: 0;\n    text-align: center;\n    text-transform: none;\n    vertical-align: -0.125em;\n    text-rendering: optimizeLegibility;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  "])), token.colorText)), 'spec-icon-CSS', css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    color: ", ";\n    display: inline-block;\n    font-size: 16px;\n    font-style: normal;\n    //line-height: 0;\n    text-align: center;\n    text-transform: none;\n    vertical-align: -0.125em;\n    text-rendering: optimizeLegibility;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  "])), token.colorText)), "SpecButtonGroupCSS", css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    display: inline-block;\n    vertical-align: middle;\n    .ant-btn + .ant-btn {\n      margin-left: ", "px;\n    }\n  "])), token.paddingSM)), "SpecButtonGroupTextCSS", css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    position: relative;\n    display: inline-block;\n    cursor: pointer;\n    color: ", ";\n\n    &[disabled] { \n      cursor: not-allowed;\n      color: ", ";\n    }\n\n    & + .spec-button-group-text {\n      position: relative;\n      margin-left: ", "px;\n\n      &:before {\n        position: absolute;\n        content: '';\n        top: 50%;\n        left: calc(-", "px / 2);\n        transform: translate(0, -50%);\n        display: inline-block;\n        height: .9em;\n        vertical-align: middle;\n        border-left: 1px solid ", ";\n\n      }\n    }\n  "])), token.colorPrimary, token.colorTextDisabled, token.paddingSM, token.paddingSM, token.colorBorder));
+});

package/lib/SpecIcon/styles/index.d.ts

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

package/lib/SpecIcon/styles/index.js

@@ -0,0 +1,100 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _genStyleHook = require("../../theme/utils/genStyleHook");
+var _lodash = _interopRequireDefault(require("lodash"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 mixinSvgRound = function mixinSvgRound(status, statusColor) {
+  return _defineProperty({}, "&.is-".concat(status), {
+    borderColor: statusColor,
+    '> i': {
+      background: statusColor
+    }
+  });
+};
+
+// 图形填充色
+var mixinSvgFill = function mixinSvgFill(status, statusColor) {
+  return _defineProperty({}, "&.is-".concat(status), {
+    color: statusColor,
+    '> svg': {
+      // background: statusColor
+    }
+  });
+};
+//
+// const genNormalStyle = () => {
+//   return {}
+// }
+//
+// const genErrorStyle = () => {
+//   return {}
+//
+// }
+// const genOfflineStyle = () => {
+//   return {}
+//
+// }
+// const genStatusStyle = (prefixCls: string, token: SpecIconTokenType) => {
+//   return {
+//     [`.is-normal`]: genNormalStyle(token),
+//     [`.is-error`]: genErrorStyle(token),
+//     [`.is-offline`]: genOfflineStyle(token),
+//   };
+// };
+
+var SpecIconStyleFunc = function SpecIconStyleFunc(prefix) {
+  var prepareComponentToken = function prepareComponentToken(token) {
+    return {
+      fontWeight: 400
+    };
+  };
+  return (0, _genStyleHook.createStyleHook)(prefix, function (token) {
+    var SpecIconToken = _lodash.default.merge(token, {
+      // testButtonSmallSize: token.paddingXS,
+      // testButtonMiddleSize: token.padding,
+      // testButtonLargeSize: token.paddingLG,
+    });
+    var prefixCls = ".".concat(prefix);
+    return [_defineProperty({}, prefixCls, _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
+      // color: token.colorText,
+      display: 'inline-block',
+      fontSize: '16px',
+      fontStyle: 'normal',
+      //line-height: 0,
+      textAlign: 'center',
+      textTransform: 'none',
+      verticalAlign: '-0.125em',
+      textRendering: 'optimizeLegibility',
+      '-webkit-font-smoothing': 'antialiased',
+      '-moz-osx-font-smoothing': 'grayscale'
+    }, mixinSvgFill('normal', token.colorInfo)), mixinSvgFill('success', token.colorSuccess)), mixinSvgFill('error', token.colorError)), mixinSvgFill('warning', token.colorWarning)), mixinSvgFill('offline', '#6F8FC2')), mixinSvgFill('disabled', token.colorTextDisabled))), _defineProperty({}, '.spec-icon-round', _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_defineProperty({
+      display: 'inline-block',
+      padding: '2px',
+      verticalAlign: 'middle',
+      border: '1px solid transparent',
+      borderRadius: '50%',
+      lineHeight: 0
+    }, '>' + prefixCls, {
+      borderRadius: ' 50%',
+      //box-shadow: 0px 0px 3px 1px rgba(6, 36, 95, 0.46);
+      'svg': {
+        padding: '.2em',
+        fill: '#fff'
+      }
+    }), mixinSvgRound('normal', token.colorInfo)), mixinSvgRound('success', token.colorSuccess)), mixinSvgRound('error', token.colorError)), mixinSvgRound('warning', token.colorWarning)), mixinSvgRound('offline', '#6F8FC2')), mixinSvgRound('disabled', token.colorTextDisabled))) // ...genStatusStyle(prefixCls, SpecIconToken)
+    ];
+  }, prepareComponentToken // 当前组件扩展的变量
+  );
+};
+var _default = exports.default = SpecIconStyleFunc;

package/lib/StandardContent/SplitterLayout/Pane.js

@@ -12,8 +12,8 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 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(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 _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 Pane(props) {
   var size = props.size || 0;
   var unit = props.percentage ? '%' : 'px';
@@ -50,5 +50,4 @@ Pane.defaultProps = {
   percentage: false,
   children: []
 };
-var _default = Pane;
-exports.default = _default;
+var _default = exports.default = Pane;

package/lib/StandardContent/SplitterLayout/index.js

@@ -13,8 +13,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 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 _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 _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 _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
@@ -130,7 +130,9 @@ var SplitterLayout = /*#__PURE__*/function (_React$Component) {
       document.removeEventListener('mousemove', this.handleMouseMove);
       document.removeEventListener('touchend', this.handleMouseUp);
       document.removeEventListener('touchmove', this.handleTouchMove);
-    } //获取第二块内容宽度or高度
+    }
+
+    //获取第二块内容宽度or高度
   }, {
     key: "getSecondaryPaneSize",
     value: function getSecondaryPaneSize(containerRect, splitterRect, clientPosition, offsetMouse) {
@@ -148,7 +150,6 @@ var SplitterLayout = /*#__PURE__*/function (_React$Component) {
         splitterSize = splitterRect.width; //划分条宽度
         offset = clientPosition.left - containerRect.left; //移动位置减去原始位置
       }
-
       if (offsetMouse) {
         //移动
         offset -= splitterSize / 2;
@@ -327,5 +328,4 @@ SplitterLayout.defaultProps = {
   onSecondaryPaneSizeChange: null,
   children: []
 };
-var _default = SplitterLayout;
-exports.default = _default;
+var _default = exports.default = SplitterLayout;

package/lib/StandardContent/SplitterLayout/index.less

@@ -1,4 +1,3 @@
-@import '~antd/lib/style/themes/default.less';
 .splitter-layout {
   position: relative;
   display: flex;

package/lib/StandardContent/SubfieldContent.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import './style/index.less';
+import './styles/index.less';
 interface SubfieldContentProps {
     leftSiderWidth?: number;
     className?: string;
@@ -12,6 +12,7 @@ interface SubfieldContentProps {
     leftSiderDragDirection?: string[];
     leftSiderMoveMaxWidth?: number;
     leftSiderMoveMaxHeight?: number;
+    [k: string]: any;
 }
-declare const SubfieldContent: (props: SubfieldContentProps) => JSX.Element;
+declare const SubfieldContent: (props: SubfieldContentProps) => any;
 export default SubfieldContent;

package/lib/StandardContent/SubfieldContent.js

@@ -4,13 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-require("antd/es/spin/style");
-var _spin = _interopRequireDefault(require("antd/es/spin"));
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
+var _antd = require("antd");
 var _DragContent = _interopRequireDefault(require("../DragContent"));
-require("./style/index.less");
+var _Subfield = _interopRequireDefault(require("./styles/Subfield"));
+require("./styles/index.less");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var SubfieldContent = function SubfieldContent(props) {
   var _props$leftSiderWidth = props.leftSiderWidth,
     leftSiderWidth = _props$leftSiderWidth === void 0 ? 180 : _props$leftSiderWidth,
@@ -25,13 +31,19 @@ var SubfieldContent = function SubfieldContent(props) {
     leftSiderDragDirection = props.leftSiderDragDirection,
     leftSiderMoveMaxWidth = props.leftSiderMoveMaxWidth,
     leftSiderMoveMaxHeight = props.leftSiderMoveMaxHeight;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('spec-grid-content', loading ? 'spec-grid-content-loading' : '', className),
-    style: style
-  }, loading && /*#__PURE__*/_react.default.createElement(_spin.default, {
+  var componentName = 'spec-grid-content';
+  var _useStyle = (0, _Subfield.default)(componentName),
+    _useStyle2 = _slicedToArray(_useStyle, 2),
+    wrapSSR = _useStyle2[0],
+    hashId = _useStyle2[1];
+  return wrapSSR( /*#__PURE__*/_react.default.createElement(_antd.Spin, {
     spinning: loading,
-    tip: loadingTip
-  }), /*#__PURE__*/_react.default.createElement(_DragContent.default, {
+    tip: loadingTip,
+    wrapperClassName: 'spec-grid-content-spinning'
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(componentName, className, hashId),
+    style: style
+  }, /*#__PURE__*/_react.default.createElement(_DragContent.default, {
     direction: leftSiderDragDirection,
     className: (0, _classnames.default)('spec-grid-left', leftSiderClassName),
     style: {
@@ -40,8 +52,7 @@ var SubfieldContent = function SubfieldContent(props) {
     moveMaxWidth: leftSiderMoveMaxWidth,
     moveMaxHeight: leftSiderMoveMaxHeight
   }, leftSiderNode), /*#__PURE__*/_react.default.createElement("div", {
-    className: 'spec-grid-right'
-  }, children));
+    className: "spec-grid-right"
+  }, children))));
 };
-var _default = SubfieldContent;
-exports.default = _default;
+var _default = exports.default = SubfieldContent;

package/lib/StandardContent/WrapperContent.d.ts

@@ -1,5 +1,5 @@
-import './style/index.less';
 import React from 'react';
+import './styles/index.less';
 interface WrapperContentProps {
     className?: string;
     loading?: boolean;
@@ -9,5 +9,5 @@ interface WrapperContentProps {
     noMargin?: boolean;
     light?: boolean;
 }
-declare const WrapperContent: (props: WrapperContentProps) => JSX.Element;
+declare const WrapperContent: (props: WrapperContentProps) => any;
 export default WrapperContent;

package/lib/StandardContent/WrapperContent.js

@@ -4,12 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-require("antd/es/spin/style");
-var _spin = _interopRequireDefault(require("antd/es/spin"));
-require("./style/index.less");
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
+var _antd = require("antd");
+require("./styles/index.less");
+var _Wrapper = _interopRequireDefault(require("./styles/Wrapper"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var WrapperContent = function WrapperContent(props) {
   var children = props.children,
     light = props.light,
@@ -20,16 +26,20 @@ var WrapperContent = function WrapperContent(props) {
     _props$loading = props.loading,
     loading = _props$loading === void 0 ? false : _props$loading,
     loadingTip = props.loadingTip;
-  var defaultClassName = 'spec-wrapper-content';
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(defaultClassName, className, loading ? 'spec-wrapper-content-loading' : '', noMargin ? 'has-margin' : ''),
-    style: style
-  }, loading && /*#__PURE__*/_react.default.createElement(_spin.default, {
+  var componentName = 'spec-wrapper-content';
+  var _useStyle = (0, _Wrapper.default)(componentName),
+    _useStyle2 = _slicedToArray(_useStyle, 2),
+    wrapSSR = _useStyle2[0],
+    hashId = _useStyle2[1];
+  return wrapSSR( /*#__PURE__*/_react.default.createElement(_antd.Spin, {
     spinning: loading,
-    tip: loadingTip
-  }), light ? /*#__PURE__*/_react.default.createElement("div", {
+    tip: loadingTip,
+    wrapperClassName: 'spec-wrapper-content-spinning'
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(componentName, className, noMargin ? 'has-margin' : '', hashId),
+    style: style
+  }, light ? /*#__PURE__*/_react.default.createElement("div", {
     className: "light-block"
-  }, " ", children) : children);
+  }, " ", children) : children)));
 };
-var _default = WrapperContent;
-exports.default = _default;
+var _default = exports.default = WrapperContent;

package/lib/StandardContent/styles/Subfield.d.ts

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

package/lib/StandardContent/styles/Subfield.js

@@ -0,0 +1,36 @@
+"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 SubfieldContentStyleFunc = function SubfieldContentStyleFunc(prefix) {
+  var prepareComponentToken = function prepareComponentToken(token) {
+    return {
+      // fontWeight: 400,
+    };
+  };
+  return (0, _genStyleHook.createStyleHook)(prefix, function (token) {
+    var prefixCls = ".".concat(prefix);
+    // console.log(' new TinyColor(token.colorPrimary).setAlpha(0.1)' ,new TinyColor(token.colorPrimary).setAlpha(0.1).toRgbString(), )
+    return [_defineProperty({}, prefixCls, {
+      '& .spec-grid-left': _objectSpread({
+        padding: token.paddingMD,
+        background: token.colorBgBase
+      }, (0, _index.scrollBar)(token)),
+      '& .spec-grid-right': _objectSpread({
+        padding: token.paddingMD
+      }, (0, _index.scrollBar)(token))
+    })];
+  }, prepareComponentToken // 当前组件扩展的变量
+  );
+};
+var _default = exports.default = SubfieldContentStyleFunc;

package/lib/StandardContent/styles/Wrapper.d.ts

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

package/lib/StandardContent/styles/Wrapper.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _genStyleHook = require("../../theme/utils/genStyleHook");
+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 _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 WrapperContentStyleFunc = function WrapperContentStyleFunc(prefix) {
+  var prepareComponentToken = function prepareComponentToken(token) {
+    return {
+      // fontWeight: 400,
+    };
+  };
+  return (0, _genStyleHook.createStyleHook)(prefix, function (token) {
+    var prefixCls = ".".concat(prefix);
+    return [_defineProperty({}, prefixCls, {
+      position: 'relative',
+      padding: token.paddingMD,
+      background: token.colorBgLayout,
+      height: '100%',
+      overflow: 'auto',
+      '& .light-block': {
+        padding: token.paddingMD,
+        background: token.colorBgBase
+      }
+    })];
+  }, prepareComponentToken // 当前组件扩展的变量
+  );
+};
+var _default = exports.default = WrapperContentStyleFunc;

package/lib/StandardContent/styles/index.less

@@ -0,0 +1,67 @@
+//
+//
+//.scroll-bar(){
+//  &::-webkit-scrollbar-track-piece {
+//    background: fade(@primary-color, 10%);
+//  }
+//  &::-webkit-scrollbar {
+//    width: 6px;
+//    height: 6px;
+//  }
+//  &::-webkit-scrollbar-thumb {
+//    background: fade(@primary-color, 50%);
+//    border-radius: 20px;
+//  }
+//}
+.spec-wrapper-content {
+  position: relative;
+  //padding: @padding-lg;
+  //background: @background-color-base;
+  height: 100%;
+  overflow: auto;
+  box-sizing: border-box;
+
+  & * {
+    box-sizing: border-box;
+  }
+
+  & .light-block {
+    //padding: @padding-lg;
+    //background: @layout-body-background;
+    height: 100%;
+  }
+}
+
+.spec-grid-content {
+  position: relative;
+  display: flex;
+  //height: calc(100vh - @layout-header-height);
+  height: 100%;
+  background: transparent; // @background-color-base;
+  box-sizing: border-box;
+
+  & * {
+    box-sizing: border-box;
+  }
+  .spec-grid-left {
+    //height: calc(100vh - @layout-header-height);
+    height: 100%;
+    //padding: @padding-md @padding-sm;
+    //background: @layout-body-background;
+    overflow-y: auto;
+    //.scroll-bar();
+    .ant-tree-list,
+    .ant-tree {
+      max-height: 100%;
+    }
+  }
+
+  .spec-grid-right {
+    flex: 1;
+    height: 100%;
+    //height: calc(100vh - @layout-header-height);
+    //padding: @padding-lg;
+    overflow-y: auto;
+    //margin-left: 200px
+  }
+}