iglooform 2.5.52 → 3.0.0-alpha

package/es/table/style/index.less

@@ -18,28 +18,6 @@
     }
   }
 
-  .ant-table-wrapper {
-    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.16);
-
-    .ant-table {
-      overflow-x: auto;
-    }
-  }
-
-  & table > thead > tr:first-child {
-    & th:first-child {
-      border-top-left-radius: 0px;
-    }
-
-    & th:last-child {
-      border-top-right-radius: 0px;
-    }
-  }
-
-  .ant-btn-link > a:only-child::after {
-    display: none;
-  }
-
   .igloo-table-top-content {
     margin-bottom: 19px;
 
@@ -61,110 +39,160 @@
     }
   }
 
-  .ant-table-thead {
-    tr > th {
-      background: #ffffff;
-      border-top: 3px solid @primary-color;
-      line-height: 24px;
-      padding: 16px;
-
-      &:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan]):before {
-        display: none;
-      }
+  .ant-table-wrapper {
+    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.16);
 
-      &:not(.ant-table-selection-column):first-child {
-        padding-left: 24px;
+    .ant-table-expanded-row {
+      &,
+      &:hover > td {
+        background: #fff;
       }
     }
 
-    th.ant-table-column-has-sorters:hover {
-      background-color: inherit;
-    }
-
-    .ant-table-column-sorters {
-      justify-content: flex-start;
-
-      .ant-table-column-title {
-        flex: 0 1 auto;
-        margin-right: 2px;
-      }
-
-      .ant-table-column-sorter {
-        margin-left: 2px;
-
-        .ant-table-column-sorter-inner {
-          justify-content: space-between;
-          width: 24px;
-          height: 24px;
-          overflow: hidden;
+    .ant-table {
+      overflow-x: auto;
+      border-radius: 0;
+
+      .ant-table-container {
+        border-start-start-radius: 0;
+        border-start-end-radius: 0;
+        
+        .ant-collapse {
+          background: #fff;
+        }
+        
+        .ant-table-header {
+          border-radius: 0;
+        }
 
-          .ant-table-column-sorter-up {
-            position: relative;
-            width: 24px;
-            height: 12px;
+        table {
+          border-radius: 0;
 
-            & > svg {
-              display: none;
+          & > thead > tr:first-child {
+            & th:first-child {
+              border-top-left-radius: 0px;
             }
 
-            &::before {
-              content: ' ';
-              position: absolute;
-              width: 10px;
-              height: 6px;
-              top: 4px;
-              left: 7px;
-              display: block;
-              background-color: #999999;
+            & th:last-child {
+              border-top-right-radius: 0px;
             }
+          }
+        }
+      }
 
-            &::after {
-              content: ' ';
-              position: absolute;
-              width: 24px;
-              height: 12px;
-              top: 0;
-              left: 0;
-              display: block;
-              background: data-uri('./up.svg');
-            }
+      .ant-btn-link > a:only-child::after {
+        display: none;
+      }
+
+      .ant-table-thead {
+        & > tr > th,
+        td {
+          background: #ffffff;
+          border-top: 3px solid @primary-color;
+          line-height: 24px;
+          padding: 16px;
+
+          &:not(:last-child):not(.ant-table-selection-column):not(
+              .ant-table-row-expand-icon-cell
+            ):not([colspan]):before {
+            display: none;
           }
 
-          .ant-table-column-sorter-down {
-            position: relative;
-            width: 24px;
-            height: 12px;
+          &:not(.ant-table-selection-column):first-child {
+            padding-left: 24px;
+          }
+        }
 
-            & > svg {
-              display: none;
-            }
+        th.ant-table-column-has-sorters:hover {
+          background-color: inherit;
+        }
 
-            &::before {
-              content: ' ';
-              position: absolute;
-              width: 10px;
-              height: 6px;
-              top: 2px;
-              left: 7px;
-              display: block;
-              background-color: #999999;
-            }
+        .ant-table-column-sorters {
+          justify-content: flex-start;
 
-            &::after {
-              content: ' ';
-              position: absolute;
-              width: 24px;
-              height: 12px;
-              top: 0;
-              left: 0;
-              display: block;
-              background: data-uri('./down.svg');
-            }
+          .ant-table-column-title {
+            flex: 0 1 auto;
+            margin-right: 2px;
           }
 
-          .active {
-            &::before {
-              background-color: @primary-color;
+          .ant-table-column-sorter {
+            margin-left: 2px;
+
+            .ant-table-column-sorter-inner {
+              justify-content: space-between;
+              width: 24px;
+              height: 24px;
+              overflow: hidden;
+
+              .ant-table-column-sorter-up {
+                position: relative;
+                width: 24px;
+                height: 12px;
+
+                & > svg {
+                  display: none;
+                }
+
+                &::before {
+                  content: ' ';
+                  position: absolute;
+                  width: 10px;
+                  height: 6px;
+                  top: 4px;
+                  left: 7px;
+                  display: block;
+                  background-color: @disabled-text-color;
+                }
+
+                &::after {
+                  content: ' ';
+                  position: absolute;
+                  width: 24px;
+                  height: 12px;
+                  top: 0;
+                  left: 0;
+                  display: block;
+                  background: data-uri('./up.svg');
+                }
+              }
+
+              .ant-table-column-sorter-down {
+                position: relative;
+                width: 24px;
+                height: 12px;
+
+                & > svg {
+                  display: none;
+                }
+
+                &::before {
+                  content: ' ';
+                  position: absolute;
+                  width: 10px;
+                  height: 6px;
+                  top: 2px;
+                  left: 7px;
+                  display: block;
+                  background-color: @disabled-text-color;
+                }
+
+                &::after {
+                  content: ' ';
+                  position: absolute;
+                  width: 24px;
+                  height: 12px;
+                  top: 0;
+                  left: 0;
+                  display: block;
+                  background: data-uri('./down.svg');
+                }
+              }
+
+              .active {
+                &::before {
+                  background-color: @primary-color;
+                }
+              }
             }
           }
         }

package/es/tabs/index.d.ts

@@ -1,14 +1,15 @@
+import React from 'react';
 import { TabsProps } from 'antd';
 import './style/index.less';
 interface IglooTabsProps extends TabsProps {
 }
-export declare const TabPane: typeof import("rc-tabs").TabPane;
+export declare const TabPane: React.FC<import("antd").TabPaneProps>;
 /**
  * Tab
  * @param {*} 所有antd的tabs
  */
-declare function Tabs(props: IglooTabsProps): JSX.Element;
+declare function Tabs(props: IglooTabsProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Tabs {
-    var TabPane: typeof import("rc-tabs").TabPane;
+    var TabPane: React.FC<import("antd").TabPaneProps>;
 }
 export default Tabs;

package/es/tabs/index.js

@@ -1,31 +1,27 @@
-import "antd/es/tabs/style";
-import _Tabs from "antd/es/tabs";
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 var _excluded = ["className"];
-
 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 _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
+import React from 'react';
+import { Tabs as AntdTabs } from 'antd';
+import "./style/index.less";
 import { jsx as _jsx } from "react/jsx-runtime";
-import './style/index.less';
-export var TabPane = _Tabs.TabPane;
+export var TabPane = AntdTabs.TabPane;
+
 /**
  * Tab
  * @param {*} 所有antd的tabs
  */
-
 export default function Tabs(props) {
   var _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      restProps = _objectWithoutProperties(props, _excluded);
-
-  return _jsx(_Tabs, _objectSpread({
+    className = _props$className === void 0 ? '' : _props$className,
+    restProps = _objectWithoutProperties(props, _excluded);
+  return /*#__PURE__*/_jsx(AntdTabs, _objectSpread({
     className: "container  ".concat(className)
   }, restProps));
 }

package/es/tabs/style/index.js

@@ -1 +1 @@
-import './index.less';
+import "./index.less";

package/es/types.d.ts

@@ -135,14 +135,13 @@ export interface FormItemConfig extends FormItemExtraConfig {
     contentProps?: any;
 }
 export declare type FormItemPropsHandler = (config: FormItemConfig) => FormItemConfig;
-interface IglooFC<P = {}> extends React.FunctionComponent<P> {
+export interface FC<P = {}> extends React.FunctionComponent<P> {
     formItemPropsHandler?: FormItemPropsHandler;
     isPreviewSupport?: boolean;
 }
 export interface Form extends React.ForwardRefExoticComponent<FormBasicConfig & React.RefAttributes<any>> {
     useForm: () => FormInstance;
 }
-export declare type FC<P = {}> = IglooFC<P>;
 export interface IglooComponentProps {
     validateField?: (nameList?: NamePath[]) => Promise<any>;
     containerRef?: React.RefObject<any>;

package/es/types.js

@@ -1,2 +1,3 @@
 /// <reference path="../typings.d.ts" />
-export {};
+
+export { Rule } from 'rc-field-form/lib/interface';

package/es/typography/index.d.ts

@@ -1,4 +1,5 @@
 import { FC } from '../types';
+import { PropsWithChildren } from 'react';
 import './style/index.less';
 import { CSSProperties, MouseEvent } from 'react';
 export interface IglooTypographyProps {
@@ -9,5 +10,5 @@ export interface IglooTypographyProps {
     title?: string;
     onClick?: (e: MouseEvent<HTMLDivElement | HTMLSpanElement>) => void;
 }
-declare const IglooTypography: FC<IglooTypographyProps>;
+declare const IglooTypography: FC<PropsWithChildren<IglooTypographyProps>>;
 export default IglooTypography;

package/es/typography/index.js

@@ -1,19 +1,17 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 import classNames from 'classnames';
-import './style/index.less';
-
+import "./style/index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
 var IglooTypography = function IglooTypography(_ref) {
   var level = _ref.level,
-      children = _ref.children,
-      className = _ref.className,
-      _ref$wrapElement = _ref.wrapElement,
-      wrapElement = _ref$wrapElement === void 0 ? 'span' : _ref$wrapElement,
-      style = _ref.style,
-      title = _ref.title,
-      onClick = _ref.onClick;
+    children = _ref.children,
+    className = _ref.className,
+    _ref$wrapElement = _ref.wrapElement,
+    wrapElement = _ref$wrapElement === void 0 ? 'span' : _ref$wrapElement,
+    style = _ref.style,
+    title = _ref.title,
+    onClick = _ref.onClick;
   var prefix = 'igloo-typography-';
   var classNameObj = {};
-
   if (Array.isArray(level)) {
     level.map(function (item) {
       classNameObj[prefix + item] = true;
@@ -21,9 +19,8 @@ var IglooTypography = function IglooTypography(_ref) {
   } else {
     classNameObj[prefix + level] = true;
   }
-
   if (wrapElement === 'div') {
-    return _jsx("div", {
+    return /*#__PURE__*/_jsx("div", {
       className: classNames(classNameObj, 'word-wrap', className),
       style: style,
       title: title,
@@ -31,8 +28,7 @@ var IglooTypography = function IglooTypography(_ref) {
       children: children
     });
   }
-
-  return _jsx("span", {
+  return /*#__PURE__*/_jsx("span", {
     className: classNames(classNameObj, 'word-wrap', className),
     style: style,
     title: title,
@@ -40,9 +36,7 @@ var IglooTypography = function IglooTypography(_ref) {
     children: children
   });
 };
-
 export default IglooTypography;
-
 IglooTypography.formItemPropsHandler = function () {
   return {
     withoutForm: true,

package/es/typography/style/index.js

@@ -1 +1 @@
-import './index.less';
+import "./index.less";

package/es/typography/style/index.less

@@ -118,5 +118,9 @@
     line-height: 20px;
     text-decoration-line: underline;
     cursor: pointer;
+
+    & > a {
+      color: inherit;
+    }
   }
 }