tntd 3.0.28 → 3.0.29-beta.1

package/es/tabs/tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../src/tabs/tabs.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA;;;;;;;GAOG;AACH,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AACnD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,cAAc,CAAA;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,cAAc,cAAc,CAAA;AAW5B,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC5B,CAAC,EAA4C,EAAE,GAAG,EAAE,EAAE;QAArD,EAAE,QAAQ,EAAE,eAAe,EAAE,IAAI,OAAW,EAAN,IAAI,cAA1C,uCAA4C,CAAF;IACzC,IAAI,WAAW,GAA6B,QAAQ,CAAA;IACpD,IAAI,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE;QAC9B,WAAW,GAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,GAAG,CAAC,CAAC,KAA+B,EAAE,EAAE;;YACjE,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;gBAC/B,MAAM,WAAW,GAAY,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,WAAW,CAAA;gBACtD,MAAM,GAAG,GAA6B,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,GAAG,CAAA;gBACvD,uCACK,KAAK,KACR,KAAK,kCACA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,KACf,GAAG,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,YAAY,CAAC,GAAG,EAAE,eAAe,CAAC,OAE9D;aACF;YACD,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;gBAC7B,OAAO,YAAY,CAAC,KAAK,EAAE,eAAe,CAAC,CAAA;aAC5C;YACD,OAAO,KAAK,CAAA;QACd,CAAC,CAAC,CAAA;KACH;IAED,OAAO,CACL,oBAAC,cAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,OAAO,CACL,oBAAC,QAAQ,oBACH,IAAI,IACR,IAAI,EAAE,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,CAAC,aAAa,CAAC,EAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,EACtD,QAAQ,EAAE,WAAW,EACrB,GAAG,EAAE,GAAG,IACR,CACH,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CACe,CAAA;AAElB,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAA","sourcesContent":["/*\n * @Author: 周泽飞 zefei.zhou@tongdun.net\n * @Date: 2023-10-16 11:08:28\n * @LastEditors: 周泽飞 zefei.zhou@tongdun.net\n * @LastEditTime: 2023-10-16 16:24:53\n * @FilePath: /tntd/packages/tntd/src/tabs/tabs.tsx\n * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\n */\nimport React, { forwardRef } from 'react'\nimport type { TabsProps as AntdTabsProps, TabsType } from 'antd/es/tabs'\nimport { ConfigConsumer } from '../config-provider'\nimport { default as AntdTabs } from 'antd/es/tabs'\nimport { doUpperTitle } from '../utils'\nexport * from 'antd/es/tabs'\nexport interface TabsProps extends AntdTabsProps {\n  children?: Array<React.ReactElement>\n  upperCaseIgnore?: Array<string>\n}\n\ninterface TabsComponent\n  extends React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<AntdTabs>> {\n  TabPane: typeof AntdTabs.TabPane\n}\n\nexport const Tabs = forwardRef<AntdTabs, TabsProps>(\n  ({ children, upperCaseIgnore, type, ...rest }, ref) => {\n    let newChildren: string | React.ReactNode = children\n    if (Array.isArray(newChildren)) {\n      newChildren = newChildren?.map((child: string | React.ReactNode) => {\n        if (React.isValidElement(child)) {\n          const upperIgnore: boolean = child?.props?.upperIgnore\n          const tab: string | React.ReactNode = child?.props?.tab\n          return {\n            ...child,\n            props: {\n              ...child?.props,\n              tab: upperIgnore ? tab : doUpperTitle(tab, upperCaseIgnore),\n            },\n          }\n        }\n        if (typeof child === 'string') {\n          return doUpperTitle(child, upperCaseIgnore)\n        }\n        return child\n      })\n    }\n\n    return (\n      <ConfigConsumer>\n        {({ getPrefixCls }) => {\n          return (\n            <AntdTabs\n              {...rest}\n              type={type?.includes('ladder-card') ? undefined : type} // v2版本没有ladder-card模式\n              children={newChildren}\n              ref={ref}\n            />\n          )\n        }}\n      </ConfigConsumer>\n    )\n  }\n) as TabsComponent\n\nTabs.TabPane = AntdTabs.TabPane\n"]}
+{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../src/tabs/tabs.tsx"],"names":[],"mappings":"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","sourcesContent":["/*\n * @Author: 周泽飞 zefei.zhou@tongdun.net\n * @Date: 2023-10-16 11:08:28\n * @LastEditors: 周泽飞 zefei.zhou@tongdun.net\n * @LastEditTime: 2023-10-16 16:24:53\n * @FilePath: /tntd/packages/tntd/src/tabs/tabs.tsx\n * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\n */\nimport React, { forwardRef, useMemo, useEffect } from 'react'\nimport type { TabsProps as AntdTabsProps, TabsType } from 'antd/es/tabs'\nimport { ConfigConsumer } from '../config-provider'\nimport { default as AntdTabs } from 'antd/es/tabs'\nimport { doUpperTitle } from '../utils'\nimport classname from 'classnames'\nexport * from 'antd/es/tabs'\nexport interface TabsProps extends Omit<AntdTabsProps, 'type'> {\n  children?: Array<React.ReactElement>\n  upperCaseIgnore?: Array<string>\n  type?: TabsType | 'ladder-card' | 'editable-ladder-card'\n}\n\ninterface TabsComponent\n  extends React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<AntdTabs>> {\n  TabPane: typeof AntdTabs.TabPane\n}\n\nexport const Tabs = forwardRef<AntdTabs, TabsProps>(\n  ({ children, upperCaseIgnore, type, ...rest }, ref) => {\n    let newChildren: string | React.ReactNode = children\n    if (Array.isArray(newChildren)) {\n      newChildren = newChildren?.map((child: string | React.ReactNode) => {\n        if (React.isValidElement(child)) {\n          const upperIgnore: boolean = child?.props?.upperIgnore\n          const tab: string | React.ReactNode = child?.props?.tab\n          return {\n            ...child,\n            props: {\n              ...child?.props,\n              tab: upperIgnore ? tab : doUpperTitle(tab, upperCaseIgnore),\n            },\n          }\n        }\n        if (typeof child === 'string') {\n          return doUpperTitle(child, upperCaseIgnore)\n        }\n        return child\n      })\n    }\n\n    const newType = useMemo(() => {\n      let newType = type\n      if (type === 'ladder-card') {\n        newType = 'card'\n      } else if (type === 'editable-ladder-card') {\n        newType = 'editable-card'\n      }\n      return newType\n    }, [type])\n\n    useEffect(() => {\n      if (type === 'ladder-card') {\n        const boxes = document.querySelectorAll('.ant-tabs-ladder-card .ant-tabs-nav .ant-tabs-tab')\n        boxes.forEach((box: any, index: any) => {\n          box.style.zIndex = boxes.length - index\n        })\n      }\n    }, [type])\n\n    return (\n      <ConfigConsumer>\n        {({ getPrefixCls }) => {\n          const prefix = getPrefixCls('tabs')\n          const className = classname(rest?.className, {\n            'tnt-tabs': true,\n            [`${prefix}-ladder-card`]: type === 'ladder-card' || type === 'editable-ladder-card',\n          })\n\n          return (\n            <AntdTabs\n              {...rest}\n              children={newChildren}\n              ref={ref}\n              type={newType as TabsType}\n              className={className}\n            />\n          )\n        }}\n      </ConfigConsumer>\n    )\n  }\n) as TabsComponent\n\nTabs.TabPane = AntdTabs.TabPane\n"]}

package/es/tabs/tabs.less

@@ -0,0 +1,125 @@
+// Tabs 自定义梯形页签样式
+@tab-prefix-cls: ~'@{ant-prefix}-tabs';
+
+.tnt-tabs.@{tab-prefix-cls}.@{tab-prefix-cls}-ladder-card.@{tab-prefix-cls}-top {
+  padding: 0 12px;
+  position: relative;
+  left: -12px;
+  padding-bottom: 20px;
+
+  > .@{tab-prefix-cls}-top-bar {
+    border-bottom: none;
+    margin-bottom: 0;
+    .@{tab-prefix-cls}-tab {
+      // display: inline-block;
+      vertical-align: bottom;
+      // position: relative;
+      min-width: 106px;
+      height: 40px;
+      line-height: 40px;
+      border-top-left-radius: @border-radius-lg;
+      filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.1));
+      box-shadow: 0px 0px 2px -5px rgba(0, 0, 0, 0.05);
+      border: none;
+      margin: 0px 30px 0px 0px;
+      padding: 0px 12px 0 48px;
+      // background: @fill-color-quaternary;
+      text-align: right;
+      // color: @text-color-secondary;
+
+      &::after {
+        content: '';
+        position: absolute;
+        top: 0;
+        right: -52px;
+        height: 100%;
+        width: 64px;
+        z-index: 1;
+        background: inherit;
+        clip-path: path('M0 0H22.3875C28.4632 0 34.2094 2.76179 38.0049 7.5061L64 40H0V0Z');
+      }
+
+      // 兼容clip-path 属性
+      @supports not (clip-path: path('M0 0H22.3875C28.4632 0 34.2094 2.76179 38.0049 7.5061L64 40H0V0Z')) {
+        & {
+          padding: 0px 22px 0 48px !important;
+          margin-right: 12px;
+        }
+        &::after {
+          top: 17px !important;
+          right: -54px !important;
+          width: 93px !important;
+          z-index: -1 !important;
+          height: 45px !important;
+          border-top-right-radius: 24px !important;
+          border-top-left-radius: 26px !important;
+          transform: rotate(50deg) !important;
+        }
+      }
+      @supports (clip-path: path('M0 0H22.3875C28.4632 0 34.2094 2.76179 38.0049 7.5061L64 40H0V0Z')) {
+        &::after {
+          clip-path: path('M0 0H22.3875C28.4632 0 34.2094 2.76179 38.0049 7.5061L64 40H0V0Z');
+        }
+      }
+    }
+    .@{tab-prefix-cls}-nav {
+      margin-top: 12px;
+      padding-left: 12px;
+    }
+    .@{tab-prefix-cls}-nav-container {
+      height: auto;
+      position: relative;
+      left: -12px;
+    }
+    // 鼠标选中时，active状态在上层
+    .@{tab-prefix-cls}-tab-active {
+      z-index: 99 !important;
+      background: @tabs-active-background;
+    }
+  }
+
+  & > .@{tab-prefix-cls}-content {
+    & > .@{tab-prefix-cls}-tabpane {
+      background: @white;
+      box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
+      padding: 20px 12px 12px;
+      border-bottom-right-radius: @border-radius-lg;
+      border-bottom-left-radius: @border-radius-lg;
+      border-top-right-radius: @border-radius-lg;
+    }
+  }
+}
+
+// // Tabs top类型 全局样式修改
+.tnt-tabs.@{tab-prefix-cls}.@{tab-prefix-cls}-top.@{tab-prefix-cls}-line {
+  .@{tab-prefix-cls}-nav-container {
+    margin-bottom: none;
+  }
+
+  .@{tab-prefix-cls}-tab {
+    border-bottom: 1px solid transparent;
+    margin-bottom: 1px;
+    height: 40px;
+    line-height: 37px;
+    padding: 2px 12px 0;
+  }
+}
+
+.tnt-tabs.@{tab-prefix-cls} {
+  .@{tab-prefix-cls}-nav {
+    .@{tab-prefix-cls}-tab {
+      color: @tabs-tab-color;
+      // 自定义图标默认都是 16px
+      i.anticon {
+        font-size: @font-size-lg;
+        margin-right: 4px;
+      }
+    }
+    .@{tab-prefix-cls}-tab.@{tab-prefix-cls}-tab-active {
+      color: @tabs-active-color;
+    }
+    .@{tab-prefix-cls}-tab.@{tab-prefix-cls}-tab:hover {
+      color: @tabs-hover-color;
+    }
+  }
+}

package/es/tabs-container/index.js

@@ -6,7 +6,7 @@ export default ((WrappedComponent, options = {}) => {
     version,
     className = ''
   } = options;
-  const currentVersion = version || 'v2';
+  const currentVersion = version || 'v3';
   return props => React.createElement("div", {
     className: cn('tnt-tabs-v-container', 'tnt-current-' + currentVersion, className)
   }, React.createElement(WrappedComponent, Object.assign({}, props, options)));

package/es/tabs-container/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tabs-container/index.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,cAAc,CAAC;AAEtB,eAAe,CAAC,gBAAgB,EAAE,OAAO,GAAG,EAAE,EAAE,EAAE;IAC9C,MAAM,EAAE,OAAO,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,OAAO,CAAA;IAC3C,MAAM,cAAc,GAAG,OAAO,IAAI,IAAI,CAAC;IAEvC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CACd,6BAAK,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,cAAc,GAAG,cAAc,EAAE,SAAS,CAAC;QAClF,oBAAC,gBAAgB,oBAAK,KAAK,EAAM,OAAO,EAAI,CAC1C,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import React from 'react'\nimport cn from 'classnames'\n\nimport './index.less';\n\nexport default (WrappedComponent, options = {}) => {\n    const { version, className = '' } = options\n    const currentVersion = version || 'v2';\n\n    return (props) => (\n        <div className={cn('tnt-tabs-v-container', 'tnt-current-' + currentVersion, className)}>\n            <WrappedComponent {...props} {...options} />\n        </div>\n    );\n};\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tabs-container/index.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,cAAc,CAAA;AAErB,eAAe,CAAC,gBAAgB,EAAE,OAAO,GAAG,EAAE,EAAE,EAAE;IAC9C,MAAM,EAAE,OAAO,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,OAAO,CAAA;IAC3C,MAAM,cAAc,GAAG,OAAO,IAAI,IAAI,CAAC;IAEzC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAChB,6BAAK,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,cAAc,GAAG,cAAc,EAAE,SAAS,CAAC;QACpF,oBAAC,gBAAgB,oBAAK,KAAK,EAAM,OAAO,EAAI,CACxC,CACP,CAAA;AACH,CAAC,CAAA","sourcesContent":["import React from 'react'\nimport cn from 'classnames'\n\nimport './index.less'\n\nexport default (WrappedComponent, options = {}) => {\n    const { version, className = '' } = options\n    const currentVersion = version || 'v3';\n\n  return (props) => (\n    <div className={cn('tnt-tabs-v-container', 'tnt-current-' + currentVersion, className)}>\n      <WrappedComponent {...props} {...options} />\n    </div>\n  )\n}\n"]}

package/es/tag/tag.less

@@ -3,8 +3,8 @@
 @tag-prefix-cls: ~'@{ant-prefix}-tag';
 // 默认
 @tag-height: 20px;
-@tag-small-size: 0 7px;
-@tag-middle-size: 0 7px;
+@tag-small-size: 0 8px;
+@tag-middle-size: 1px 10px;
 @tag-large-size: 3px 12px;
 
 // img tag
@@ -21,7 +21,8 @@
     line-height: @tag-height;
 
     .@{iconfont-css-prefix}-close {
-        // .iconfont-size-under-12px(10px);
+        .iconfont-size-under-12px(12px);
+        font-size: @font-size-sm !important;
         vertical-align: middle;
         line-height: 1;
     }

package/es/time-picker/TimePicker.js

@@ -0,0 +1,36 @@
+var __rest = this && this.__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;
+};
+import React from 'react';
+import Icon from '../icon';
+import { ConfigConsumer } from 'antd/es/config-provider';
+import AntTimePicker from 'antd/es/time-picker';
+import classNames from 'classnames';
+export * from 'antd/es/time-picker';
+const TimePicker = props => {
+  //theme样式类型 outline | fill  默认 outline
+  const {
+      theme = 'outline',
+      className,
+      suffixIcon
+    } = props,
+    restProps = __rest(props, ["theme", "className", "suffixIcon"]);
+  const defaultIcon = React.createElement(Icon, {
+    type: "clock-circle"
+  });
+  return React.createElement(ConfigConsumer, null, ({
+    getPrefixCls
+  }) => {
+    const prefixCls = getPrefixCls('time-picker');
+    return React.createElement(AntTimePicker, Object.assign({
+      suffixIcon: suffixIcon || defaultIcon,
+      className: classNames(className, `${prefixCls}-${theme}`)
+    }, restProps));
+  });
+};
+export default TimePicker;

package/es/time-picker/TimePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.js","sourceRoot":"","sources":["../../src/time-picker/TimePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAO,IAAI,MAAM,SAAS,CAAA;AAE1B,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,aAAa,MAAM,qBAAqB,CAAA;AAC/C,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,cAAc,qBAAqB,CAAA;AACnC,MAAM,UAAU,GAA2E,CACzF,KAAK,EACL,EAAE;IACF,sCAAsC;IACtC,MAAM,EAAE,KAAK,GAAG,SAAS,EAAE,SAAS,EAAE,UAAU,KAAmB,KAAK,EAAnB,SAAS,UAAK,KAAK,EAAlE,oCAA0D,CAAQ,CAAA;IACxE,MAAM,WAAW,GAAG,oBAAC,IAAI,IAAC,IAAI,EAAC,cAAc,GAAG,CAAA;IAEhD,OAAO,CACL,oBAAC,cAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,MAAM,SAAS,GAAG,YAAY,CAAC,aAAa,CAAC,CAAA;QAC7C,OAAO,CACL,oBAAC,aAAa,kBACZ,UAAU,EAAE,UAAU,IAAI,WAAW,EACrC,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,GAAG,SAAS,IAAI,KAAK,EAAE,CAAC,IACrD,SAAS,EACb,CACH,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA","sourcesContent":["import React, { useState } from 'react'\nimport Icon from '../icon'\nimport type { TimePickerProps as AntdTimePickerProps } from 'antd/es/time-picker'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport AntTimePicker from 'antd/es/time-picker'\nimport classNames from 'classnames'\nexport * from 'antd/es/time-picker'\nconst TimePicker: React.FC<AntdTimePickerProps & { theme?: string; readonly?: boolean }> = (\n  props\n) => {\n  //theme样式类型 outline | fill  默认 outline\n  const { theme = 'outline', className, suffixIcon, ...restProps } = props\n  const defaultIcon = <Icon type=\"clock-circle\" />\n\n  return (\n    <ConfigConsumer>\n      {({ getPrefixCls }) => {\n        const prefixCls = getPrefixCls('time-picker')\n        return (\n          <AntTimePicker\n            suffixIcon={suffixIcon || defaultIcon}\n            className={classNames(className, `${prefixCls}-${theme}`)}\n            {...restProps}\n          />\n        )\n      }}\n    </ConfigConsumer>\n  )\n}\n\nexport default TimePicker\n"]}

package/es/time-picker/index.js

@@ -1,6 +1,6 @@
-import TimePicker from 'antd/es/time-picker';
 import { connectReadonlyComponent } from '../connect';
 import { PreviewText } from '../preview-text';
 import './style';
-export * from 'antd/es/time-picker';
+import './index.less';
+import TimePicker from './TimePicker';
 export default connectReadonlyComponent(TimePicker, PreviewText.TimePicker);

package/es/time-picker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/time-picker/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,qBAAqB,CAAA;AAE5C,OAAO,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAE7C,OAAO,SAAS,CAAA;AAEhB,cAAc,qBAAqB,CAAA;AAMnC,eAAe,wBAAwB,CAAC,UAAU,EAAE,WAAW,CAAC,UAAU,CAAC,CAAA","sourcesContent":["import TimePicker from 'antd/es/time-picker'\nimport type { TimePickerProps as AntdTimePickerProps } from 'antd/es/time-picker'\nimport { connectReadonlyComponent } from '../connect'\nimport { PreviewText } from '../preview-text'\n\nimport './style'\n\nexport * from 'antd/es/time-picker'\n\nexport type TimePickerProps = AntdTimePickerProps & {\n  readonly?: boolean\n}\n\nexport default connectReadonlyComponent(TimePicker, PreviewText.TimePicker)\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/time-picker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAE7C,OAAO,SAAS,CAAA;AAChB,OAAO,cAAc,CAAA;AACrB,OAAO,UAAU,MAAM,cAAc,CAAA;AAErC,eAAe,wBAAwB,CAAC,UAAU,EAAE,WAAW,CAAC,UAAU,CAAC,CAAA","sourcesContent":["import { connectReadonlyComponent } from '../connect'\nimport { PreviewText } from '../preview-text'\n\nimport './style'\nimport './index.less'\nimport TimePicker from './TimePicker'\n\nexport default connectReadonlyComponent(TimePicker, PreviewText.TimePicker)\n"]}

package/es/time-picker/index.less

@@ -0,0 +1,38 @@
+@import '../style/themes/index';
+
+@timepicker-prefix-cls: ~'@{ant-prefix}-time-picker';
+.@{timepicker-prefix-cls} {
+  input{
+    border-color: @border-color-secondary;
+  }
+  &:has(input:not([value=''])),&:hover {
+    .@{timepicker-prefix-cls}-icon{
+      i{
+        color: @text-color-secondary;
+      }
+    }
+  }
+  &:has(input[disabled]){
+    .@{timepicker-prefix-cls}-icon{
+      i{
+        color: @disabled-color;
+      }
+    }
+  }
+  &-fill{
+    input {
+      background-color: @fill-color-quaternary;
+      border-color: @fill-color-quaternary;
+      &[disabled] {
+        border: none;
+      }
+      &:focus{
+        background-color: @white;
+      }
+      &:not([value='']):hover {
+        background-color: @white;
+      }
+    }
+  }
+}
+

package/es/title/index.less

@@ -4,8 +4,8 @@
     display: flex;
     align-items: center;
     justify-content: space-between;
-    .tntd-title-text{
-        height: 100%;
+    .tntd-title-text {
+      height: 100%;
     }
   }
 
@@ -93,7 +93,8 @@
     }
   }
 
-  &.large,&.h1 {
+  &.large,
+  &.h1 {
     & {
       height: 40px;
       line-height: 40px;
@@ -104,14 +105,14 @@
       }
       &::before {
         height: 16px;
-        top: 12px;
       }
       .sub-title {
         font-size: 16px;
       }
     }
   }
-  &.middle,&.h2 {
+  &.middle,
+  &.h2 {
     & {
       height: 36px;
       line-height: 36px;
@@ -122,56 +123,58 @@
       }
       &::before {
         height: 14px;
-        top: 11px;
       }
     }
   }
-  &.h3,&.h4,&.h5,&.small{
+  &.h3,
+  &.h4,
+  &.h5,
+  &.small {
     & {
-        height: 22px;
-        line-height: 22px;
-        .tntd-title-text{
-            h3 {
-                font-size: 14px;
-            }
-            .sub-title{
-                font-size: 14px;
-            }
+      height: 22px;
+      line-height: 22px;
+      .tntd-title-text {
+        h3 {
+          font-size: 14px;
+        }
+        .sub-title {
+          font-size: 14px;
         }
+      }
     }
   }
   // 默认h3 和 small
-  &.h3,&.small {
+  &.h3,
+  &.small {
     .tntd-title-text {
-        &::before {
-            height: 12px;
-            top: 5px;
-        }
-        h3 {
-            font-weight: bold;
-        }
+      &::before {
+        height: 12px;
+      }
+      h3 {
+        font-weight: bold;
+      }
     }
   }
   &.h4 {
     .tntd-title-text {
-        &::before {
-            display: none;
-        }
-        h3 {
-            font-weight: bold;
-            margin-left:0;
-        }
+      &::before {
+        display: none;
+      }
+      h3 {
+        font-weight: bold;
+        margin-left: 0;
+      }
     }
   }
   &.h5 {
     .tntd-title-text {
-        &::before {
-            display: none;
-        }
-        h3 {
-            margin-left: 0;
-            font-weight: normal;
-        }
+      &::before {
+        display: none;
+      }
+      h3 {
+        margin-left: 0;
+        font-weight: normal;
+      }
     }
   }
   .tntd-title-text {
@@ -179,7 +182,7 @@
       position: relative;
       display: flex;
       align-items: center;
-      flex:1;
+      flex: 1;
       min-width: 0;
     }
     h3 {
@@ -191,7 +194,7 @@
       white-space: nowrap;
       overflow: hidden;
       text-overflow: ellipsis;
-      &.has-sub-title{
+      &.has-sub-title {
         max-width: 70%;
       }
     }
@@ -205,15 +208,14 @@
       text-overflow: ellipsis;
       margin-left: 8px;
     }
-    .sub-tip{
-        margin-left: 4px;
-        font-size: 16px;
-        color:@text-color;
+    .sub-tip {
+      margin-left: 4px;
+      font-size: 16px;
+      color: @text-color;
     }
     &::before {
       position: absolute;
       left: 0;
-      top: 10px;
       background-color: @primary-color;
       content: '';
       width: 4px;

package/es/tntd-action/Action.js

@@ -0,0 +1,117 @@
+var __rest = this && this.__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;
+};
+import React, { useState, useEffect, useRef } from 'react';
+import ReactDOM from 'react-dom';
+import { ConfigConsumer } from 'antd/es/config-provider';
+import LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver';
+import classNames from 'classnames';
+import { Button } from '../button';
+const defaultGetContainer = () => document.getElementById('subapp-viewport') || document.body;
+export default function WarpAction(_a) {
+  var {
+      getContainer = defaultGetContainer
+    } = _a,
+    other = __rest(_a, ["getContainer"]);
+  return React.createElement(ConfigConsumer, null, ({
+    getPrefixCls,
+    getPopupContainer: getContextPopupContainer
+  }) => {
+    const _getContainer = getContainer === undefined ? getContextPopupContainer : getContainer;
+    return React.createElement(LocaleReceiver, {
+      componentName: "TntdAction"
+    }, locale => {
+      return React.createElement(Action, Object.assign({
+        getPopupContainer: _getContainer
+      }, other, {
+        locale: locale
+      }));
+    });
+  });
+}
+function Action({
+  title,
+  hidden,
+  data,
+  afterClose,
+  locale,
+  className,
+  width = 700,
+  getPopupContainer
+}) {
+  const [visible, setVisible] = useState(false);
+  const [offset, setOffset] = useState({
+    left: 400,
+    bottom: 100,
+    width
+  });
+  const ref = useRef();
+  const refDom = useRef();
+  useEffect(() => {
+    ref.current = getPopupContainer();
+  }, [getPopupContainer]);
+  useEffect(() => {
+    const visible = data.length > 0;
+    if (visible && ref.current) {
+      const offset = ref.current.getBoundingClientRect();
+      setOffset({
+        left: offset.left + (offset.width - width) / 2,
+        bottom: 100,
+        width
+      });
+    }
+    setVisible(visible);
+  }, [data, width]);
+  const onMouseDown = e => {
+    const startX = e.clientX - offset.left;
+    const startY = e.clientY + offset.bottom;
+    const onmousemove = e => {
+      if (e.buttons === 1) {
+        refDom.current.style.left = e.clientX - startX + 'px';
+        refDom.current.style.bottom = startY - e.clientY + 'px';
+      } else {
+        onmouseup(e);
+      }
+    };
+    const onmouseup = e => {
+      setOffset(offset => Object.assign(Object.assign({}, offset), {
+        left: e.clientX - startX,
+        bottom: startY - e.clientY
+      }));
+      document.removeEventListener('mousemove', onmousemove);
+      document.removeEventListener('mouseup', onmouseup);
+    };
+    document.addEventListener('mousemove', onmousemove);
+    document.addEventListener('mouseup', onmouseup);
+  };
+  if (ref.current && visible && !hidden) {
+    return ReactDOM.createPortal(React.createElement("div", {
+      className: classNames('tnt-action', className),
+      style: offset,
+      onMouseDown: onMouseDown,
+      ref: refDom
+    }, React.createElement("div", {
+      className: "fr",
+      onClick: e => {
+        e.stopPropagation();
+      }
+    }, data), React.createElement(Button, {
+      shape: "circle",
+      icon: "close",
+      type: "tertiary",
+      onClick: e => {
+        e.stopPropagation();
+        setVisible(false);
+        afterClose && afterClose();
+      }
+    }), React.createElement("span", {
+      className: "tnt-action-text"
+    }, title)), document.body);
+  }
+  return null;
+}

package/es/tntd-action/Action.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Action.js","sourceRoot":"","sources":["../../src/tntd-action/Action.js"],"names":[],"mappings":"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","sourcesContent":["import React, { useState, useEffect, useRef } from 'react'\nimport ReactDOM from 'react-dom'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver'\nimport classNames from 'classnames'\nimport { Button } from '../button'\n\nconst defaultGetContainer = () => document.getElementById('subapp-viewport') || document.body\n\nexport default function WarpAction({ getContainer = defaultGetContainer, ...other }) {\n  return (\n    <ConfigConsumer>\n      {({ getPrefixCls, getPopupContainer: getContextPopupContainer }) => {\n        const _getContainer = getContainer === undefined ? getContextPopupContainer : getContainer\n\n        return (\n          <LocaleReceiver componentName=\"TntdAction\">\n            {(locale) => {\n              return <Action getPopupContainer={_getContainer} {...other} locale={locale} />\n            }}\n          </LocaleReceiver>\n        )\n      }}\n    </ConfigConsumer>\n  )\n}\n\nfunction Action({\n  title,\n  hidden,\n  data,\n  afterClose,\n  locale,\n  className,\n  width = 700,\n  getPopupContainer,\n}) {\n  const [visible, setVisible] = useState(false)\n  const [offset, setOffset] = useState({ left: 400, bottom: 100, width })\n  const ref = useRef()\n  const refDom = useRef()\n\n  useEffect(() => {\n    ref.current = getPopupContainer()\n  }, [getPopupContainer])\n\n  useEffect(() => {\n    const visible = data.length > 0\n    if (visible && ref.current) {\n      const offset = ref.current.getBoundingClientRect()\n      setOffset({ left: offset.left + (offset.width - width) / 2, bottom: 100, width })\n    }\n    setVisible(visible)\n  }, [data, width])\n\n  const onMouseDown = (e) => {\n    const startX = e.clientX - offset.left\n    const startY = e.clientY + offset.bottom\n    const onmousemove = (e) => {\n      if (e.buttons === 1) {\n        refDom.current.style.left = e.clientX - startX + 'px'\n        refDom.current.style.bottom = startY - e.clientY + 'px'\n      } else {\n        onmouseup(e);\n      }\n    }\n    const onmouseup = (e) => {\n      setOffset((offset) => ({ ...offset, left: e.clientX - startX, bottom: startY - e.clientY }))\n      document.removeEventListener('mousemove', onmousemove)\n      document.removeEventListener('mouseup', onmouseup)\n    }\n    document.addEventListener('mousemove', onmousemove)\n    document.addEventListener('mouseup', onmouseup)\n  }\n\n  if (ref.current && visible && !hidden) {\n    return ReactDOM.createPortal(\n      <div\n        className={classNames('tnt-action', className)}\n        style={offset}\n        onMouseDown={onMouseDown}\n        ref={refDom}\n      >\n        <div\n          className=\"fr\"\n          onClick={(e) => {\n            e.stopPropagation()\n          }}\n        >\n          {data}\n        </div>\n        <Button\n          shape=\"circle\"\n          icon=\"close\"\n          type=\"tertiary\"\n          onClick={(e) => {\n            e.stopPropagation()\n            setVisible(false)\n            afterClose && afterClose()\n          }}\n        />\n        <span className=\"tnt-action-text\">{title}</span>\n      </div>,\n      document.body\n    )\n  }\n  return null\n}\n"]}

package/es/tntd-action/index.js

@@ -1,7 +1,70 @@
-import 'react';
-// 空组件，为了保持tntd两个版本使用上统一
-export default function ({
-  children
-}) {
-  return children;
+var __rest = this && this.__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;
+};
+import React, { useMemo } from 'react';
+import Action from './Action';
+import Tooltip from '../tooltip';
+import './index.less';
+const checkShowChild = child => {
+  const {
+    disabled,
+    children,
+    check,
+    text
+  } = child.props || {};
+  if (check && !disabled) {
+    return React.cloneElement(child, text ? {
+      children: React.createElement(React.Fragment, null, children, text)
+    } : {});
+  } else if (children) {
+    const newChild = React.Children.map(children, child => {
+      return checkShowChild(child);
+    }).filter(i => !!i);
+    if (newChild.length > 0) {
+      const newProps = {
+        children: newChild
+      };
+      if (child.type === Tooltip) {
+        newProps.visible = false;
+      }
+      return React.cloneElement(child, newProps);
+    }
+  }
+  return false;
+};
+export default function (_a) {
+  var {
+      children
+    } = _a,
+    other = __rest(_a, ["children"]);
+  const [thisChild, popChild] = useMemo(() => {
+    const thisChild = [];
+    const popChild = [];
+    React.Children.forEach(children, child => {
+      if (child && child.props) {
+        const {
+          exclude
+        } = child.props;
+        if (exclude) {
+          thisChild.push(React.cloneElement(child, {
+            exclude: undefined
+          }));
+        } else {
+          const showChild = checkShowChild(child);
+          if (showChild) {
+            popChild.push(showChild);
+          }
+        }
+      }
+    });
+    return [thisChild, popChild];
+  }, [children]);
+  return React.createElement(React.Fragment, null, thisChild, React.createElement(Action, Object.assign({
+    data: popChild
+  }, other)));
 }