tntd 2.8.0-beta.8 → 2.8.1

package/es/notification/notification.js

@@ -0,0 +1,80 @@
+import React from 'react';
+import Notification from 'antd/es/notification';
+import Icon from '../icon';
+import classNames from 'classnames';
+export * from 'antd/es/notification';
+import { SvgErrorTip, SvgSuccessTip } from './assets';
+const prefixCls = 'ant-notification-notice';
+const tntPrefixCls = 'tnt-notification-notice';
+const api = Object.assign(Object.assign({}, Notification), {
+  successInfo: args => {
+    return Notification.open(Object.assign(Object.assign({}, args), {
+      icon: React.createElement(Icon, {
+        className: "img-icon",
+        component: () => React.createElement(SvgSuccessTip, {
+          fill: "currentColor",
+          width: 46,
+          height: 46
+        })
+      }),
+      type: 'success',
+      className: classNames(args.className, tntPrefixCls)
+    }));
+  },
+  errorInfo: args => {
+    return Notification.open(Object.assign(Object.assign({}, args), {
+      icon: React.createElement(Icon, {
+        className: "img-icon",
+        component: () => React.createElement(SvgErrorTip, {
+          fill: "currentColor",
+          width: 46,
+          height: 46
+        })
+      }),
+      type: 'success',
+      className: classNames(args.className, tntPrefixCls)
+    }));
+  },
+  success: args => {
+    return Notification.success(Object.assign(Object.assign({}, args), {
+      icon: !args.icon && React.createElement(Icon, {
+        theme: "filled",
+        className: `${prefixCls}-icon ${prefixCls}-icon-success ${tntPrefixCls}-icon`,
+        type: "check-circle-o"
+      }),
+      className: classNames(args.className, tntPrefixCls)
+    }));
+  },
+  error: args => {
+    return Notification.error(Object.assign(Object.assign({}, args), {
+      icon: !args.icon && React.createElement(Icon, {
+        theme: "filled",
+        className: `${prefixCls}-icon ${prefixCls}-icon-error ${tntPrefixCls}-icon`,
+        type: "close-circle-o"
+      }),
+      className: classNames(args.className, tntPrefixCls)
+    }));
+  },
+  info: args => {
+    return Notification.info(Object.assign(Object.assign({}, args), {
+      icon: !args.icon && React.createElement(Icon, {
+        theme: "filled",
+        className: `${prefixCls}-icon ${prefixCls}-icon-info ${tntPrefixCls}-icon`,
+        type: "info-circle-o"
+      }),
+      className: classNames(args.className, tntPrefixCls)
+    }));
+  },
+  warning: args => {
+    return Notification.warning(Object.assign(Object.assign({}, args), {
+      icon: !args.icon && React.createElement(Icon, {
+        theme: "filled",
+        className: `${prefixCls}-icon ${prefixCls}-icon-warning ${tntPrefixCls}-icon`,
+        type: "exclamation-circle-o"
+      }),
+      className: classNames(args.className, tntPrefixCls)
+    }));
+  }
+});
+api.warn = api.warning;
+export default api;

package/es/notification/notification.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification.js","sourceRoot":"","sources":["../../src/notification/notification.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,YAAY,MAAM,sBAAsB,CAAA;AAC/C,OAAO,IAAI,MAAM,SAAS,CAAA;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,cAAc,sBAAsB,CAAA;AAEpC,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAOrD,MAAM,SAAS,GAAG,yBAAyB,CAAA;AAC3C,MAAM,YAAY,GAAG,yBAAyB,CAAA;AAE9C,MAAM,GAAG,mCACJ,YAAY,KACf,WAAW,EAAE,CAAC,IAAe,EAAE,EAAE;QAC/B,OAAO,YAAY,CAAC,IAAI,iCACnB,IAAI,KACP,IAAI,EAAE,CACJ,oBAAC,IAAI,IACH,SAAS,EAAC,UAAU,EACpB,SAAS,EAAE,GAAG,EAAE,CAAC,oBAAC,aAAa,IAAC,IAAI,EAAC,cAAc,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,GAC7E,CACH,EACD,IAAI,EAAE,SAAS,EACf,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,SAAS,EAAE,YAAY,CAAC,IACnD,CAAA;IACJ,CAAC,EACD,SAAS,EAAE,CAAC,IAAe,EAAE,EAAE;QAC7B,OAAO,YAAY,CAAC,IAAI,iCACnB,IAAI,KACP,IAAI,EAAE,CACJ,oBAAC,IAAI,IACH,SAAS,EAAC,UAAU,EACpB,SAAS,EAAE,GAAG,EAAE,CAAC,oBAAC,WAAW,IAAC,IAAI,EAAC,cAAc,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,GAC3E,CACH,EACD,IAAI,EAAE,SAAS,EACf,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,SAAS,EAAE,YAAY,CAAC,IACnD,CAAA;IACJ,CAAC,EACD,OAAO,EAAE,CAAC,IAAe,EAAE,EAAE;QAC3B,OAAO,YAAY,CAAC,OAAO,iCACtB,IAAI,KACP,IAAI,EAAE,CAAC,IAAI,CAAC,IAAI,IAAI,CAClB,oBAAC,IAAI,IACH,KAAK,EAAC,QAAQ,EACd,SAAS,EAAE,GAAG,SAAS,SAAS,SAAS,iBAAiB,YAAY,OAAO,EAC7E,IAAI,EAAC,gBAAgB,GACrB,CACH,EACD,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,SAAS,EAAE,YAAY,CAAC,IACnD,CAAA;IACJ,CAAC,EACD,KAAK,EAAE,CAAC,IAAe,EAAE,EAAE;QACzB,OAAO,YAAY,CAAC,KAAK,iCACpB,IAAI,KACP,IAAI,EAAE,CAAC,IAAI,CAAC,IAAI,IAAI,CAClB,oBAAC,IAAI,IACH,KAAK,EAAC,QAAQ,EACd,SAAS,EAAE,GAAG,SAAS,SAAS,SAAS,eAAe,YAAY,OAAO,EAC3E,IAAI,EAAC,gBAAgB,GACrB,CACH,EACD,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,SAAS,EAAE,YAAY,CAAC,IACnD,CAAA;IACJ,CAAC,EACD,IAAI,EAAE,CAAC,IAAe,EAAE,EAAE;QACxB,OAAO,YAAY,CAAC,IAAI,iCACnB,IAAI,KACP,IAAI,EAAE,CAAC,IAAI,CAAC,IAAI,IAAI,CAClB,oBAAC,IAAI,IACH,KAAK,EAAC,QAAQ,EACd,SAAS,EAAE,GAAG,SAAS,SAAS,SAAS,cAAc,YAAY,OAAO,EAC1E,IAAI,EAAC,eAAe,GACpB,CACH,EACD,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,SAAS,EAAE,YAAY,CAAC,IACnD,CAAA;IACJ,CAAC,EACD,OAAO,EAAE,CAAC,IAAe,EAAE,EAAE;QAC3B,OAAO,YAAY,CAAC,OAAO,iCACtB,IAAI,KACP,IAAI,EAAE,CAAC,IAAI,CAAC,IAAI,IAAI,CAClB,oBAAC,IAAI,IACH,KAAK,EAAC,QAAQ,EACd,SAAS,EAAE,GAAG,SAAS,SAAS,SAAS,iBAAiB,YAAY,OAAO,EAC7E,IAAI,EAAC,sBAAsB,GAC3B,CACH,EACD,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,SAAS,EAAE,YAAY,CAAC,IACnD,CAAA;IACJ,CAAC,GACF,CAAA;AAED,GAAG,CAAC,IAAI,GAAG,GAAG,CAAC,OAAO,CAAA;AAEtB,eAAe,GAAG,CAAA","sourcesContent":["import React from 'react'\nimport type { NotificationApi as AntdNotificationApi, ArgsProps } from 'antd/es/notification'\nimport Notification from 'antd/es/notification'\nimport Icon from '../icon'\nimport classNames from 'classnames'\nexport * from 'antd/es/notification'\n\nimport { SvgErrorTip, SvgSuccessTip } from './assets'\n\ninterface NotificationApi extends AntdNotificationApi {\n  successInfo(args: ArgsProps): void\n  errorInfo(args: ArgsProps): void\n}\n\nconst prefixCls = 'ant-notification-notice'\nconst tntPrefixCls = 'tnt-notification-notice'\n\nconst api: NotificationApi = {\n  ...Notification,\n  successInfo: (args: ArgsProps) => {\n    return Notification.open({\n      ...args,\n      icon: (\n        <Icon\n          className=\"img-icon\"\n          component={() => <SvgSuccessTip fill=\"currentColor\" width={46} height={46} />}\n        />\n      ),\n      type: 'success',\n      className: classNames(args.className, tntPrefixCls),\n    })\n  },\n  errorInfo: (args: ArgsProps) => {\n    return Notification.open({\n      ...args,\n      icon: (\n        <Icon\n          className=\"img-icon\"\n          component={() => <SvgErrorTip fill=\"currentColor\" width={46} height={46} />}\n        />\n      ),\n      type: 'success',\n      className: classNames(args.className, tntPrefixCls),\n    })\n  },\n  success: (args: ArgsProps) => {\n    return Notification.success({\n      ...args,\n      icon: !args.icon && (\n        <Icon\n          theme=\"filled\"\n          className={`${prefixCls}-icon ${prefixCls}-icon-success ${tntPrefixCls}-icon`}\n          type=\"check-circle-o\"\n        />\n      ),\n      className: classNames(args.className, tntPrefixCls),\n    })\n  },\n  error: (args: ArgsProps) => {\n    return Notification.error({\n      ...args,\n      icon: !args.icon && (\n        <Icon\n          theme=\"filled\"\n          className={`${prefixCls}-icon ${prefixCls}-icon-error ${tntPrefixCls}-icon`}\n          type=\"close-circle-o\"\n        />\n      ),\n      className: classNames(args.className, tntPrefixCls),\n    })\n  },\n  info: (args: ArgsProps) => {\n    return Notification.info({\n      ...args,\n      icon: !args.icon && (\n        <Icon\n          theme=\"filled\"\n          className={`${prefixCls}-icon ${prefixCls}-icon-info ${tntPrefixCls}-icon`}\n          type=\"info-circle-o\"\n        />\n      ),\n      className: classNames(args.className, tntPrefixCls),\n    })\n  },\n  warning: (args: ArgsProps) => {\n    return Notification.warning({\n      ...args,\n      icon: !args.icon && (\n        <Icon\n          theme=\"filled\"\n          className={`${prefixCls}-icon ${prefixCls}-icon-warning ${tntPrefixCls}-icon`}\n          type=\"exclamation-circle-o\"\n        />\n      ),\n      className: classNames(args.className, tntPrefixCls),\n    })\n  },\n}\n\napi.warn = api.warning\n\nexport default api\n"]}

package/es/notification/notification.less

@@ -0,0 +1,34 @@
+@tnt-notification-prefix-cls: ~'tnt-notification';
+
+.@{notification-prefix-cls}-notice 
+.@{notification-prefix-cls}-notice-content 
+.@{notification-prefix-cls}-notice-with-icon:has(.@{tnt-notification-prefix-cls}-notice-icon) {
+  .@{notification-prefix-cls}-notice-icon {
+    left: 10px;
+    top: 9px;
+    margin: 0;
+    padding: 0;
+    font-size: @font-size-xl;
+  }
+
+  .@{notification-prefix-cls}-notice-message {
+    margin-left: 28px;
+  }
+  .@{notification-prefix-cls}-notice-description {
+    margin-left: 28px;
+  }
+ 
+}
+
+.@{notification-prefix-cls}-notice:has(.img-icon) {
+  .@{notification-prefix-cls}-notice-icon {
+    left: 20px;
+    margin: 0;
+  }
+  .@{notification-prefix-cls}-notice-message {
+    margin-left: 64px;
+  }
+  .@{notification-prefix-cls}-notice-description {
+    margin-left: 64px;
+  }
+}

package/es/notification/style/index.less

@@ -1,5 +1,6 @@
 @import '../../style/themes/index';
 @import '../../style/mixins/index';
+@import '../notification';
 
 @notification-prefix-cls: ~'@{ant-prefix}-notification';
 @notification-width: 384px;

package/es/page-container/index.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/page-container/index.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,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,YAAY,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,IAAI,CAAC;IAE9E,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 cn from 'classnames'\nimport React from 'react'\nimport './index.less';\n\nexport default (WrappedComponent, options = {}) => {\n    const { version, className = '' } = options\n    const currentVersion = version || localStorage.getItem('app_version') || 'v2';\n\n    return (props) => (\n        <div className={cn('tnt-page-v-container', 'tnt-current-' + currentVersion, className)}>\n            <WrappedComponent {...props} {...options} />\n        </div>\n    );\n};\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/page-container/index.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,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 cn from 'classnames'\nimport React from 'react'\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-page-v-container', 'tnt-current-' + currentVersion, className)}>\n            <WrappedComponent {...props} {...options} />\n        </div>\n    );\n};\n"]}

package/es/page-loading/index.js

@@ -16,7 +16,7 @@ export default (props => {
       version
     } = props,
     other = __rest(props, ["className", "version"]);
-  const currentVersion = version || localStorage.getItem('app_version') || 'v2';
+  const currentVersion = version || 'v2';
   return React.createElement(LocaleReceiver, {
     componentName: "PageLoading"
   }, (locale, localeCode) => {

package/es/page-loading/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/page-loading/index.js"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,cAAc,MAAM,wCAAwC,CAAA;AAEnE,OAAO,cAAc,CAAA;AAErB,eAAe,CAAC,KAAK,EAAE,EAAE;IACvB,MAAM,EAAE,SAAS,EAAE,OAAO,KAAe,KAAK,EAAf,KAAK,UAAK,KAAK,EAAxC,wBAAgC,CAAQ,CAAA;IAC9C,MAAM,cAAc,GAAG,OAAO,IAAI,YAAY,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,IAAI,CAAA;IAC7E,OAAO,CACL,oBAAC,cAAc,IAAC,aAAa,EAAC,aAAa,IACxC,CAAC,MAAM,EAAE,UAAU,EAAE,EAAE;QACtB,OAAO,CACL,2CAAK,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,cAAc,GAAG,cAAc,EAAE,SAAS,CAAC,IAAM,KAAK;YACrG,6BAAK,SAAS,EAAC,qBAAqB;gBAClC,kCAAO,MAAM,CAAC,IAAI,CAAQ,CACtB,CACF,CACP,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAAC","sourcesContent":["import React from 'react'\nimport cn from 'classnames'\nimport LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver'\n\nimport './index.less'\n\nexport default (props) => {\n  const { className, version, ...other } = props\n  const currentVersion = version || localStorage.getItem('app_version') || 'v2'\n  return (\n    <LocaleReceiver componentName=\"PageLoading\">\n      {(locale, localeCode) => {\n        return (\n          <div className={cn('tnt-page-loading-container', 'tnt-current-' + currentVersion, className)} {...other}>\n            <div className=\"tnt-page-loading-bg\">\n              <span>{locale.text}</span>\n            </div>\n          </div>\n        )\n      }}\n    </LocaleReceiver>\n  )\n};\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/page-loading/index.js"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,cAAc,MAAM,wCAAwC,CAAA;AAEnE,OAAO,cAAc,CAAA;AAErB,eAAe,CAAC,KAAK,EAAE,EAAE;IACvB,MAAM,EAAE,SAAS,EAAE,OAAO,KAAe,KAAK,EAAf,KAAK,UAAK,KAAK,EAAxC,wBAAgC,CAAQ,CAAA;IAC9C,MAAM,cAAc,GAAG,OAAO,IAAI,IAAI,CAAA;IACtC,OAAO,CACL,oBAAC,cAAc,IAAC,aAAa,EAAC,aAAa,IACxC,CAAC,MAAM,EAAE,UAAU,EAAE,EAAE;QACtB,OAAO,CACL,2CAAK,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,cAAc,GAAG,cAAc,EAAE,SAAS,CAAC,IAAM,KAAK;YACrG,6BAAK,SAAS,EAAC,qBAAqB;gBAClC,kCAAO,MAAM,CAAC,IAAI,CAAQ,CACtB,CACF,CACP,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAAC","sourcesContent":["import React from 'react'\nimport cn from 'classnames'\nimport LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver'\n\nimport './index.less'\n\nexport default (props) => {\n  const { className, version, ...other } = props\n  const currentVersion = version || 'v2'\n  return (\n    <LocaleReceiver componentName=\"PageLoading\">\n      {(locale, localeCode) => {\n        return (\n          <div className={cn('tnt-page-loading-container', 'tnt-current-' + currentVersion, className)} {...other}>\n            <div className=\"tnt-page-loading-bg\">\n              <span>{locale.text}</span>\n            </div>\n          </div>\n        )\n      }}\n    </LocaleReceiver>\n  )\n};\n"]}

package/es/select/select.js

@@ -23,15 +23,17 @@ export const InternalSelect = forwardRef((_a, ref) => {
       borderStyle,
       options,
       fieldNames,
-      children
+      children,
+      placeholder,
+      capitalize
     } = _a,
-    props = __rest(_a, ["className", "borderStyle", "options", "fieldNames", "children"]);
+    props = __rest(_a, ["className", "borderStyle", "options", "fieldNames", "children", "placeholder", "capitalize"]);
   return React.createElement(ConfigConsumer, null, ({
     getPrefixCls
   }) => {
     const prefixCls = getPrefixCls('select');
     return React.createElement(AntdSelect, Object.assign({}, props, {
-      placeholder: capitalizeFirstLetter(props === null || props === void 0 ? void 0 : props.placeholder, props === null || props === void 0 ? void 0 : props.capitalize),
+      placeholder: capitalizeFirstLetter(placeholder, capitalize),
       className: classNames(className, {
         [`${prefixCls}-outline`]: borderStyle === 'outline'
       }),

package/es/select/select.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.js","sourceRoot":"","sources":["../../src/select/select.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAa,UAAU,EAAE,MAAM,OAAO,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gBAAgB,CAAA;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAExD,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAA;AACrD,OAAO,WAAW,MAAM,iBAAiB,CAAA;AACzC,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAA;AA4BhD,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAA;AAE7B,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CACtC,CAAC,EAAmE,EAAE,GAAG,EAAE,EAAE;QAA5E,EAAE,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,OAAY,EAAP,KAAK,cAAjE,iEAAmE,CAAF;IAAY,OAAA,CAC5E,oBAAC,cAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,MAAM,SAAS,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAA;QAExC,OAAO,CACL,oBAAC,UAAU,oBACL,KAAK,IACT,WAAW,EAAE,qBAAqB,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,CAAC,EACzE,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE;gBAC/B,CAAC,GAAG,SAAS,UAAU,CAAC,EAAE,WAAW,KAAK,SAAS;aACpD,CAAC,EACF,GAAG,EAAE,GAAG,KAEP,QAAQ;YACP,CAAC,CAAC,QAAQ;YACV,CAAC,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;gBACtB,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;oBAC9B,OAAO,CACL,oBAAC,MAAM,IACL,GAAG,EAAE,GAAG,CAAC,MAAM,EAAE,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,KAAI,OAAO,CAAC,EAC9C,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,KAAI,OAAO,CAAC,EAChD,QAAQ,EAAE,CAAC,CAAC,MAAM,CAAC,QAAQ,IAE1B,GAAG,CAAC,MAAM,EAAE,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,KAAI,OAAO,CAAC,CACnC,CACV,CAAA;iBACF;gBAED,OAAO,CACL,oBAAC,MAAM,IAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,IAC/B,MAAM,CACA,CACV,CAAA;YACH,CAAC,CAAC,CACK,CACd,CAAA;IACH,CAAC,CACc,CAClB,CAAA;CAAA,CACiB,CAAA;AAEpB,MAAM,CAAC,MAAM,MAAM,GAAG,wBAAwB,CAC5C,cAAc,EACd,WAAW,CAAC,MAAM,CACA,CAAA;AAEpB,MAAM,CAAC,QAAQ,GAAG,UAAU,CAAC,QAAQ,CAAA;AACrC,MAAM,CAAC,MAAM,GAAG,UAAU,CAAC,MAAM,CAAA","sourcesContent":["import React, { ReactNode, forwardRef } from 'react'\nimport { default as AntdSelect } from 'antd/es/select'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport type { SelectProps as AntdSelectProps } from 'antd/es/select'\nimport classNames from 'classnames'\nimport { get } from 'lodash'\nimport { connectReadonlyComponent } from '../connect'\nimport PreviewText from '../preview-text'\nimport { capitalizeFirstLetter } from '../utils'\nexport interface SelectProps extends AntdSelectProps {\n  // 线框风格\n  borderStyle?: 'outline'\n  children?: ReactNode\n  options?: Array<\n    | string\n    | number\n    | {\n        label: string\n        value: string | number\n        disabled?: boolean\n      }\n  >\n  fieldNames?: {\n    label?: string\n    value?: string\n    options?: string\n  }\n  readonly?: boolean\n}\n\ninterface SelectComponent\n  extends React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<AntdSelect>> {\n  OptGroup: typeof AntdSelect.OptGroup\n  Option: typeof AntdSelect.Option\n}\n\nconst { Option } = AntdSelect\n\nexport const InternalSelect = forwardRef<AntdSelect, SelectProps & { capitalize?: boolean }>(\n  ({ className, borderStyle, options, fieldNames, children, ...props }, ref) => (\n    <ConfigConsumer>\n      {({ getPrefixCls }) => {\n        const prefixCls = getPrefixCls('select')\n\n        return (\n          <AntdSelect\n            {...props}\n            placeholder={capitalizeFirstLetter(props?.placeholder, props?.capitalize)}\n            className={classNames(className, {\n              [`${prefixCls}-outline`]: borderStyle === 'outline',\n            })}\n            ref={ref}\n          >\n            {children\n              ? children\n              : options?.map((option) => {\n                  if (typeof option === 'object') {\n                    return (\n                      <Option\n                        key={get(option, fieldNames?.value || 'value')}\n                        value={get(option, fieldNames?.value || 'value')}\n                        disabled={!!option.disabled}\n                      >\n                        {get(option, fieldNames?.label || 'label')}\n                      </Option>\n                    )\n                  }\n\n                  return (\n                    <Option key={option} value={option}>\n                      {option}\n                    </Option>\n                  )\n                })}\n          </AntdSelect>\n        )\n      }}\n    </ConfigConsumer>\n  )\n) as SelectComponent\n\nexport const Select = connectReadonlyComponent(\n  InternalSelect,\n  PreviewText.Select\n) as SelectComponent\n\nSelect.OptGroup = AntdSelect.OptGroup\nSelect.Option = AntdSelect.Option\n"]}
+{"version":3,"file":"select.js","sourceRoot":"","sources":["../../src/select/select.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAa,UAAU,EAAE,MAAM,OAAO,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gBAAgB,CAAA;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAExD,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAA;AACrD,OAAO,WAAW,MAAM,iBAAiB,CAAA;AACzC,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAA;AA4BhD,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAA;AAE7B,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CACtC,CACE,EAA4F,EAC5F,GAAG,EACH,EAAE;QAFF,EAAE,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,OAAY,EAAP,KAAK,cAA1F,8FAA4F,CAAF;IAEvF,OAAA,CACH,oBAAC,cAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,MAAM,SAAS,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAA;QAExC,OAAO,CACL,oBAAC,UAAU,oBACL,KAAK,IACT,WAAW,EAAE,qBAAqB,CAAC,WAAW,EAAE,UAAU,CAAC,EAC3D,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE;gBAC/B,CAAC,GAAG,SAAS,UAAU,CAAC,EAAE,WAAW,KAAK,SAAS;aACpD,CAAC,EACF,GAAG,EAAE,GAAG,KAEP,QAAQ;YACP,CAAC,CAAC,QAAQ;YACV,CAAC,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;gBACtB,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;oBAC9B,OAAO,CACL,oBAAC,MAAM,IACL,GAAG,EAAE,GAAG,CAAC,MAAM,EAAE,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,KAAI,OAAO,CAAC,EAC9C,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,KAAI,OAAO,CAAC,EAChD,QAAQ,EAAE,CAAC,CAAC,MAAM,CAAC,QAAQ,IAE1B,GAAG,CAAC,MAAM,EAAE,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,KAAI,OAAO,CAAC,CACnC,CACV,CAAA;iBACF;gBAED,OAAO,CACL,oBAAC,MAAM,IAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,IAC/B,MAAM,CACA,CACV,CAAA;YACH,CAAC,CAAC,CACK,CACd,CAAA;IACH,CAAC,CACc,CAClB,CAAA;CAAA,CACiB,CAAA;AAEpB,MAAM,CAAC,MAAM,MAAM,GAAG,wBAAwB,CAC5C,cAAc,EACd,WAAW,CAAC,MAAM,CACA,CAAA;AAEpB,MAAM,CAAC,QAAQ,GAAG,UAAU,CAAC,QAAQ,CAAA;AACrC,MAAM,CAAC,MAAM,GAAG,UAAU,CAAC,MAAM,CAAA","sourcesContent":["import React, { ReactNode, forwardRef } from 'react'\nimport { default as AntdSelect } from 'antd/es/select'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport type { SelectProps as AntdSelectProps } from 'antd/es/select'\nimport classNames from 'classnames'\nimport { get } from 'lodash'\nimport { connectReadonlyComponent } from '../connect'\nimport PreviewText from '../preview-text'\nimport { capitalizeFirstLetter } from '../utils'\nexport interface SelectProps extends AntdSelectProps {\n  // 线框风格\n  borderStyle?: 'outline'\n  children?: ReactNode\n  options?: Array<\n    | string\n    | number\n    | {\n        label: string\n        value: string | number\n        disabled?: boolean\n      }\n  >\n  fieldNames?: {\n    label?: string\n    value?: string\n    options?: string\n  }\n  readonly?: boolean\n}\n\ninterface SelectComponent\n  extends React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<AntdSelect>> {\n  OptGroup: typeof AntdSelect.OptGroup\n  Option: typeof AntdSelect.Option\n}\n\nconst { Option } = AntdSelect\n\nexport const InternalSelect = forwardRef<AntdSelect, SelectProps & { capitalize?: boolean }>(\n  (\n    { className, borderStyle, options, fieldNames, children, placeholder, capitalize, ...props },\n    ref\n  ) => (\n    <ConfigConsumer>\n      {({ getPrefixCls }) => {\n        const prefixCls = getPrefixCls('select')\n\n        return (\n          <AntdSelect\n            {...props}\n            placeholder={capitalizeFirstLetter(placeholder, capitalize)}\n            className={classNames(className, {\n              [`${prefixCls}-outline`]: borderStyle === 'outline',\n            })}\n            ref={ref}\n          >\n            {children\n              ? children\n              : options?.map((option) => {\n                  if (typeof option === 'object') {\n                    return (\n                      <Option\n                        key={get(option, fieldNames?.value || 'value')}\n                        value={get(option, fieldNames?.value || 'value')}\n                        disabled={!!option.disabled}\n                      >\n                        {get(option, fieldNames?.label || 'label')}\n                      </Option>\n                    )\n                  }\n\n                  return (\n                    <Option key={option} value={option}>\n                      {option}\n                    </Option>\n                  )\n                })}\n          </AntdSelect>\n        )\n      }}\n    </ConfigConsumer>\n  )\n) as SelectComponent\n\nexport const Select = connectReadonlyComponent(\n  InternalSelect,\n  PreviewText.Select\n) as SelectComponent\n\nSelect.OptGroup = AntdSelect.OptGroup\nSelect.Option = AntdSelect.Option\n"]}

package/es/select/style/index.less

@@ -7,16 +7,16 @@
 .selection__clear() {
   position: absolute;
   top: 50%;
-  right: calc(@control-padding-horizontal - 1px);
+  right: calc(@control-padding-horizontal - 4px);
   z-index: 1;
   display: inline-block;
-  width: 12px;
-  height: 12px;
-  margin-top: -6px;
+  width: 16px;
+  height: 16px;
+  margin-top: -8px;
   color: @disabled-color;
   font-size: @font-size-sm;
   font-style: normal;
-  line-height: 12px;
+  line-height: 16px;
   text-align: center;
   text-transform: none;
   background: @component-background;
@@ -57,7 +57,7 @@
 
     position: absolute;
     top: 50%;
-    right: calc(@control-padding-horizontal - 1px);
+    right: calc(@control-padding-horizontal - 4px);
     // margin-top: calc(-@font-size-sm / 2);
     margin-top: -8px;
     color: @disabled-color;
@@ -476,6 +476,7 @@
     overflow: auto;
     list-style: none;
     outline: none;
+    border-radius: @border-radius-base;
 
     &-item-group-list {
       margin: 0;

package/es/spin/index.js

@@ -1,4 +1,5 @@
-import Spin from 'antd/es/spin';
 import './style';
-export * from 'antd/es/spin';
+import { Spin } from './spin';
+import './spin.less';
+export * from './spin';
 export default Spin;

package/es/spin/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/spin/index.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,cAAc,CAAA;AAE/B,OAAO,SAAS,CAAA;AAEhB,cAAc,cAAc,CAAA;AAE5B,eAAe,IAAI,CAAA","sourcesContent":["import Spin from 'antd/es/spin'\n\nimport './style'\n\nexport * from 'antd/es/spin'\n\nexport default Spin\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/spin/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAA;AAChB,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,aAAa,CAAA;AAEpB,cAAc,QAAQ,CAAA;AAEtB,eAAe,IAAI,CAAA","sourcesContent":["import './style'\nimport { Spin } from './spin'\nimport './spin.less'\n\nexport * from './spin'\n\nexport default Spin\n"]}

package/es/spin/spin.js

@@ -0,0 +1,36 @@
+/*
+ * @Author: 周泽飞 zefei.zhou@tongdun.net
+ * @Date: 2024-07-19 18:49:24
+ * @LastEditors: 周泽飞 zefei.zhou@tongdun.net
+ * @LastEditTime: 2024-07-19 18:54:42
+ * @FilePath: /tntd/packages/tntd/src/spin/spin.tsx
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+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, { forwardRef } from 'react';
+import { ConfigConsumer } from 'antd/es/config-provider';
+import { default as AntdSpin } from 'antd/es/spin';
+import classNames from 'classnames';
+import './spin.less';
+export const Spin = forwardRef((props, ref) => {
+  const {
+      className,
+      wrapperClassName
+    } = props,
+    restProps = __rest(props, ["className", "wrapperClassName"]);
+  return React.createElement(ConfigConsumer, null, () => {
+    return React.createElement(AntdSpin, Object.assign({
+      wrapperClassName: classNames('tnt-spin-nested', className || ''),
+      className: classNames('tnt-spin', className || '')
+    }, restProps, {
+      ref: ref
+    }));
+  });
+});

package/es/spin/spin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spin.js","sourceRoot":"","sources":["../../src/spin/spin.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;;;;;;;;;;;;AAEH,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,cAAc,CAAA;AAClD,OAAO,UAAU,MAAM,YAAY,CAAA;AAEnC,OAAO,aAAa,CAAA;AAKpB,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAA0B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACrE,MAAM,EAAE,SAAS,EAAE,gBAAgB,KAAmB,KAAK,EAAnB,SAAS,UAAK,KAAK,EAArD,iCAA6C,CAAQ,CAAA;IAC3D,OAAO,CACL,oBAAC,cAAc,QACZ,GAAG,EAAE;QACJ,OAAO,CACL,oBAAC,QAAQ,kBACP,gBAAgB,EAAE,UAAU,CAAC,iBAAiB,EAAE,SAAS,IAAI,EAAE,CAAC,EAChE,SAAS,EAAE,UAAU,CAAC,UAAU,EAAE,SAAS,IAAI,EAAE,CAAC,IAC9C,SAAS,IACb,GAAG,EAAE,GAAG,IACR,CACH,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAAkB,CAAA","sourcesContent":["/*\n * @Author: 周泽飞 zefei.zhou@tongdun.net\n * @Date: 2024-07-19 18:49:24\n * @LastEditors: 周泽飞 zefei.zhou@tongdun.net\n * @LastEditTime: 2024-07-19 18:54:42\n * @FilePath: /tntd/packages/tntd/src/spin/spin.tsx\n * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\n */\n\nimport React, { forwardRef } from 'react'\nimport type { SpinProps as AntdSpinProps } from 'antd/es/spin'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport { default as AntdSpin } from 'antd/es/spin'\nimport classNames from 'classnames'\n\nimport './spin.less'\n\ninterface SpinComponent\n  extends React.ForwardRefExoticComponent<AntdSpinProps & React.RefAttributes<AntdSpin>> {}\n\nexport const Spin = forwardRef<AntdSpin, AntdSpinProps>((props, ref) => {\n  const { className, wrapperClassName, ...restProps } = props\n  return (\n    <ConfigConsumer>\n      {() => {\n        return (\n          <AntdSpin\n            wrapperClassName={classNames('tnt-spin-nested', className || '')}\n            className={classNames('tnt-spin', className || '')}\n            {...restProps}\n            ref={ref}\n          />\n        )\n      }}\n    </ConfigConsumer>\n  )\n}) as SpinComponent\n"]}

package/es/spin/spin.less

@@ -0,0 +1,9 @@
+@spin-prefix-cls: ~'@{ant-prefix}-spin';
+.tnt-spin-nested{
+    .@{spin-prefix-cls}-container {
+        &::after{
+            content:'';
+            background-color: transparent;
+        }
+    }
+}

package/es/style/themes/default.less

@@ -244,7 +244,7 @@
 
 // Grid system
 @grid-columns: 24;
-@grid-gutter-width: 0;
+@grid-gutter-width: 0px;
 
 // Layout
 @layout-body-background: #f0f2f5;

package/es/table/expand.less

@@ -0,0 +1,49 @@
+@table-prefix-cls: ~'@{ant-prefix}-table';
+
+// .@{table-prefix-cls} {
+.tnt-table-wrapper {
+  // customize the fixed of table
+  &.@{table-prefix-cls}-sticky {
+    .@{table-prefix-cls}-scroll,
+    .@{table-prefix-cls}-default {
+      .@{table-prefix-cls}-body table {
+        table-layout: fixed;
+
+        tr.@{table-prefix-cls}-expanded-row.@{table-prefix-cls}-expanded-row-level-1 {
+          position: relative;
+          z-index: 10;
+
+          > td:not([colspan]) {
+            display: none;
+          }
+
+          // 兼容低版本浏览器
+          > td[colspan] {
+            position: relative;
+            z-index: 100;
+            padding: 0;
+
+            > .@{table-prefix-cls}-expanded-row-fixed {
+              position: sticky;
+              left: 0px;
+              overflow: hidden;
+              padding: 0px 16px;
+            }
+          }
+        }
+      }
+    }
+
+    .@{table-prefix-cls}-fixed-left table,  .@{table-prefix-cls}-fixed-right table {
+      width: fit-content;
+
+      tr.@{table-prefix-cls}-expanded-row.@{table-prefix-cls}-expanded-row-level-1 {
+        > td {
+          position: relative;
+          z-index: -1;
+        }
+      }
+    }
+   
+  }
+}

package/es/table/hooks/index.js

@@ -1 +1,2 @@
-export * from './use-column-setting';
+export * from './use-column-setting';
+export * from './use-expand-fixed';

package/es/table/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/table/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA","sourcesContent":["export * from './use-column-setting'\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/table/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA;AACpC,cAAc,oBAAoB,CAAA","sourcesContent":["export * from './use-column-setting'\nexport * from './use-expand-fixed'\n"]}

package/es/table/hooks/use-expand-fixed.js

@@ -0,0 +1,80 @@
+import { useEffect, useRef } from 'react';
+import { makeRandomCode } from '../utils';
+export const useExpandFixed = () => {
+  const curTableKey = useRef(makeRandomCode());
+  const activeKeyRef = useRef(null);
+  const oldActiveKeyRef = useRef({
+    main: null,
+    right: null,
+    left: null
+  });
+  const container = useRef(null);
+  const observer = useRef(null);
+  const getDom = key => {
+    const main = document.querySelector(`.${curTableKey.current} .ant-table-scroll [data-row-key="${key}-extra-row"]`) || document.querySelector(`.${curTableKey.current} .ant-table-default [data-row-key="${key}-extra-row"]`);
+    const right = document.querySelector(`.${curTableKey.current} .ant-table-fixed-right [data-row-key="${key}-extra-row"]`);
+    const left = document.querySelector(`.${curTableKey.current} .ant-table-fixed-left [data-row-key="${key}-extra-row"]`);
+    return [main, right, left];
+  };
+  const expand = async () => {
+    const [main, right, left] = getDom(String(activeKeyRef.current) || '');
+    const border = 2;
+    const height = (main === null || main === void 0 ? void 0 : main.offsetHeight) - border || 0;
+    if (right) {
+      right.setAttribute('style', `display: inline-block; height: ${height}px; overflow: hidden;`);
+    }
+    if (left) {
+      left.setAttribute('style', `display: inline-block; height: ${height}px; overflow: hidden;`);
+    }
+    if (main) {
+      // 解决 expandIconAsCell为true 且 iconCell的td元素为display: none;时， 展开内容滚动到最右边，会多出一部分iconCell所占据的空间 的问题
+      const td = main.childNodes[1];
+      const colspan = td.getAttribute('colspan') || 0;
+      const Oldcolspan = td.getAttribute('oldcolspan') || 0;
+      const newColspan = Oldcolspan ? Oldcolspan : Number(colspan) + 1 + '';
+      if (!Oldcolspan) td.setAttribute('oldcolspan', newColspan);
+      td.setAttribute('colspan', newColspan);
+      //
+    }
+    oldActiveKeyRef.current = {
+      main,
+      right,
+      left
+    };
+  };
+  const ob = () => {
+    const classname = curTableKey.current;
+    if (!classname) return;
+    container.current = document.querySelector(`.${classname}.ant-table-wrapper.collapse-panel > .ant-spin-nested-loading > .ant-spin-container > .ant-table`);
+    observer.current = new MutationObserver(expand);
+    if (container.current) {
+      observer.current.observe(container.current, {
+        childList: true,
+        attributes: true
+      });
+    }
+  };
+  const setChangedKey = key => {
+    activeKeyRef.current = key;
+  };
+  const trigger = key => {
+    setChangedKey(key);
+    const className = curTableKey.current;
+    if (!className) return;
+    const dom = document === null || document === void 0 ? void 0 : document.querySelector(`.${className}.ant-table-wrapper.collapse-panel > .ant-spin-nested-loading > .ant-spin-container > .ant-table`);
+    dom === null || dom === void 0 ? void 0 : dom.setAttribute('c-data', 'Mutation');
+  };
+  useEffect(() => {
+    ob();
+  }, [curTableKey.current]);
+  return [curTableKey.current, trigger];
+};
+export const findRowKey = (record, rowKey) => {
+  let res = '';
+  if (typeof rowKey === 'function') {
+    res = [record].map(rowKey)[0];
+  } else if (typeof rowKey === 'string') {
+    res = record[rowKey];
+  }
+  return res;
+};

package/es/table/hooks/use-expand-fixed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-expand-fixed.js","sourceRoot":"","sources":["../../../src/table/hooks/use-expand-fixed.ts"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useRef } from 'react'\nimport { makeRandomCode } from '../utils'\n\nexport type keyType = string | number | null\n\ninterface OldDom {\n  main: HTMLDivElement | null\n  right: HTMLDivElement | null\n  left: HTMLDivElement | null\n}\n\nexport const useExpandFixed = () => {\n  const curTableKey = useRef<keyType>(makeRandomCode())\n  const activeKeyRef = useRef<string | null>(null)\n  const oldActiveKeyRef = useRef<OldDom>({\n    main: null,\n    right: null,\n    left: null,\n  })\n  const container = useRef<HTMLDivElement | null>(null)\n  const observer = useRef<MutationObserver | null>(null)\n\n  const getDom = (key: string | number | undefined) => {\n    const main =\n      (document.querySelector(\n        `.${curTableKey.current} .ant-table-scroll [data-row-key=\"${key}-extra-row\"]`\n      ) as HTMLDivElement) ||\n      (document.querySelector(\n        `.${curTableKey.current} .ant-table-default [data-row-key=\"${key}-extra-row\"]`\n      ) as HTMLDivElement)\n    const right = document.querySelector(\n      `.${curTableKey.current} .ant-table-fixed-right [data-row-key=\"${key}-extra-row\"]`\n    ) as HTMLDivElement\n    const left = document.querySelector(\n      `.${curTableKey.current} .ant-table-fixed-left [data-row-key=\"${key}-extra-row\"]`\n    ) as HTMLDivElement\n    return [main, right, left]\n  }\n\n  const expand = async () => {\n    const [main, right, left] = getDom(String(activeKeyRef.current) || '')\n    const border = 2\n    const height = main?.offsetHeight - border || 0\n    if (right) {\n      right.setAttribute('style', `display: inline-block; height: ${height}px; overflow: hidden;`)\n    }\n\n    if (left) {\n      left.setAttribute('style', `display: inline-block; height: ${height}px; overflow: hidden;`)\n    }\n\n    if (main) {\n      // 解决 expandIconAsCell为true 且 iconCell的td元素为display: none;时， 展开内容滚动到最右边，会多出一部分iconCell所占据的空间 的问题\n      const td = main.childNodes[1] as HTMLDivElement\n\n      const colspan = td.getAttribute('colspan') || 0\n      const Oldcolspan = td.getAttribute('oldcolspan') || 0\n      const newColspan = Oldcolspan ? Oldcolspan : Number(colspan) + 1 + ''\n      if (!Oldcolspan) td.setAttribute('oldcolspan', newColspan)\n\n      td.setAttribute('colspan', newColspan)\n      //\n    }\n\n    oldActiveKeyRef.current = {\n      main,\n      right,\n      left,\n    }\n  }\n\n  const ob = () => {\n    const classname = curTableKey.current\n    if (!classname) return\n\n    container.current = document.querySelector(\n      `.${classname}.ant-table-wrapper.collapse-panel > .ant-spin-nested-loading > .ant-spin-container > .ant-table`\n    ) as HTMLDivElement\n\n    observer.current = new MutationObserver(expand)\n    if(container.current) {\n      observer.current.observe(container.current, {\n        childList: true, // 子节点的变动\n        attributes: true,\n      })\n    }\n  }\n\n  const setChangedKey = (key: string) => {\n    activeKeyRef.current = key\n  }\n\n  const trigger = (key: string) => {\n    setChangedKey(key)\n    const className = curTableKey.current\n    if (!className) return\n    const dom = document?.querySelector(\n      `.${className}.ant-table-wrapper.collapse-panel > .ant-spin-nested-loading > .ant-spin-container > .ant-table`\n    )\n    dom?.setAttribute('c-data', 'Mutation')\n  }\n\n  useEffect(() => {\n    ob()\n  }, [curTableKey.current])\n\n  return [curTableKey.current, trigger as (key: string) => void] as const\n}\n\nexport const findRowKey = (\n  record: any,\n  rowKey: string | ((record: any, index: number) => string)\n) => {\n  let res: string | number = ''\n  if (typeof rowKey === 'function') {\n    res = [record].map(rowKey)[0]\n  } else if (typeof rowKey === 'string') {\n    res = record[rowKey]\n  }\n\n  return res\n}\n"]}

package/es/table/index.js

@@ -1,5 +1,6 @@
 import './style';
 import { Table } from './table';
 import './table.less';
+import './expand.less';
 export * from './table';
 export default Table;

package/es/table/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/table/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAA;AAChB,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,cAAc,CAAA;AAErB,cAAc,SAAS,CAAA;AAEvB,eAAe,KAAK,CAAA","sourcesContent":["import './style'\nimport { Table } from './table'\nimport './table.less'\n\nexport * from './table'\n\nexport default Table\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/table/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAA;AAChB,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,cAAc,CAAA;AACrB,OAAO,eAAe,CAAA;AAEtB,cAAc,SAAS,CAAA;AAEvB,eAAe,KAAK,CAAA","sourcesContent":["import './style'\nimport { Table } from './table'\nimport './table.less'\nimport './expand.less'\n\nexport * from './table'\n\nexport default Table\n"]}