tntd 2.8.0-beta.8 → 2.8.1

package/lib/drawer/index.less

@@ -0,0 +1,153 @@
+@drawer-prefix-cls: ~'@{ant-prefix}-drawer';
+
+
+.tnt-drawer.@{drawer-prefix-cls} {
+    &-top {
+        .@{drawer-prefix-cls}-wrapper-body {
+            margin-top: 48px;
+        }
+
+        .@{drawer-prefix-cls}-content-wrapper {
+            height: 480px !important;
+        }
+    }
+
+    &-bottom {
+        .@{drawer-prefix-cls}-content-wrapper {
+            height: 480px !important;
+        }
+    }
+
+    .@{drawer-prefix-cls}-wrapper-body {
+        margin-top: 48px;
+        max-height: ~'calc(100vh - 48px)';
+    }
+
+    &-footer {
+        .@{drawer-prefix-cls}-header {
+            // border-bottom: none;
+            position: absolute;
+            right: 0;
+            top: 0;
+            background: #fff;
+            width: 100%;
+        }
+
+        .@{drawer-prefix-cls}-wrapper-body {
+            max-height: ~'calc(100vh - 96px)' !important;
+            margin-top: 48px !important;
+            margin-bottom: 48px !important;
+        }
+
+    }
+
+    .@{drawer-prefix-cls}-title {
+        font-size: 16px !important;
+        font-weight: 500 !important;
+    }
+
+    .@{drawer-prefix-cls}-close {
+        position: absolute;
+        top: -2px;
+        right: 0;
+        z-index: 10;
+        display: block;
+        width: 48px;
+        height: 48px;
+        padding: 0;
+        color: rgba(23, 35, 61, 0.8);
+        font-weight: 700;
+        font-size: 20px;
+        font-style: normal;
+        line-height: 56px;
+        text-align: center;
+        text-transform: none;
+        text-decoration: none;
+        background: transparent;
+        border: 0;
+        outline: 0;
+        cursor: pointer;
+        transition: color 0.3s;
+        text-rendering: auto;
+    }
+
+
+    .@{drawer-prefix-cls}-contain-closable {
+        .@{drawer-prefix-cls}-header {
+            padding: 12px 36px 12px 20px;
+        }
+    }
+
+    &-right {
+        .@{drawer-prefix-cls}-content {
+            border-radius: @border-radius-base 0px 0px @border-radius-base;
+            background: #F8F9FB;
+        }
+    }
+
+    &-left {
+        .@{drawer-prefix-cls}-content {
+            border-radius: 0px @border-radius-base @border-radius-base 0px;
+            background: #F8F9FB;
+        }
+    }
+
+    &-top {
+        .@{drawer-prefix-cls}-content {
+            border-radius: 0px 0px @border-radius-base @border-radius-base;
+            background: #F8F9FB;
+            padding-top: 48px;
+        }
+
+        .@{drawer-prefix-cls}-wrapper-body {
+            margin-top: 0px !important;
+        }
+    }
+
+    &-bottom {
+        .@{drawer-prefix-cls}-content {
+            border-radius: @border-radius-base @border-radius-base 0px 0px;
+            background: #F8F9FB;
+            padding-top: 48px;
+        }
+
+        .@{drawer-prefix-cls}-wrapper-body {
+            margin-top: 0px !important;
+        }
+    }
+
+
+    .@{drawer-prefix-cls}-header {
+        padding: 13px 24px;
+        position: absolute;
+        right: 0;
+        top: 0;
+        width: 100%;
+        background: #fff;
+        border-bottom: 1px solid #E9EDF3;
+
+    }
+
+    .@{drawer-prefix-cls}-body {
+        padding: 24px !important;
+    }
+
+    .@{drawer-prefix-cls}-wrapper-body {
+
+        .@{drawer-prefix-cls}-footer-style {
+            position: absolute;
+            right: 0;
+            bottom: 0;
+            width: 100%;
+            padding: 8px 24px;
+            background: #fff;
+            text-align: right;
+            border-top: 1px solid #E9EDF3;
+
+            .@{ant-prefix}-btn {
+                margin-left: 15px;
+            }
+        }
+
+    }
+}

package/lib/drawer/style/drawer.less

@@ -157,7 +157,7 @@
     padding: 0;
     color: @text-color-secondary;
     font-weight: 700;
-    font-size: 20px;
+    font-size: @font-size-lg;
     font-style: normal;
     line-height: 56px;
     text-align: center;
@@ -169,9 +169,7 @@
     cursor: pointer;
     transition: color @animation-duration-slow;
     text-rendering: auto;
-    .tntd-anticon {
-      font-size: 20px;
-    }
+
     &:focus,
     &:hover {
       color: @icon-color-hover;

package/lib/form/form.d.ts

@@ -2,6 +2,7 @@ import type { FormItemProps as AntdFormItemProps, FormProps as AntdFormProps } f
 import React from 'react';
 import { default as AntdForm } from 'antd/lib/form';
 import type AntdFormItem from 'antd/lib/form/FormItem';
+import './form.less';
 export * from 'antd/lib/form';
 interface FormItemComponent extends React.ForwardRefExoticComponent<AntdFormItemProps & React.RefAttributes<AntdFormItem>> {
 }

package/lib/form/form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../src/form/form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,IAAI,iBAAiB,EAClC,SAAS,IAAI,aAAa,EAG3B,MAAM,cAAc,CAAA;AACrB,OAAO,KAAqB,MAAM,OAAO,CAAA;AAIzC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,cAAc,CAAA;AAClD,OAAO,KAAK,YAAY,MAAM,uBAAuB,CAAA;AAIrD,cAAc,cAAc,CAAA;AAE5B,UAAU,iBACR,SAAQ,KAAK,CAAC,yBAAyB,CAAC,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;CAAG;AACnG,UAAU,aACR,SAAQ,KAAK,CAAC,yBAAyB,CAAC,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IACtF,IAAI,EAAE,iBAAiB,CAAA;IACvB,MAAM,EAAE,OAAO,QAAQ,CAAC,MAAM,CAAA;IAC9B,eAAe,EAAE,OAAO,QAAQ,CAAC,eAAe,CAAA;CACjD;AAED,eAAO,MAAM,IAAI,eAQE,CAAA"}
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../src/form/form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,IAAI,iBAAiB,EAClC,SAAS,IAAI,aAAa,EAG3B,MAAM,cAAc,CAAA;AACrB,OAAO,KAAqB,MAAM,OAAO,CAAA;AAIzC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,cAAc,CAAA;AAClD,OAAO,KAAK,YAAY,MAAM,uBAAuB,CAAA;AAGrD,OAAO,aAAa,CAAA;AAEpB,cAAc,cAAc,CAAA;AAE5B,UAAU,iBACR,SAAQ,KAAK,CAAC,yBAAyB,CAAC,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;CAAG;AACnG,UAAU,aACR,SAAQ,KAAK,CAAC,yBAAyB,CAAC,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IACtF,IAAI,EAAE,iBAAiB,CAAA;IACvB,MAAM,EAAE,OAAO,QAAQ,CAAC,MAAM,CAAA;IAC9B,eAAe,EAAE,OAAO,QAAQ,CAAC,eAAe,CAAA;CACjD;AAED,eAAO,MAAM,IAAI,eAQE,CAAA"}

package/lib/form/form.js

@@ -22,6 +22,9 @@ Object.keys(_form).forEach(function (key) {
   });
 });
 var _utils = require("../utils");
+require("./form.less");
+var _classnames = _interopRequireDefault(require("classnames"));
+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 && {}.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 _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); }
@@ -41,6 +44,7 @@ var Form = exports.Form = (0, _react.forwardRef)(function (_a, ref) {
   return _react["default"].createElement(_configProvider.ConfigConsumer, null, function (_ref) {
     var getPrefixCls = _ref.getPrefixCls;
     return _react["default"].createElement(_form["default"], Object.assign({}, rest, {
+      className: (0, _classnames["default"])(rest.className, 'tnt-form'),
       ref: ref
     }));
   });
@@ -59,7 +63,7 @@ Form.Item = (0, _react.forwardRef)(function (_a, ref) {
 var Create = function Create(options) {
   return function (WrappedComponent) {
     var validateSubmitMap = {};
-    var CustomFormWrapper = function CustomFormWrapper(props) {
+    var CustomFormWrapper = function CustomFormWrapper(props, ref) {
       var getFieldDecorator = props.form.getFieldDecorator;
       props.form.getFieldDecorator = function (name, options) {
         var opt = options || {};
@@ -71,7 +75,9 @@ var Create = function Create(options) {
         }
         return getFieldDecorator(name, opt);
       };
-      return _react["default"].createElement(WrappedComponent, Object.assign({}, props));
+      return _react["default"].createElement(WrappedComponent, Object.assign({}, props, {
+        ref: ref
+      }));
     };
     return _form["default"].create(Object.assign(Object.assign({}, options), {
       onValuesChange: function onValuesChange(props, changedValues, allValues) {
@@ -89,7 +95,7 @@ var Create = function Create(options) {
           options.onValuesChange(props, changedValues, allValues);
         }
       }
-    }))(CustomFormWrapper);
+    }))((0, _react.forwardRef)(CustomFormWrapper));
   };
 };
 Form.createFormField = _form["default"].createFormField;

package/lib/form/form.js.map

@@ -1 +1 @@
-{"version":3,"file":"form.js","sourceRoot":"","sources":["../../src/form/form.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,+CAAyC;AAEzC,6DAAwD;AAExD,wDAAkD;AAGlD,oCAAuC;AAEvC,+CAA4B;AAWf,QAAA,IAAI,GAAG,IAAA,kBAAU,EAA0B,CAAC,EAAW,EAAE,GAAG,EAAE,EAAE;QAAf,IAAI,cAAT,EAAW,CAAF;IAChE,OAAO,CACL,8BAAC,gCAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,OAAO,8BAAC,cAAQ,oBAAK,IAAI,IAAE,GAAG,EAAE,GAAG,IAAI,CAAA;IACzC,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAAkB,CAAA;AAEnB,YAAI,CAAC,IAAI,GAAG,IAAA,kBAAU,EAAkC,CAAC,EAAkB,EAAE,GAAG,EAAE,EAAE;QAA3B,EAAE,KAAK,OAAW,EAAN,IAAI,cAAhB,SAAkB,CAAF;IACvE,OAAO,CACL,8BAAC,gCAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,OAAO,8BAAC,cAAQ,CAAC,IAAI,oBAAK,IAAI,IAAE,KAAK,EAAE,IAAA,oBAAY,EAAC,KAAK,CAAC,EAAE,GAAG,EAAE,GAAG,IAAI,CAAA;IAC1E,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAAC,CAAA;AAOF,MAAM,MAAM,GAAmB,CAAC,OAAY,EAAE,EAAE,CAAC,CAAC,gBAAqB,EAAE,EAAE;IACzE,MAAM,iBAAiB,GAAQ,EAAE,CAAA;IACjC,MAAM,iBAAiB,GAAG,CAAC,KAAU,EAAE,EAAE;QACvC,MAAM,iBAAiB,GAAG,KAAK,CAAC,IAAI,CAAC,iBAAiB,CAAA;QACtD,KAAK,CAAC,IAAI,CAAC,iBAAiB,GAAG,CAAC,IAAS,EAAE,OAAY,EAAE,EAAE;YACzD,IAAI,GAAG,GAAG,OAAO,IAAI,EAAE,CAAA;YACvB,IAAI,GAAG,CAAC,cAAc,EAAE;gBACtB,GAAG,mCACE,OAAO,KACV,eAAe,EAAE,SAAS,GAC3B,CAAA;gBACD,iBAAiB,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;aAC/B;YACD,OAAO,iBAAiB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA;QACrC,CAAC,CAAA;QACD,OAAO,8BAAC,gBAAgB,oBAAK,KAAK,EAAI,CAAA;IACxC,CAAC,CAAA;IAED,OAAO,cAAQ,CAAC,MAAM,iCACjB,OAAO,KACV,cAAc,EAAE,CAAC,KAAU,EAAE,aAAkB,EAAE,SAAc,EAAE,EAAE;YACjE,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAA;YACvC,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;gBACrB,IAAI,CAAC,OAAO,CAAC,CAAC,IAAS,EAAE,EAAE;oBACzB,IAAI,iBAAiB,CAAC,IAAI,CAAC,EAAE;wBAC3B,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC;4BACnB,CAAC,IAAI,CAAC,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE;yBAC9B,CAAC,CAAA;qBACH;gBACH,CAAC,CAAC,CAAA;aACH;YACD,IAAI,OAAO,IAAI,OAAO,CAAC,cAAc,EAAE;gBACrC,OAAO,CAAC,cAAc,CAAC,KAAK,EAAE,aAAa,EAAE,SAAS,CAAC,CAAA;aACxD;QACH,CAAC,IACD,CAAC,iBAAiB,CAAC,CAAA;AACvB,CAAC,CAAA;AAED,YAAI,CAAC,eAAe,GAAG,cAAQ,CAAC,eAAe,CAAA;AAC/C,YAAI,CAAC,MAAM,GAAG,MAAM,CAAA","sourcesContent":["import type {\n  FormItemProps as AntdFormItemProps,\n  FormProps as AntdFormProps,\n  FormComponentProps,\n  FormCreateOption,\n} from 'antd/lib/form'\nimport React, { forwardRef } from 'react'\n\nimport { ConfigConsumer } from 'antd/lib/config-provider'\n\nimport { default as AntdForm } from 'antd/lib/form'\nimport type AntdFormItem from 'antd/lib/form/FormItem'\n\nimport { doUpperTitle } from '../utils'\n\nexport * from 'antd/lib/form'\n\ninterface FormItemComponent\n  extends React.ForwardRefExoticComponent<AntdFormItemProps & React.RefAttributes<AntdFormItem>> {}\ninterface FormComponent\n  extends React.ForwardRefExoticComponent<AntdFormProps & React.RefAttributes<AntdForm>> {\n  Item: FormItemComponent\n  create: typeof AntdForm.create\n  createFormField: typeof AntdForm.createFormField\n}\n\nexport const Form = forwardRef<AntdForm, AntdFormProps>(({ ...rest }, ref) => {\n  return (\n    <ConfigConsumer>\n      {({ getPrefixCls }) => {\n        return <AntdForm {...rest} ref={ref} />\n      }}\n    </ConfigConsumer>\n  )\n}) as FormComponent\n\nForm.Item = forwardRef<AntdFormItem, AntdFormItemProps>(({ label, ...rest }, ref) => {\n  return (\n    <ConfigConsumer>\n      {({ getPrefixCls }) => {\n        return <AntdForm.Item {...rest} label={doUpperTitle(label)} ref={ref} />\n      }}\n    </ConfigConsumer>\n  )\n})\n\n// 定义 create 函数的类型\ntype CreateFunction = <TOwnProps extends FormComponentProps<any>>(\n  options?: FormCreateOption<TOwnProps>\n) => any\n\nconst Create: CreateFunction = (options: any) => (WrappedComponent: any) => {\n  const validateSubmitMap: any = {}\n  const CustomFormWrapper = (props: any) => {\n    const getFieldDecorator = props.form.getFieldDecorator\n    props.form.getFieldDecorator = (name: any, options: any) => {\n      let opt = options || {}\n      if (opt.validateSubmit) {\n        opt = {\n          ...options,\n          validateTrigger: 'noEvent',\n        }\n        validateSubmitMap[name] = true\n      }\n      return getFieldDecorator(name, opt)\n    }\n    return <WrappedComponent {...props} />\n  }\n\n  return AntdForm.create({\n    ...options,\n    onValuesChange: (props: any, changedValues: any, allValues: any) => {\n      const keys = Object.keys(changedValues)\n      if (keys.length === 1) {\n        keys.forEach((name: any) => {\n          if (validateSubmitMap[name]) {\n            props.form.setFields({\n              [name]: { errors: undefined },\n            })\n          }\n        })\n      }\n      if (options && options.onValuesChange) {\n        options.onValuesChange(props, changedValues, allValues)\n      }\n    },\n  })(CustomFormWrapper)\n}\n\nForm.createFormField = AntdForm.createFormField\nForm.create = Create\n"]}
+{"version":3,"file":"form.js","sourceRoot":"","sources":["../../src/form/form.tsx"],"names":[],"mappings":"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","sourcesContent":["import type {\n  FormItemProps as AntdFormItemProps,\n  FormProps as AntdFormProps,\n  FormComponentProps,\n  FormCreateOption,\n} from 'antd/lib/form'\nimport React, { forwardRef } from 'react'\n\nimport { ConfigConsumer } from 'antd/lib/config-provider'\n\nimport { default as AntdForm } from 'antd/lib/form'\nimport type AntdFormItem from 'antd/lib/form/FormItem'\n\nimport { doUpperTitle } from '../utils'\nimport './form.less'\nimport classNames from 'classnames'\nexport * from 'antd/lib/form'\n\ninterface FormItemComponent\n  extends React.ForwardRefExoticComponent<AntdFormItemProps & React.RefAttributes<AntdFormItem>> {}\ninterface FormComponent\n  extends React.ForwardRefExoticComponent<AntdFormProps & React.RefAttributes<AntdForm>> {\n  Item: FormItemComponent\n  create: typeof AntdForm.create\n  createFormField: typeof AntdForm.createFormField\n}\n\nexport const Form = forwardRef<AntdForm, AntdFormProps>(({ ...rest }, ref) => {\n  return (\n    <ConfigConsumer>\n      {({ getPrefixCls }) => {\n        return <AntdForm {...rest} className={classNames(rest.className, 'tnt-form')} ref={ref} />\n      }}\n    </ConfigConsumer>\n  )\n}) as FormComponent\n\nForm.Item = forwardRef<AntdFormItem, AntdFormItemProps>(({ label, ...rest }, ref) => {\n  return (\n    <ConfigConsumer>\n      {({ getPrefixCls }) => {\n        return <AntdForm.Item {...rest} label={doUpperTitle(label)} ref={ref} />\n      }}\n    </ConfigConsumer>\n  )\n})\n\n// 定义 create 函数的类型\ntype CreateFunction = <TOwnProps extends FormComponentProps<any>>(\n  options?: FormCreateOption<TOwnProps>\n) => any\n\nconst Create: CreateFunction = (options: any) => (WrappedComponent: any) => {\n  const validateSubmitMap: any = {}\n  const CustomFormWrapper = (props: any, ref: any) => {\n    const getFieldDecorator = props.form.getFieldDecorator\n    props.form.getFieldDecorator = (name: any, options: any) => {\n      let opt = options || {}\n      if (opt.validateSubmit) {\n        opt = {\n          ...options,\n          validateTrigger: 'noEvent',\n        }\n        validateSubmitMap[name] = true\n      }\n      return getFieldDecorator(name, opt)\n    }\n    return <WrappedComponent {...props} ref={ref} />\n  }\n\n  return AntdForm.create({\n    ...options,\n    onValuesChange: (props: any, changedValues: any, allValues: any) => {\n      const keys = Object.keys(changedValues)\n      if (keys.length === 1) {\n        keys.forEach((name: any) => {\n          if (validateSubmitMap[name]) {\n            props.form.setFields({\n              [name]: { errors: undefined },\n            })\n          }\n        })\n      }\n      if (options && options.onValuesChange) {\n        options.onValuesChange(props, changedValues, allValues)\n      }\n    },\n  })(forwardRef(CustomFormWrapper))\n}\n\nForm.createFormField = AntdForm.createFormField\nForm.create = Create\n"]}

package/lib/form/form.less

@@ -0,0 +1,42 @@
+@form-prefix-cls: ~'@{ant-prefix}-form';
+
+.tnt-form {
+    .@{form-prefix-cls}-item {
+        // min-height: @input-height-base;
+
+        .@{form-prefix-cls}-item-required::before {
+            top: 2px;
+            position: relative;
+        }
+
+        &-with-help {
+          margin-bottom: @form-item-margin-bottom;
+        }
+
+        &-control {
+            line-height: 1;
+            min-height: @input-height-base;
+        }
+
+        &-label {
+            line-height: @input-height-base;
+        }
+
+        &-children {
+            line-height: calc(@input-height-base - 2px);
+        }
+    }
+
+    .@{form-prefix-cls}-explain,
+    .@{form-prefix-cls}-extra {
+        margin-top: 4px;
+    }
+
+    &.@{form-prefix-cls}-vertical{
+        .@{form-prefix-cls}-item {
+            &-label {
+                line-height: @line-height-base;
+            }
+        }
+    }
+}

package/lib/form/style/index.less

@@ -83,9 +83,9 @@
     position: relative;
   }
 
-  &-with-help {
-    margin-bottom: max(0, @form-item-margin-bottom - @form-explain-height - @form-help-margin-top);
-  }
+  // &-with-help {
+  //   margin-bottom: max(0, @form-item-margin-bottom - @form-explain-height - @form-help-margin-top);
+  // }
 
   &-label {
     display: inline-block;
@@ -310,9 +310,9 @@ form {
 }
 
 .@{form-prefix-cls}-vertical {
-  .@{form-prefix-cls}-item {
-    padding-bottom: 8px;
-  }
+  // .@{form-prefix-cls}-item {
+  //   padding-bottom: 8px;
+  // }
   .@{form-prefix-cls}-item-control {
     line-height: @line-height-base;
   }

package/lib/handle-icon/index.d.ts

@@ -0,0 +1,7 @@
+export default HandleIcon;
+declare function HandleIcon(props: any): React.JSX.Element;
+declare namespace HandleIcon {
+    function Item(props: any): any;
+}
+import React from "react";
+//# sourceMappingURL=index.d.ts.map

package/lib/handle-icon/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/handle-icon/index.js"],"names":[],"mappings":";AAYA,2DAiJC;;IAED,+BAiEC"}

package/lib/handle-icon/index.js

@@ -0,0 +1,221 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _LocaleReceiver = _interopRequireDefault(require("antd/lib/locale-provider/LocaleReceiver"));
+var _toArray = _interopRequireDefault(require("rc-util/es/Children/toArray"));
+var _icon = _interopRequireDefault(require("../icon"));
+var _popconfirm = _interopRequireDefault(require("../popconfirm"));
+var _divider = _interopRequireDefault(require("../divider"));
+var _dropdown = _interopRequireDefault(require("../dropdown"));
+var _tooltip = _interopRequireDefault(require("../tooltip"));
+var _utils = require("../utils");
+var _menu = _interopRequireDefault(require("../menu"));
+require("./index.less");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+var HandleIcon = function HandleIcon(props) {
+  return _react["default"].createElement(_LocaleReceiver["default"], {
+    componentName: "HandleIcon"
+  }, function () {
+    var _a = props || {},
+      _a$children = _a.children,
+      children = _a$children === void 0 ? [] : _a$children,
+      _a$num = _a.num,
+      num = _a$num === void 0 ? 5 : _a$num,
+      _a$divider = _a.divider,
+      divider = _a$divider === void 0 ? false : _a$divider,
+      _a$stopPropagation = _a.stopPropagation,
+      stopPropagation = _a$stopPropagation === void 0 ? true : _a$stopPropagation,
+      _a$size = _a.size,
+      size = _a$size === void 0 ? 'large' : _a$size,
+      rest = __rest(_a, ["children", "num", "divider", "stopPropagation", "size"]);
+    var newChildren = [];
+    if (Array.isArray(children)) {
+      newChildren = (children === null || children === void 0 ? void 0 : children.filter(function (item) {
+        return !!item;
+      })) || [];
+    } else if (children) {
+      newChildren.push(children);
+    }
+    var flattenChildren = function flattenChildren(children) {
+      if (!children) {
+        return [];
+      }
+      return (0, _toArray["default"])(children).reduce(function (flatChildren, child) {
+        if (child && child.type === _react["default"].Fragment) {
+          return flatChildren.concat(flattenChildren(child.props.children));
+        }
+        flatChildren.push(child);
+        return flatChildren;
+      }, []);
+    };
+    // 解决需要Fragment包的场景
+    newChildren = flattenChildren(newChildren);
+    var preChildPart = newChildren,
+      lastChildPart = null;
+    // 只有1个时不适配
+    if (newChildren.length - num === 1) {
+      preChildPart = newChildren;
+    } else if (newChildren && num && !isNaN(num) && newChildren.length > num) {
+      preChildPart = newChildren.slice(0, num);
+      lastChildPart = newChildren.slice(num);
+    }
+    if (divider && preChildPart) {
+      preChildPart = preChildPart === null || preChildPart === void 0 ? void 0 : preChildPart.map(function (dom, i) {
+        return _react["default"].createElement(_react["default"].Fragment, null, dom, !(i === (preChildPart === null || preChildPart === void 0 ? void 0 : preChildPart.length) - 1 && !(lastChildPart === null || lastChildPart === void 0 ? void 0 : lastChildPart.length) // 没有更多 且 是最后一个时 不显示 Divider
+        ) && _react["default"].createElement(_divider["default"], {
+          type: "vertical"
+        }));
+      });
+    }
+    var decoratePopconfirm = function decoratePopconfirm(element, parentElement) {
+      if (_react["default"].isValidElement(element)) {
+        var type = element.type,
+          _props = element.props;
+        if (type === _popconfirm["default"]) {
+          var placement = {
+            placement: 'left'
+          };
+          var _ref = (parentElement === null || parentElement === void 0 ? void 0 : parentElement.props) || {},
+            disabled = _ref.disabled;
+          var disableProps = {};
+          if (disabled) {
+            disableProps = {
+              disabled: disabled,
+              onConfirm: function onConfirm() {}
+            };
+          }
+          return _react["default"].cloneElement(element, Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({
+            overlayStyle: {
+              width: 180
+            }
+          }, _props || {}), {
+            onClick: function onClick(e) {
+              return e.stopPropagation();
+            }
+          }), placement), {
+            trigger: 'hover',
+            getPopupContainer: function getPopupContainer(trigger) {
+              return trigger.parentNode;
+            }
+          }), disableProps || {}));
+        }
+        if (_props && _props.children) {
+          var modifiedChildren = _react["default"].Children.map(_props.children, function (child) {
+            return decoratePopconfirm(child, element);
+          });
+          return _react["default"].cloneElement(element, _props, modifiedChildren);
+        }
+      }
+      return element;
+    };
+    // 对更多的popConfirm
+    if (lastChildPart === null || lastChildPart === void 0 ? void 0 : lastChildPart.length) {
+      lastChildPart === null || lastChildPart === void 0 ? void 0 : lastChildPart.forEach(function (v, i) {
+        v = decoratePopconfirm(v);
+        lastChildPart[i] = _react["default"].cloneElement(v, Object.assign(Object.assign({}, (v === null || v === void 0 ? void 0 : v.props) || {}), {
+          inMore: true
+        }));
+      });
+    }
+    var menu = function menu(childArr) {
+      return _react["default"].createElement(_menu["default"], {
+        className: "menu-handle-icon-more tnt-handle-icon-".concat(size)
+      }, childArr === null || childArr === void 0 ? void 0 : childArr.map(function (child, i) {
+        return _react["default"].createElement(_menu["default"].Item, {
+          key: i
+        }, child);
+      }));
+    };
+    return _react["default"].createElement("div", Object.assign({
+      onClick: function onClick(e) {
+        if (stopPropagation) {
+          e.stopPropagation();
+        }
+      }
+    }, rest, {
+      className: "tnt-handle-icon-wrap tnt-handle-icon-".concat(size, " ").concat((rest === null || rest === void 0 ? void 0 : rest.className) || '')
+    }), preChildPart, !!(lastChildPart === null || lastChildPart === void 0 ? void 0 : lastChildPart.length) && _react["default"].createElement(_dropdown["default"], {
+      overlay: menu(lastChildPart || []),
+      arrow: true,
+      onClick: function onClick(e) {
+        stopPropagation && e.stopPropagation();
+      }
+    }, _react["default"].createElement(_icon["default"], {
+      type: "more",
+      className: 'tnt-handle-icon-more'
+    })));
+  });
+};
+HandleIcon.Item = function (props) {
+  var children = props.children,
+    title = props.title,
+    desc = props.desc,
+    _props$tooltip = props.tooltip,
+    tooltip = _props$tooltip === void 0 ? true : _props$tooltip,
+    inMore = props.inMore,
+    disabled = props.disabled,
+    _props$upperCaseIgnor = props.upperCaseIgnore,
+    upperCaseIgnore = _props$upperCaseIgnor === void 0 ? [] : _props$upperCaseIgnor,
+    rest = __rest(props, ["children", "title", "desc", "tooltip", "inMore", "disabled", "upperCaseIgnore"]);
+  var upTitle = (0, _utils.doUpperTitle)(title, upperCaseIgnore);
+  ;
+  var replaceIconWithText = function replaceIconWithText(element) {
+    if (_react["default"].isValidElement(element)) {
+      var type = element.type,
+        eleProps = element.props;
+      var disabledProps = {};
+      if (disabled) {
+        disabledProps = {
+          disabled: disabled,
+          onClick: function onClick(e) {
+            e.stopPropagation();
+          },
+          className: ((eleProps === null || eleProps === void 0 ? void 0 : eleProps.className) || "") + (disabled ? ' disabled' : "")
+        };
+      }
+      // 如果是更多需要替换文字
+      if (type === _icon["default"] || type === 'img') {
+        if (inMore) {
+          return _react["default"].createElement("a", Object.assign({}, eleProps, disabledProps), upTitle);
+        }
+      }
+      if (disabled && (type === _icon["default"] || ['img', 'a'].includes(type))) {
+        return _react["default"].cloneElement(element, Object.assign(Object.assign({}, (element === null || element === void 0 ? void 0 : element.props) || {}), disabledProps || {}));
+      }
+      if (eleProps && eleProps.children) {
+        var modifiedChildren = _react["default"].Children.map(eleProps.children, function (child) {
+          return replaceIconWithText(child);
+        });
+        return _react["default"].cloneElement(element, eleProps, modifiedChildren);
+      }
+    }
+    return element;
+  };
+  var newChildren = children;
+  if (Array.isArray(newChildren)) {
+    newChildren = children === null || children === void 0 ? void 0 : children.map(function (child) {
+      return replaceIconWithText(child);
+    });
+  } else {
+    newChildren = replaceIconWithText(children);
+  }
+  if ((inMore && desc || !inMore) && tooltip) {
+    return _react["default"].createElement(_tooltip["default"], Object.assign({
+      title: disabled ? desc || upTitle : upTitle
+    }, rest || {}), newChildren);
+  }
+  return newChildren;
+};
+var _default = exports["default"] = HandleIcon;

package/lib/handle-icon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/handle-icon/index.js"],"names":[],"mappings":"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","sourcesContent":["import React from 'react'\nimport LocaleReceiver from 'antd/lib/locale-provider/LocaleReceiver'\nimport toArray from \"rc-util/es/Children/toArray\";\nimport Icon from '../icon'\nimport PopConfirm from \"../popconfirm\"\nimport Divider from '../divider'\nimport Dropdown from '../dropdown'\nimport Tooltip from '../tooltip'\nimport { doUpperTitle } from '../utils'\nimport Menu from '../menu'\nimport './index.less'\n\nconst HandleIcon =  (props) => {\n  return (\n    <LocaleReceiver componentName=\"HandleIcon\">\n      {() => {\n        const {\n            children = [],\n            num = 5,\n            divider = false,\n            stopPropagation=true,\n            size= 'large',\n            ...rest\n        } = props || {}\n\n       \n        let newChildren = []\n        if (Array.isArray(children)) {\n          newChildren = children?.filter((item) => !!item) || []\n        } else if (children) {\n          newChildren.push(children)\n        }\n\n        const flattenChildren = (children) => {\n            if (!children) {\n              return [];\n            }\n            return toArray(children).reduce(function (flatChildren, child) {\n              if (child && child.type === React.Fragment) {\n                return flatChildren.concat(flattenChildren(child.props.children));\n              }\n          \n              flatChildren.push(child);\n              return flatChildren;\n            }, []);\n        }\n\n        // 解决需要Fragment包的场景\n        newChildren = flattenChildren(newChildren);\n\n        let [preChildPart, lastChildPart] = [newChildren, null];\n        \n        // 只有1个时不适配\n        if (newChildren.length - num === 1) {\n          preChildPart = newChildren\n        } else if (newChildren && num && !isNaN(num) && newChildren.length > num) {\n          preChildPart = newChildren.slice(0, num)\n          lastChildPart = newChildren.slice(num)\n        }\n        \n        if (divider && preChildPart) {\n            preChildPart = preChildPart?.map((dom, i) => (\n                <>\n                {dom}\n                {!(\n                    (i === preChildPart?.length - 1 && !lastChildPart?.length) // 没有更多 且 是最后一个时 不显示 Divider\n                ) && <Divider type=\"vertical\" />}\n                </>\n            ))\n        }\n\n        const decoratePopconfirm =  (element, parentElement) => {\n            if (React.isValidElement(element)) {\n                const { type, props } = element;\n                if (type === PopConfirm ) {\n                    const placement = { placement: 'left' }\n                    const {disabled} = parentElement?.props||{}\n                    let disableProps={};\n                    if(disabled){\n                        disableProps={\n                            disabled,\n                            onConfirm:()=>{}\n                        };\n                    }\n                    return React.cloneElement(element, {\n                        overlayStyle: { width: 180 },\n                        ...(props || {}),\n                        onClick: (e) => e.stopPropagation(),\n                        ...placement,\n                        trigger: 'hover',\n                        getPopupContainer: (trigger) => trigger.parentNode,\n                        ...disableProps||{}\n                    })\n                }\n                if (props && props.children) {\n                    const modifiedChildren = React.Children.map(props.children, (child) => {\n                        return decoratePopconfirm(child,element);\n                    });\n                    return React.cloneElement(element, props, modifiedChildren);\n                }\n            }\n            return element;\n        };\n    \n\n        // 对更多的popConfirm\n        if(lastChildPart?.length){\n           lastChildPart?.forEach((v, i) => {\n                v = decoratePopconfirm(v);\n                lastChildPart[i] = React.cloneElement(v, {\n                    ...(v?.props || {}),\n                    inMore:true,\n                })\n            })  \n        }\n        \n        const menu = (childArr)=>(\n            <Menu className={`menu-handle-icon-more tnt-handle-icon-${size}`}>\n                {\n                    childArr?.map(\n                        (child,i) => (\n                            <Menu.Item key={i}>\n                                {child}\n                            </Menu.Item>\n                        )\n                    )\n                }\n            </Menu>\n        );\n\n        return (\n          <div\n            onClick={(e) => {\n                if(stopPropagation){\n                    e.stopPropagation()\n                }\n            }}\n            {...rest}\n            className={`tnt-handle-icon-wrap tnt-handle-icon-${size} ${rest?.className||''}`}\n          >\n            {preChildPart}\n            {!!lastChildPart?.length && (\n                <Dropdown \n                    overlay={menu(lastChildPart || [])} \n                    arrow \n                    onClick={(e)=>{\n                        stopPropagation &&  e.stopPropagation()\n                    }}\n                >\n                    <Icon type=\"more\" className='tnt-handle-icon-more'/>\n                </Dropdown>\n            )}\n          </div>\n        )\n      }}\n    </LocaleReceiver>\n  )\n}\n\nHandleIcon.Item = (props) => {\n    const {children, title, desc, tooltip=true, inMore, disabled,upperCaseIgnore=[],...rest} = props\n    const upTitle = doUpperTitle(title,upperCaseIgnore);;\n\n    const replaceIconWithText = (element) => {\n        if (React.isValidElement(element)) {\n            const { type, props:eleProps } = element;\n            let disabledProps = {}\n            if(disabled){\n                disabledProps = {\n                    disabled,\n                    onClick:(e)=>{\n                        e.stopPropagation()\n                    },\n                    className:(eleProps?.className || \"\")+ (disabled?' disabled':\"\")\n                }\n            }\n            // 如果是更多需要替换文字\n            if (type === Icon || type ==='img') {\n                if(inMore){\n                    return (\n                        <a  \n                            {...eleProps}\n                            {...disabledProps}\n                           \n                        >{upTitle}</a>\n                    );\n                }\n            }\n\n            if(disabled && (type===Icon || ['img','a'].includes(type))){\n                return React.cloneElement(element, {\n                    ...element?.props || {} ,\n                    ...disabledProps||{}\n                })\n            }\n\n            if (eleProps && eleProps.children) {\n                const modifiedChildren = React.Children.map(eleProps.children, (child) => {\n                    return replaceIconWithText(child);\n                });\n                return React.cloneElement(element, eleProps, modifiedChildren);\n            }\n        }\n        return element;\n    };\n\n    let newChildren = children;\n    if(Array.isArray(newChildren)){\n        newChildren= children?.map(child=> replaceIconWithText(child))\n    }else{\n        newChildren= replaceIconWithText(children)\n    }\n\n\n    if(((inMore && desc) || !inMore) && tooltip){\n        return (\n            <Tooltip title={disabled ? (desc||upTitle) : upTitle} {...(rest||{})}>\n                {newChildren}\n            </Tooltip>\n        )\n    }\n\n    return newChildren\n    \n}\nexport default HandleIcon"]}

package/lib/handle-icon/index.less

@@ -0,0 +1,53 @@
+@small-size: 16px;
+@middle-size: 18px;
+@large-size: 20px;
+.tnt-handle-icon-wrap{
+    >*:not(:last-child){
+        margin-right: 8px;
+    }
+}
+
+.menu-handle-icon-more{
+    min-width: 100px;
+    max-width: 300px;
+}
+
+[class*=tnt-handle-icon]{
+    a{
+        display: block;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+        color:@text-color;
+    }
+    .icon-disabled,.disabled{
+        cursor: not-allowed;
+        pointer-events: auto;
+        color: @disabled-color;
+    }
+    
+}
+.tnt-handle-icon-small{
+    .tntd-anticon{
+        font-size: @small-size;
+        cursor: pointer;
+    }
+    font-size: @small-size;
+    line-height: 22px;
+}
+.tnt-handle-icon-middle{
+    .tntd-anticon{
+        font-size: @middle-size;
+        cursor: pointer;
+    }
+    font-size: @middle-size;
+    line-height: 22px;
+}
+.tnt-handle-icon-large{
+    .tntd-anticon{
+        font-size: @large-size;
+        cursor: pointer;
+    }
+    font-size: @large-size;
+    line-height: 22px;
+}

package/lib/icon/style/style.less

@@ -2,5 +2,5 @@
 
 .tntd-anticon {
   font-size: @font-size-lg;
-  vertical-align: -0.25em;
+  vertical-align: -0.1875em;
 }

package/lib/index.d.ts

@@ -84,6 +84,7 @@ export { default as Columns } from './columns';
 export { default as DevelopmentLogin } from './development-login';
 export { default as LoadingButton } from './loading-button';
 export { default as Handle } from './handle';
+export { default as HandleIcon } from './handle-icon';
 export { default as Page } from './page';
 export { default as TntdSelect } from './tntd-select';
 export { default as TntdRcSelect } from './tntd-rc-select';