tntd 1.4.17 → 2.0.0-beta-1

package/lib/table/toolbar/index.js

@@ -0,0 +1,48 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Toolbar = void 0;
+const react_1 = __importStar(require("react"));
+const constants_1 = require("./constants");
+const toolbar_module_less_1 = __importDefault(require("./toolbar.module.less"));
+const toolkit_1 = require("./toolkit");
+/**
+ * react component rendering toolbar
+ */
+exports.Toolbar = (0, react_1.memo)(({ actions = [], toolkits = constants_1.DefaultToolkit }) => {
+    return (react_1.default.createElement("div", { className: toolbar_module_less_1.default.toolbar },
+        react_1.default.createElement("div", { className: toolbar_module_less_1.default.left }),
+        react_1.default.createElement("div", { className: toolbar_module_less_1.default.right },
+            react_1.default.createElement("div", { className: toolbar_module_less_1.default.actions }),
+            react_1.default.createElement("div", { className: toolbar_module_less_1.default.toolkits }, toolkits.map((toolkit, index) => {
+                const key = (0, toolkit_1.isToolkitType)(toolkit) ? toolkit : toolkit.key;
+                return react_1.default.createElement(toolkit_1.Toolkit, { toolkitItem: toolkit, key: key || index });
+            })))));
+});
+exports.Toolbar.displayName = 'Toolbar';
+//# sourceMappingURL=index.js.map

package/lib/table/toolbar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/table/toolbar/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA8C;AAG9C,2CAA4C;AAC5C,gFAA0C;AAC1C,uCAAkD;AAalD;;GAEG;AACU,QAAA,OAAO,GAAG,IAAA,YAAI,EAAe,CAAC,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,0BAAc,EAAE,EAAE,EAAE;IACxF,OAAO,CACL,uCAAK,SAAS,EAAE,6BAAM,CAAC,OAAO;QAC5B,uCAAK,SAAS,EAAE,6BAAM,CAAC,IAAI,GAAQ;QACnC,uCAAK,SAAS,EAAE,6BAAM,CAAC,KAAK;YAC1B,uCAAK,SAAS,EAAE,6BAAM,CAAC,OAAO,GAAuB;YACrD,uCAAK,SAAS,EAAE,6BAAM,CAAC,QAAQ,IAC5B,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE;gBAC/B,MAAM,GAAG,GAAG,IAAA,uBAAa,EAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,CAAA;gBAE1D,OAAO,8BAAC,iBAAO,IAAC,WAAW,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,IAAI,KAAK,GAAI,CAAA;YAC7D,CAAC,CAAC,CACE,CACF,CACF,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAO,CAAC,WAAW,GAAG,SAAS,CAAA","sourcesContent":["import React, { memo, ReactNode } from 'react'\n\nimport type { ToolkitItem } from './constants'\nimport { DefaultToolkit } from './constants'\nimport styles from './toolbar.module.less'\nimport { isToolkitType, Toolkit } from './toolkit'\n\nexport interface ToolBarProps {\n  /**\n   * actions on the right side of the toolbar\n   */\n  actions?: ReactNode[]\n  /**\n   * built-in toolkits on the right side of the toolbar\n   */\n  toolkits?: ToolkitItem[]\n}\n\n/**\n * react component rendering toolbar\n */\nexport const Toolbar = memo<ToolBarProps>(({ actions = [], toolkits = DefaultToolkit }) => {\n  return (\n    <div className={styles.toolbar}>\n      <div className={styles.left}></div>\n      <div className={styles.right}>\n        <div className={styles.actions}>{/* actions */}</div>\n        <div className={styles.toolkits}>\n          {toolkits.map((toolkit, index) => {\n            const key = isToolkitType(toolkit) ? toolkit : toolkit.key\n\n            return <Toolkit toolkitItem={toolkit} key={key || index} />\n          })}\n        </div>\n      </div>\n    </div>\n  )\n})\n\nToolbar.displayName = 'Toolbar'\n"]}

package/lib/table/toolbar/toolbar.module.less

@@ -0,0 +1,51 @@
+@import '~antd/lib/button/style/index.less';
+
+@table-toolkit-border-color: #b2becd;
+
+.toolbar {
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: @padding-md;
+
+  .toolkits {
+    display: flex;
+    align-items: center;
+    border: 1px solid @table-toolkit-border-color;
+    border-radius: @border-radius-base;
+    overflow: hidden;
+  }
+
+  .toolkit,
+  .toolkit :global(.i-icon) {
+    display: inline-flex;
+    align-items: center;
+  }
+
+  .toolkit {
+    .btn;
+    .btn-default;
+    width: 30px;
+    height: 28px;
+    padding: 0;
+    border: none;
+    border-radius: 0;
+
+    > * {
+      display: inline-flex;
+      align-items: center;
+      width: 100%;
+      height: 100%;
+      justify-content: center;
+    }
+
+    :global {
+      .i-icon {
+        font-size: 16px;
+      }
+    }
+
+    &:not(:last-child) {
+      border-right: 1px solid @table-toolkit-border-color;
+    }
+  }
+}

package/lib/table/toolbar/toolkit.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { ToolkitItem } from './constants';
+import { BuiltInToolkitType } from './constants';
+/**
+ * determine the toolkitItem use built-in toolkit or not
+ */
+export declare const isToolkitType: (toolkitItem: ToolkitItem) => toolkitItem is BuiltInToolkitType;
+/**
+ * export toolkit component
+ */
+export declare const Toolkit: React.NamedExoticComponent<{
+    toolkitItem: ToolkitItem;
+    refresh?: (() => void) | undefined;
+}>;
+//# sourceMappingURL=toolkit.d.ts.map

package/lib/table/toolbar/toolkit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolkit.d.ts","sourceRoot":"","sources":["../../../src/table/toolbar/toolkit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAA;AAK/C,OAAO,KAAK,EAAE,WAAW,EAAkB,MAAM,aAAa,CAAA;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AA6BhD;;GAEG;AACH,eAAO,MAAM,aAAa,gBAAiB,WAAW,sCACrB,CAAA;AAwBjC;;GAEG;AACH,eAAO,MAAM,OAAO;iBACL,WAAW;qBACR,IAAI;EAwDpB,CAAA"}

package/lib/table/toolbar/toolkit.js

@@ -0,0 +1,112 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Toolkit = exports.isToolkitType = void 0;
+const react_1 = __importStar(require("react"));
+const antd_components_1 = require("../../antd-components");
+const context_1 = require("../context");
+const built_in_1 = require("./built-in");
+const constants_1 = require("./constants");
+const icon_wrapper_1 = require("./icon-wrapper");
+const toolbar_module_less_1 = __importDefault(require("./toolbar.module.less"));
+/**
+ * dictionary of built-in toolkits
+ */
+const BUILT_IN_TOOLKIT_SETTING_DICT = {
+    [constants_1.BuiltInToolkitType.Fullscreen]: {
+        icon: react_1.default.createElement(built_in_1.Fullscreen, null),
+        tooltip: '全屏',
+    },
+    [constants_1.BuiltInToolkitType.Size]: {
+        icon: react_1.default.createElement(built_in_1.Size, null),
+        tooltip: '密度',
+    },
+    [constants_1.BuiltInToolkitType.Column]: {
+        icon: react_1.default.createElement(built_in_1.Column, null),
+        tooltip: '列配置',
+    },
+    [constants_1.BuiltInToolkitType.Refresh]: {
+        icon: react_1.default.createElement(built_in_1.Refresh, null),
+        tooltip: '刷新',
+        condition: (context) => context.refresh != null,
+    },
+};
+/**
+ * determine the toolkitItem use built-in toolkit or not
+ */
+const isToolkitType = (toolkitItem) => typeof toolkitItem === 'string';
+exports.isToolkitType = isToolkitType;
+/**
+ * get the toolkit setting from toolkitItem
+ */
+const getToolkitSetting = (toolkitItem) => {
+    if ((0, exports.isToolkitType)(toolkitItem)) {
+        const setting = BUILT_IN_TOOLKIT_SETTING_DICT[toolkitItem];
+        /**
+         * print error if the toolkitItem is not a built-in toolkit
+         */
+        if (!setting) {
+            console.error(`built-in toolkit ${toolkitItem} not existed`);
+            return [undefined, false];
+        }
+        return [setting, true];
+    }
+    return [toolkitItem, false];
+};
+/**
+ * export toolkit component
+ */
+exports.Toolkit = (0, react_1.memo)(({ toolkitItem }) => {
+    const [toolkitSetting, isBuiltIn] = getToolkitSetting(toolkitItem);
+    const contextValue = (0, react_1.useContext)(context_1.TableContext);
+    /**
+     * skip render when toolkitSetting is not existed
+     */
+    if (!toolkitSetting) {
+        return null;
+    }
+    const { key, onClick, icon, tooltip, condition } = toolkitSetting;
+    /**
+     * skip render when condition is not satisfied
+     */
+    if (condition && !condition(contextValue)) {
+        return null;
+    }
+    const element = (react_1.default.createElement("button", { key: key, className: toolbar_module_less_1.default.toolkit }, isBuiltIn ? (icon) : (react_1.default.createElement(icon_wrapper_1.IconWrapper, { onClick: (event) => {
+            if (onClick) {
+                onClick(Object.assign(Object.assign({}, contextValue), { key }), event);
+            }
+        } }, icon))));
+    if (tooltip == null) {
+        return element;
+    }
+    const tooltipProps = typeof tooltip === 'string' ? { title: tooltip } : tooltip;
+    return (react_1.default.createElement(antd_components_1.Tooltip, Object.assign({ autoAdjustOverflow: false, placement: "top" }, tooltipProps), element));
+});
+exports.Toolkit.displayName = 'Toolkit';
+//# sourceMappingURL=toolkit.js.map

package/lib/table/toolbar/toolkit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolkit.js","sourceRoot":"","sources":["../../../src/table/toolbar/toolkit.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { memo, useContext } from 'react'\n\nimport { Tooltip } from '../../antd-components'\nimport { TableContext } from '../context'\nimport { Column, Fullscreen, Refresh, Size } from './built-in'\nimport type { ToolkitItem, ToolkitSetting } from './constants'\nimport { BuiltInToolkitType } from './constants'\nimport { IconWrapper } from './icon-wrapper'\nimport styles from './toolbar.module.less'\n\n/**\n * dictionary of built-in toolkits\n */\nconst BUILT_IN_TOOLKIT_SETTING_DICT: {\n  [key in BuiltInToolkitType]: ToolkitSetting\n} = {\n  [BuiltInToolkitType.Fullscreen]: {\n    icon: <Fullscreen />,\n    tooltip: '全屏',\n  },\n  [BuiltInToolkitType.Size]: {\n    icon: <Size />,\n    tooltip: '密度',\n  },\n  [BuiltInToolkitType.Column]: {\n    icon: <Column />,\n    tooltip: '列配置',\n  },\n  [BuiltInToolkitType.Refresh]: {\n    icon: <Refresh />,\n    tooltip: '刷新',\n    condition: (context) => context.refresh != null,\n  },\n}\n\n/**\n * determine the toolkitItem use built-in toolkit or not\n */\nexport const isToolkitType = (toolkitItem: ToolkitItem): toolkitItem is BuiltInToolkitType =>\n  typeof toolkitItem === 'string'\n\n/**\n * get the toolkit setting from toolkitItem\n */\nconst getToolkitSetting = (toolkitItem: ToolkitItem): [ToolkitSetting | undefined, boolean] => {\n  if (isToolkitType(toolkitItem)) {\n    const setting = BUILT_IN_TOOLKIT_SETTING_DICT[toolkitItem]\n\n    /**\n     * print error if the toolkitItem is not a built-in toolkit\n     */\n    if (!setting) {\n      console.error(`built-in toolkit ${toolkitItem} not existed`)\n\n      return [undefined, false]\n    }\n\n    return [setting, true]\n  }\n\n  return [toolkitItem, false]\n}\n\n/**\n * export toolkit component\n */\nexport const Toolkit = memo<{\n  toolkitItem: ToolkitItem\n  refresh?: () => void\n}>(({ toolkitItem }) => {\n  const [toolkitSetting, isBuiltIn] = getToolkitSetting(toolkitItem)\n  const contextValue = useContext(TableContext)\n\n  /**\n   * skip render when toolkitSetting is not existed\n   */\n  if (!toolkitSetting) {\n    return null\n  }\n\n  const { key, onClick, icon, tooltip, condition } = toolkitSetting\n\n  /**\n   * skip render when condition is not satisfied\n   */\n  if (condition && !condition(contextValue)) {\n    return null\n  }\n\n  const element = (\n    <button key={key} className={styles.toolkit}>\n      {isBuiltIn ? (\n        icon\n      ) : (\n        <IconWrapper\n          onClick={(event) => {\n            if (onClick) {\n              onClick(\n                {\n                  ...contextValue,\n                  key,\n                },\n                event\n              )\n            }\n          }}\n        >\n          {icon}\n        </IconWrapper>\n      )}\n    </button>\n  )\n\n  if (tooltip == null) {\n    return element\n  }\n\n  const tooltipProps = typeof tooltip === 'string' ? { title: tooltip } : tooltip\n\n  return (\n    <Tooltip autoAdjustOverflow={false} placement=\"top\" {...tooltipProps}>\n      {element}\n    </Tooltip>\n  )\n})\n\nToolkit.displayName = 'Toolkit'\n"]}

package/lib/table/utils.d.ts

@@ -0,0 +1,4 @@
+import type { ColumnProps } from 'antd/es/table';
+import React from 'react';
+export declare function normalizeColumns<T>(elements: React.ReactChildren): ColumnProps<T>[];
+//# sourceMappingURL=utils.d.ts.map

package/lib/table/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/table/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,QAAQ,EAAE,KAAK,CAAC,aAAa,oBAyBhE"}

package/lib/table/utils.js

@@ -0,0 +1,27 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.normalizeColumns = void 0;
+const react_1 = __importDefault(require("react"));
+function normalizeColumns(elements) {
+    const columns = [];
+    react_1.default.Children.forEach(elements, (element) => {
+        if (!react_1.default.isValidElement(element)) {
+            return;
+        }
+        const column = Object.assign({}, element.props);
+        if (element.key) {
+            column.key = element.key;
+        }
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        if (element.type && element.type.__ANT_TABLE_COLUMN_GROUP) {
+            column.children = normalizeColumns(column.children);
+        }
+        columns.push(column);
+    });
+    return columns;
+}
+exports.normalizeColumns = normalizeColumns;
+//# sourceMappingURL=utils.js.map

package/lib/table/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/table/utils.ts"],"names":[],"mappings":";;;;;;AACA,kDAAyB;AAEzB,SAAgB,gBAAgB,CAAI,QAA6B;IAC/D,MAAM,OAAO,GAAqB,EAAE,CAAA;IAEpC,eAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,OAAO,EAAE,EAAE;QAC3C,IAAI,CAAC,eAAK,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE;YAClC,OAAM;SACP;QAED,MAAM,MAAM,qBACN,OAAO,CAAC,KAAwB,CACrC,CAAA;QAED,IAAI,OAAO,CAAC,GAAG,EAAE;YACf,MAAM,CAAC,GAAG,GAAG,OAAO,CAAC,GAAG,CAAA;SACzB;QAED,8DAA8D;QAC9D,IAAI,OAAO,CAAC,IAAI,IAAK,OAAO,CAAC,IAAY,CAAC,wBAAwB,EAAE;YAClE,MAAM,CAAC,QAAQ,GAAG,gBAAgB,CAAC,MAAM,CAAC,QAAiB,CAAC,CAAA;SAC7D;QAED,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;IACtB,CAAC,CAAC,CAAA;IAEF,OAAO,OAAO,CAAA;AAChB,CAAC;AAzBD,4CAyBC","sourcesContent":["import type { ColumnProps } from 'antd/es/table'\nimport React from 'react'\n\nexport function normalizeColumns<T>(elements: React.ReactChildren) {\n  const columns: ColumnProps<T>[] = []\n\n  React.Children.forEach(elements, (element) => {\n    if (!React.isValidElement(element)) {\n      return\n    }\n\n    const column = {\n      ...(element.props as ColumnProps<T>),\n    }\n\n    if (element.key) {\n      column.key = element.key\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    if (element.type && (element.type as any).__ANT_TABLE_COLUMN_GROUP) {\n      column.children = normalizeColumns(column.children as never)\n    }\n\n    columns.push(column)\n  })\n\n  return columns\n}\n"]}

package/package.json

@@ -1,76 +1,66 @@
 {
-    "name": "tntd",
-    "version": "1.4.17",
-    "description": "ued tnt design",
-    "main": "lib/index.js",
-    "module": "es/index.js",
-    "unpkg": "dist/tntd.js",
-    "scripts": {
-        "start": "doc-scripts start --input docs",
-        "dev": "doc-scripts start --input components/$NAME",
-        "dev:single": "doc-scripts start --input",
-        "build": "npx babel components --out-dir output",
-        "postbuild": "./scripts/postbuild.sh",
-        "build:es": "cross-env BUILD_ENV=es npx babel components --out-dir output",
-        "build:umd": "cross-env BUILD_ENV=umd npx webpack --config ./scripts/webpack.config.js",
-        "analyzer": "webpack-bundle-analyzer --port 8888 ./dist/stats.json",
-        "test": "echo \"Error: no test specified\" $* && exit 1"
+  "name": "tntd",
+  "version": "2.0.0-beta-1",
+  "license": "MIT",
+  "scripts": {
+    "start": "heft start --storybook",
+    "build": "heft build --clean",
+    "build:watch": "heft build --clean --watch",
+    "watch": "rush build:watch --changed-projects-only --to-except tntd",
+    "_phase:build": "heft build --clean",
+    "_phase:test": "heft test --no-build",
+    "svgr": "npx svgr ./svg --out-dir ./src/svg-components",
+    "test": "jest",
+    "test:watch": "jest --watch"
+  },
+  "dependencies": {
+    "@icon-park/react": "^1.3.5",
+    "@stellaris/hooks": "~0.4.6",
+    "classnames": "~2.3.1",
+    "lodash-es": "~4.17.21"
+  },
+  "devDependencies": {
+    "@react-types/shared": "^3.10.1",
+    "@types/react": "~16.14.23",
+    "@types/react-dom": "~16.9.14",
+    "@types/styled-components": "^5.1.15",
+    "@rushstack/eslint-config": "~2.5.1",
+    "@rushstack/heft": "~0.44.2",
+    "@rushstack/heft-storybook-plugin": "~0.1.91",
+    "@types/jest": "~28.1.6",
+    "antd": "^3.26.19",
+    "react": "~16.14.0",
+    "react-dom": "~16.14.0",
+    "jest": "~28.1.0",
+    "styled-components": "^5.3.3",
+    "eslint-plugin-react-hooks": "~4.3.0",
+    "eslint": "~8.11.0",
+    "eslint-plugin-import": "~2.25.4",
+    "typescript": "~4.6.2",
+    "@types/lodash-es": "~4.17.6"
+  },
+  "peerDependencies": {
+    "antd": "^3.26.19",
+    "react": "16 || 17",
+    "react-dom": "16 || 17"
+  },
+  "svgr": {
+    "typescript": true,
+    "memo": true,
+    "dimensions": false,
+    "filenameCase": "kebab",
+    "replaceAttrValues": {
+      "#126bfb": "currentColor"
     },
-    "repository": {
-        "type": "git",
-        "url": "git@gitlab.tongdun.cn:ued/tntd.git"
-    },
-    "keywords": [
-        "tntd",
-        "td",
-        "react",
-        "components",
-        "antd"
-    ],
-    "author": "",
-    "license": "ISC",
-    "peerDependencies": {
-        "antd": ">=3.20.1",
-        "react": ">=16.8.0",
-        "react-dom": ">=16.8.0"
-    },
-    "devDependencies": {
-        "@babel/cli": "^7.6.0",
-        "@babel/core": "^7.6.0",
-        "@babel/plugin-proposal-class-properties": "^7.5.5",
-        "@babel/plugin-proposal-decorators": "^7.6.0",
-        "@babel/plugin-proposal-optional-chaining": "^7.11.0",
-        "@babel/preset-env": "^7.6.0",
-        "@babel/preset-react": "^7.0.0",
-        "antd": "^3.26.20",
-        "autoprefixer": "^10.2.5",
-        "babel-eslint": "^10.1.0",
-        "babel-loader": "^8.0.6",
-        "babel-plugin-import": "^1.12.1",
-        "babel-plugin-styless": "^1.4.25",
-        "css-loader": "^3.6.0",
-        "cssnano": "^4.1.10",
-        "doc-scripts": "^1.8.2",
-        "eslint": "^7.15.0",
-        "less": "^3.11.1",
-        "less-loader": "^4.1.0",
-        "mini-css-extract-plugin": "^1.4.0",
-        "optimize-css-assets-webpack-plugin": "^5.0.4",
-        "postcss": "^8.2.9",
-        "postcss-loader": "^4.2.0",
-        "uglifyjs-webpack-plugin": "^2.2.0",
-        "universal-cookie": "^4.0.3",
-        "url-loader": "^4.1.1",
-        "webpack": "^4.46.0",
-        "webpack-bundle-analyzer": "^4.4.0",
-        "webpack-cli": "^4.6.0"
-    },
-    "dependencies": {
-        "@tntx/logo-icon": "^1.0.1",
-        "copy-to-clipboard": "^3.3.1",
-        "delete-all-cookies": "^0.3.0",
-        "eventemitter3": "^4.0.7",
-        "react-resizable": "^1.11.1",
-        "styled-components": "^5.3.0"
-    }
+    "ref": true
+  },
+  "files": [
+    "lib",
+    "es",
+    "codemod",
+    "themes"
+  ],
+  "main": "lib/index.js",
+  "module": "es/index.js",
+  "typings": "lib/index.d.ts"
 }

package/themes/default/colors.less

@@ -0,0 +1,166 @@
+@import '../utils/colorPalette';
+@blue-6-hover: #005df4;
+@blue-6: #126bfb;
+@purple-6: #722ed1;
+@cyan-6: #13c2c2;
+@green-6: #07c790;
+@magenta-6: #eb2f96;
+@pink-6: #eb2f96;
+@red-6: #d96156;
+@orange-6: #fa8c16;
+@yellow-6: #fadb14;
+@volcano-6: #fa541c;
+@geekblue-6: #2f54eb;
+@lime-6: #a0d911;
+@gold-6: #faad14;
+
+// 字体颜色
+@txt-normal: #17233d;
+@txt-second: fade(@txt-normal, 80%);
+@txt-third: fade(@txt-normal, 50%);
+@txt-disabled: fade(@txt-normal, 30%);
+
+// 线条显色
+@grey-d: #c9d2dd;
+@grey-split: #e1e6ee; // 分割线 常用于表格、collapse
+
+// 背景色
+@bg-disabled: fade(#e1e6ee, 71%);
+@bg-grey-default: #f1f2f5;
+@bg-grey-first: #fafafa;
+@bg-grey-second: #f3f4f6;
+
+// color palettes
+@blue-1: color(~`colorPalette('@{blue-6}', 1) `);
+@blue-2: color(~`colorPalette('@{blue-6}', 2) `);
+@blue-3: color(~`colorPalette('@{blue-6}', 3) `);
+@blue-4: color(~`colorPalette('@{blue-6}', 4) `);
+@blue-5: color(~`colorPalette('@{blue-6}', 5) `);
+@blue-7: color(~`colorPalette('@{blue-6}', 7) `);
+@blue-8: color(~`colorPalette('@{blue-6}', 8) `);
+@blue-9: color(~`colorPalette('@{blue-6}', 9) `);
+@blue-10: color(~`colorPalette('@{blue-6}', 10) `);
+
+@purple-1: color(~`colorPalette('@{purple-6}', 1) `);
+@purple-2: color(~`colorPalette('@{purple-6}', 2) `);
+@purple-3: color(~`colorPalette('@{purple-6}', 3) `);
+@purple-4: color(~`colorPalette('@{purple-6}', 4) `);
+@purple-5: color(~`colorPalette('@{purple-6}', 5) `);
+@purple-7: color(~`colorPalette('@{purple-6}', 7) `);
+@purple-8: color(~`colorPalette('@{purple-6}', 8) `);
+@purple-9: color(~`colorPalette('@{purple-6}', 9) `);
+@purple-10: color(~`colorPalette('@{purple-6}', 10) `);
+
+@cyan-1: color(~`colorPalette('@{cyan-6}', 1) `);
+@cyan-2: color(~`colorPalette('@{cyan-6}', 2) `);
+@cyan-3: color(~`colorPalette('@{cyan-6}', 3) `);
+@cyan-4: color(~`colorPalette('@{cyan-6}', 4) `);
+@cyan-5: color(~`colorPalette('@{cyan-6}', 5) `);
+@cyan-7: color(~`colorPalette('@{cyan-6}', 7) `);
+@cyan-8: color(~`colorPalette('@{cyan-6}', 8) `);
+@cyan-9: color(~`colorPalette('@{cyan-6}', 9) `);
+@cyan-10: color(~`colorPalette('@{cyan-6}', 10) `);
+
+@green-1: color(~`colorPalette('@{green-6}', 1) `);
+@green-2: color(~`colorPalette('@{green-6}', 2) `);
+@green-3: color(~`colorPalette('@{green-6}', 3) `);
+@green-4: color(~`colorPalette('@{green-6}', 4) `);
+@green-5: color(~`colorPalette('@{green-6}', 5) `);
+@green-7: color(~`colorPalette('@{green-6}', 7) `);
+@green-8: color(~`colorPalette('@{green-6}', 8) `);
+@green-9: color(~`colorPalette('@{green-6}', 9) `);
+@green-10: color(~`colorPalette('@{green-6}', 10) `);
+
+@magenta-1: color(~`colorPalette('@{magenta-6}', 1) `);
+@magenta-2: color(~`colorPalette('@{magenta-6}', 2) `);
+@magenta-3: color(~`colorPalette('@{magenta-6}', 3) `);
+@magenta-4: color(~`colorPalette('@{magenta-6}', 4) `);
+@magenta-5: color(~`colorPalette('@{magenta-6}', 5) `);
+@magenta-7: color(~`colorPalette('@{magenta-6}', 7) `);
+@magenta-8: color(~`colorPalette('@{magenta-6}', 8) `);
+@magenta-9: color(~`colorPalette('@{magenta-6}', 9) `);
+@magenta-10: color(~`colorPalette('@{magenta-6}', 10) `);
+
+// alias of magenta
+@pink-1: color(~`colorPalette('@{pink-6}', 1) `);
+@pink-2: color(~`colorPalette('@{pink-6}', 2) `);
+@pink-3: color(~`colorPalette('@{pink-6}', 3) `);
+@pink-4: color(~`colorPalette('@{pink-6}', 4) `);
+@pink-5: color(~`colorPalette('@{pink-6}', 5) `);
+@pink-7: color(~`colorPalette('@{pink-6}', 7) `);
+@pink-8: color(~`colorPalette('@{pink-6}', 8) `);
+@pink-9: color(~`colorPalette('@{pink-6}', 9) `);
+@pink-10: color(~`colorPalette('@{pink-6}', 10) `);
+
+@red-1: color(~`colorPalette('@{red-6}', 1) `);
+@red-2: color(~`colorPalette('@{red-6}', 2) `);
+@red-3: color(~`colorPalette('@{red-6}', 3) `);
+@red-4: color(~`colorPalette('@{red-6}', 4) `);
+@red-5: color(~`colorPalette('@{red-6}', 5) `);
+@red-7: color(~`colorPalette('@{red-6}', 7) `);
+@red-8: color(~`colorPalette('@{red-6}', 8) `);
+@red-9: color(~`colorPalette('@{red-6}', 9) `);
+@red-10: color(~`colorPalette('@{red-6}', 10) `);
+
+@orange-1: color(~`colorPalette('@{orange-6}', 1) `);
+@orange-2: color(~`colorPalette('@{orange-6}', 2) `);
+@orange-3: color(~`colorPalette('@{orange-6}', 3) `);
+@orange-4: color(~`colorPalette('@{orange-6}', 4) `);
+@orange-5: color(~`colorPalette('@{orange-6}', 5) `);
+@orange-7: color(~`colorPalette('@{orange-6}', 7) `);
+@orange-8: color(~`colorPalette('@{orange-6}', 8) `);
+@orange-9: color(~`colorPalette('@{orange-6}', 9) `);
+@orange-10: color(~`colorPalette('@{orange-6}', 10) `);
+
+@yellow-1: color(~`colorPalette('@{yellow-6}', 1) `);
+@yellow-2: color(~`colorPalette('@{yellow-6}', 2) `);
+@yellow-3: color(~`colorPalette('@{yellow-6}', 3) `);
+@yellow-4: color(~`colorPalette('@{yellow-6}', 4) `);
+@yellow-5: color(~`colorPalette('@{yellow-6}', 5) `);
+@yellow-7: color(~`colorPalette('@{yellow-6}', 7) `);
+@yellow-8: color(~`colorPalette('@{yellow-6}', 8) `);
+@yellow-9: color(~`colorPalette('@{yellow-6}', 9) `);
+@yellow-10: color(~`colorPalette('@{yellow-6}', 10) `);
+
+@volcano-1: color(~`colorPalette('@{volcano-6}', 1) `);
+@volcano-2: color(~`colorPalette('@{volcano-6}', 2) `);
+@volcano-3: color(~`colorPalette('@{volcano-6}', 3) `);
+@volcano-4: color(~`colorPalette('@{volcano-6}', 4) `);
+@volcano-5: color(~`colorPalette('@{volcano-6}', 5) `);
+@volcano-7: color(~`colorPalette('@{volcano-6}', 7) `);
+@volcano-8: color(~`colorPalette('@{volcano-6}', 8) `);
+@volcano-9: color(~`colorPalette('@{volcano-6}', 9) `);
+@volcano-10: color(~`colorPalette('@{volcano-6}', 10) `);
+
+@geekblue-1: color(~`colorPalette('@{geekblue-6}', 1) `);
+@geekblue-2: color(~`colorPalette('@{geekblue-6}', 2) `);
+@geekblue-3: color(~`colorPalette('@{geekblue-6}', 3) `);
+@geekblue-4: color(~`colorPalette('@{geekblue-6}', 4) `);
+@geekblue-5: color(~`colorPalette('@{geekblue-6}', 5) `);
+@geekblue-7: color(~`colorPalette('@{geekblue-6}', 7) `);
+@geekblue-8: color(~`colorPalette('@{geekblue-6}', 8) `);
+@geekblue-9: color(~`colorPalette('@{geekblue-6}', 9) `);
+@geekblue-10: color(~`colorPalette('@{geekblue-6}', 10) `);
+
+@lime-1: color(~`colorPalette('@{lime-6}', 1) `);
+@lime-2: color(~`colorPalette('@{lime-6}', 2) `);
+@lime-3: color(~`colorPalette('@{lime-6}', 3) `);
+@lime-4: color(~`colorPalette('@{lime-6}', 4) `);
+@lime-5: color(~`colorPalette('@{lime-6}', 5) `);
+@lime-7: color(~`colorPalette('@{lime-6}', 7) `);
+@lime-8: color(~`colorPalette('@{lime-6}', 8) `);
+@lime-9: color(~`colorPalette('@{lime-6}', 9) `);
+@lime-10: color(~`colorPalette('@{lime-6}', 10) `);
+
+@gold-1: color(~`colorPalette('@{gold-6}', 1) `);
+@gold-2: color(~`colorPalette('@{gold-6}', 2) `);
+@gold-3: color(~`colorPalette('@{gold-6}', 3) `);
+@gold-4: color(~`colorPalette('@{gold-6}', 4) `);
+@gold-5: color(~`colorPalette('@{gold-6}', 5) `);
+@gold-7: color(~`colorPalette('@{gold-6}', 7) `);
+@gold-8: color(~`colorPalette('@{gold-6}', 8) `);
+@gold-9: color(~`colorPalette('@{gold-6}', 9) `);
+@gold-10: color(~`colorPalette('@{gold-6}', 10) `);
+
+@preset-colors: pink, magenta, red, volcano, orange, yellow, gold, cyan, lime, green, blue, geekblue,
+  purple;