tntd 2.1.0 → 2.1.2

package/es/table/table.stories.js

@@ -1,163 +1,154 @@
 import React from 'react';
 import Tag from '../tag';
 import { Table } from './';
-const {
-  Column,
-  ColumnGroup
-} = Table;
+const { Column, ColumnGroup } = Table;
 export default {
-  component: Table,
-  title: 'Table',
-  parameters: {
-    backgrounds: {
-      default: 'gary',
-      values: [{
-        name: 'gary',
-        value: '#f1f2f5'
-      }]
-    }
-  }
+    component: Table,
+    title: 'Table',
+    parameters: {
+        backgrounds: {
+            default: 'gary',
+            values: [{ name: 'gary', value: '#f1f2f5' }],
+        },
+    },
 };
-const Template = args => React.createElement("div", {
-  style: {
-    marginTop: '20px'
-  }
-}, React.createElement(Table, Object.assign({}, args)));
+const Template = (args) => (React.createElement("div", { style: {
+        marginTop: '20px',
+    } },
+    React.createElement(Table, Object.assign({}, args))));
 export const Empty = Template.bind({});
 Empty.args = {
-  columns: [{
-    title: '姓名',
-    dataIndex: 'name',
-    key: 'name'
-  }, {
-    title: '年龄',
-    dataIndex: 'age',
-    key: 'age'
-  }, {
-    title: '住址',
-    dataIndex: 'address',
-    key: 'address'
-  }]
+    columns: [
+        {
+            title: '姓名',
+            dataIndex: 'name',
+            key: 'name',
+        },
+        {
+            title: '年龄',
+            dataIndex: 'age',
+            key: 'age',
+        },
+        {
+            title: '住址',
+            dataIndex: 'address',
+            key: 'address',
+        },
+    ],
 };
 export const Loading = Template.bind({});
 Loading.args = {
-  columns: [{
-    title: '姓名',
-    dataIndex: 'name',
-    key: 'name'
-  }, {
-    title: '年龄',
-    dataIndex: 'age',
-    key: 'age'
-  }, {
-    title: '住址',
-    dataIndex: 'address',
-    key: 'address'
-  }],
-  loading: true
+    columns: [
+        {
+            title: '姓名',
+            dataIndex: 'name',
+            key: 'name',
+        },
+        {
+            title: '年龄',
+            dataIndex: 'age',
+            key: 'age',
+        },
+        {
+            title: '住址',
+            dataIndex: 'address',
+            key: 'address',
+        },
+    ],
+    loading: true,
 };
 export const Default = Template.bind({});
 Default.args = {
-  columns: [{
-    title: '姓名',
-    dataIndex: 'name',
-    key: 'name'
-  }, {
-    title: '年龄',
-    dataIndex: 'age',
-    key: 'age',
-    render: cellData => React.createElement(Tag, {
-      color: "green"
-    }, cellData)
-  }, {
-    title: '住址',
-    dataIndex: 'address',
-    key: 'address'
-  }],
-  dataSource: [{
-    key: '1',
-    name: '胡彦斌',
-    age: 32,
-    address: '西湖区湖底公园1号'
-  }, {
-    key: '2',
-    name: '胡彦祖',
-    age: 42,
-    address: '西湖区湖底公园1号'
-  }],
-  pagination: {
-    total: 50,
-    position: 'bottom',
-    showSizeChanger: true,
-    showQuickJumper: true,
-    showTotal: (total, range) => `${range[0]}-${range[1]}, 共 ${total} 条记录`
-  },
-  loading: false
+    columns: [
+        {
+            title: '姓名',
+            dataIndex: 'name',
+            key: 'name',
+        },
+        {
+            title: '年龄',
+            dataIndex: 'age',
+            key: 'age',
+            render: (cellData) => React.createElement(Tag, { color: "green" }, cellData),
+        },
+        {
+            title: '住址',
+            dataIndex: 'address',
+            key: 'address',
+        },
+    ],
+    dataSource: [
+        {
+            key: '1',
+            name: '胡彦斌',
+            age: 32,
+            address: '西湖区湖底公园1号',
+        },
+        {
+            key: '2',
+            name: '胡彦祖',
+            age: 42,
+            address: '西湖区湖底公园1号',
+        },
+    ],
+    pagination: {
+        total: 50,
+        position: 'bottom',
+        showSizeChanger: true,
+        showQuickJumper: true,
+        showTotal: (total, range) => `${range[0]}-${range[1]}, 共 ${total} 条记录`,
+    },
+    loading: false,
 };
-export const ColumnFilter = args => React.createElement("div", {
-  style: {
-    marginTop: '20px'
-  }
-}, React.createElement(Table, Object.assign({}, args), React.createElement(ColumnGroup, {
-  title: "Name"
-}, React.createElement(Column, {
-  title: "First Name",
-  dataIndex: "firstName",
-  key: "firstName"
-}), React.createElement(Column, {
-  title: "Last Name",
-  dataIndex: "lastName",
-  key: "lastName"
-})), React.createElement(Column, {
-  title: "Age",
-  dataIndex: "age",
-  key: "age"
-}), React.createElement(Column, {
-  title: "Address",
-  dataIndex: "address",
-  key: "address"
-}), React.createElement(Column, {
-  title: "Tags",
-  dataIndex: "tags",
-  key: "tags",
-  render: tags => React.createElement("span", null, tags.map(tag => React.createElement(Tag, {
-    color: "blue",
-    key: tag
-  }, tag)))
-}), React.createElement(Column, {
-  title: "Action",
-  key: "action",
-  render: (_, record) => React.createElement("span", null, React.createElement("a", null, "Invite ", record.lastName), React.createElement("a", null, "Delete"))
-})));
+export const ColumnFilter = (args) => (React.createElement("div", { style: {
+        marginTop: '20px',
+    } },
+    React.createElement(Table, Object.assign({}, args),
+        React.createElement(ColumnGroup, { title: "Name" },
+            React.createElement(Column, { title: "First Name", dataIndex: "firstName", key: "firstName" }),
+            React.createElement(Column, { title: "Last Name", dataIndex: "lastName", key: "lastName" })),
+        React.createElement(Column, { title: "Age", dataIndex: "age", key: "age" }),
+        React.createElement(Column, { title: "Address", dataIndex: "address", key: "address" }),
+        React.createElement(Column, { title: "Tags", dataIndex: "tags", key: "tags", render: (tags) => (React.createElement("span", null, tags.map((tag) => (React.createElement(Tag, { color: "blue", key: tag }, tag))))) }),
+        React.createElement(Column, { title: "Action", key: "action", render: (_, record) => (React.createElement("span", null,
+                React.createElement("a", null,
+                    "Invite ",
+                    record.lastName),
+                React.createElement("a", null, "Delete"))) }))));
 ColumnFilter.args = {
-  dataSource: [{
-    key: '1',
-    firstName: 'John',
-    lastName: 'Brown',
-    age: 32,
-    address: 'New York No. 1 Lake Park',
-    tags: ['nice', 'developer']
-  }, {
-    key: '2',
-    firstName: 'Jim',
-    lastName: 'Green',
-    age: 42,
-    address: 'London No. 1 Lake Park',
-    tags: ['loser']
-  }, {
-    key: '3',
-    firstName: 'Joe',
-    lastName: 'Black',
-    age: 32,
-    address: 'Sidney No. 1 Lake Park',
-    tags: ['cool', 'teacher']
-  }],
-  pagination: {
-    total: 50,
-    position: 'bottom',
-    showSizeChanger: true,
-    showQuickJumper: true,
-    showTotal: (total, range) => `${range[0]}-${range[1]} of ${total} items`
-  },
-  loading: false
-};
+    dataSource: [
+        {
+            key: '1',
+            firstName: 'John',
+            lastName: 'Brown',
+            age: 32,
+            address: 'New York No. 1 Lake Park',
+            tags: ['nice', 'developer'],
+        },
+        {
+            key: '2',
+            firstName: 'Jim',
+            lastName: 'Green',
+            age: 42,
+            address: 'London No. 1 Lake Park',
+            tags: ['loser'],
+        },
+        {
+            key: '3',
+            firstName: 'Joe',
+            lastName: 'Black',
+            age: 32,
+            address: 'Sidney No. 1 Lake Park',
+            tags: ['cool', 'teacher'],
+        },
+    ],
+    pagination: {
+        total: 50,
+        position: 'bottom',
+        showSizeChanger: true,
+        showQuickJumper: true,
+        showTotal: (total, range) => `${range[0]}-${range[1]} of ${total} items`,
+    },
+    loading: false,
+};
+//# sourceMappingURL=table.stories.js.map

package/es/table/utils.js

@@ -1,19 +1,20 @@
 import React from 'react';
 export function normalizeColumns(elements) {
-  const columns = [];
-  React.Children.forEach(elements, element => {
-    if (!React.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;
-}
+    const columns = [];
+    React.Children.forEach(elements, (element) => {
+        if (!React.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;
+}
+//# sourceMappingURL=utils.js.map

package/es/tabs/index.js

@@ -1,4 +1,5 @@
 import Tabs from 'antd/es/tabs';
 import 'antd/es/tabs/style';
 export * from 'antd/es/tabs';
-export default Tabs;
+export default Tabs;
+//# sourceMappingURL=index.js.map

package/es/tag/index.js

@@ -1,42 +1,45 @@
-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;
+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 classNames from 'classnames';
 import React, { useMemo } from 'react';
 import alpha from 'color-alpha';
 import { ConfigConsumer } from 'antd/es/config-provider';
 import AntdTag from 'antd/es/tag';
+import Ellipsis from '../ellipsis';
 import 'antd/es/tag/style';
 import './tag.less';
-import Ellipsis from '../ellipsis';
 export * from 'antd/es/tag';
 export var TagPalettes;
 (function (TagPalettes) {
-  TagPalettes["cyan"] = "cyan";
-  TagPalettes["green"] = "green";
-  TagPalettes["iris"] = "iris";
-  TagPalettes["blue"] = "blue";
-  TagPalettes["lavender"] = "lavender";
-  TagPalettes["orange"] = "orange";
-  TagPalettes["golden"] = "golden";
-  TagPalettes["red"] = "red";
-  TagPalettes["grey"] = "grey";
+    TagPalettes["cyan"] = "cyan";
+    TagPalettes["green"] = "green";
+    TagPalettes["iris"] = "iris";
+    TagPalettes["blue"] = "blue";
+    TagPalettes["lavender"] = "lavender";
+    TagPalettes["orange"] = "orange";
+    TagPalettes["golden"] = "golden";
+    TagPalettes["red"] = "red";
+    TagPalettes["grey"] = "grey";
 })(TagPalettes || (TagPalettes = {}));
 const palettes = {
-  [TagPalettes.cyan]: '#1e9493',
-  [TagPalettes.green]: '#07c790',
-  [TagPalettes.iris]: '#5e47d3',
-  [TagPalettes.blue]: '#126bfb',
-  [TagPalettes.lavender]: '#945fb9',
-  [TagPalettes.orange]: '#ed7b20',
-  [TagPalettes.golden]: '#de8a02',
-  [TagPalettes.red]: '#d96156',
-  [TagPalettes.grey]: '#5e6e90'
+    [TagPalettes.cyan]: '#1e9493',
+    [TagPalettes.green]: '#07c790',
+    [TagPalettes.iris]: '#5e47d3',
+    [TagPalettes.blue]: '#126bfb',
+    [TagPalettes.lavender]: '#945fb9',
+    [TagPalettes.orange]: '#ed7b20',
+    [TagPalettes.golden]: '#de8a02',
+    [TagPalettes.red]: '#d96156',
+    [TagPalettes.grey]: '#5e6e90',
 };
 /**
  * 计算标签样式
@@ -46,97 +49,77 @@ const palettes = {
  * @param textColorSame
  */
 const computeTagStyle = (type, color, textColorSame) => {
-  if (!color) {
-    return;
-  }
-  switch (type) {
-    case 'dot':
-      if (textColorSame) {
-        return {
-          color
-        };
-      }
-      return;
-    case 'filled':
-      return {
-        color: '#fff',
-        backgroundColor: color
-      };
-    case 'rounded':
-      return {
-        color,
-        backgroundColor: alpha(color, 0.1)
-      };
-    case 'outline':
-      return {
-        color,
-        borderColor: alpha(color, 0.4),
-        backgroundColor: alpha(color, 0.1)
-      };
-  }
-};
-export const Tag = _a => {
-  var {
-      className,
-      children,
-      type,
-      palette,
-      icon,
-      style,
-      textColorSame = icon != null,
-      iconPosition = 'prefix',
-      ellipsisOptions
-    } = _a,
-    props = __rest(_a, ["className", "children", "type", "palette", "icon", "style", "textColorSame", "iconPosition", "ellipsisOptions"]);
-  const normalizeType = useMemo(() => {
-    if (icon) {
-      return 'dot';
+    if (!color) {
+        return;
+    }
+    switch (type) {
+        case 'dot':
+            if (textColorSame) {
+                return {
+                    color,
+                };
+            }
+            return;
+        case 'filled':
+            return {
+                color: '#fff',
+                backgroundColor: color,
+            };
+        case 'rounded':
+            return {
+                color,
+                backgroundColor: alpha(color, 0.1),
+            };
+        case 'outline':
+            return {
+                color,
+                borderColor: alpha(color, 0.4),
+                backgroundColor: alpha(color, 0.1),
+            };
     }
-    return type;
-  }, [icon, type]);
-  const color = useMemo(() => palettes[palette] || palette, [palette]);
-  const tagStyle = useMemo(() => computeTagStyle(normalizeType, color, textColorSame), [color, textColorSame, normalizeType]);
-  const hasIcon = useMemo(() => icon != null, [icon]);
-  return React.createElement(ConfigConsumer, null, ({
-    getPrefixCls
-  }) => {
-    const prefixCls = getPrefixCls('tag');
-    const displayEllipsisOptions = (() => {
-      const options = Object.assign({}, ellipsisOptions);
-      const iconElement = React.createElement("span", {
-        className: `${prefixCls}-icon`,
-        style: {
-          color
+};
+export const Tag = (_a) => {
+    var { className, children, type, palette, icon, style, textColorSame = icon != null, iconPosition = 'prefix', ellipsisOptions } = _a, props = __rest(_a, ["className", "children", "type", "palette", "icon", "style", "textColorSame", "iconPosition", "ellipsisOptions"]);
+    const normalizeType = useMemo(() => {
+        if (icon) {
+            return 'dot';
         }
-      }, icon);
-      if (iconPosition === 'prefix') {
-        options.prefix = iconElement;
-      }
-      if (iconPosition === 'suffix') {
-        options.suffix = iconElement;
-      }
-      if (options.Popover === true) {
-        options.content = children;
-      } else {
-        options.title = children;
-      }
-      return options;
-    })();
-    return React.createElement(AntdTag, Object.assign({}, props, {
-      className: classNames(className, {
-        [`${prefixCls}-dot`]: normalizeType === 'dot',
-        [`${prefixCls}-outline`]: normalizeType === 'outline',
-        [`${prefixCls}-filled`]: normalizeType === 'filled',
-        [`${prefixCls}-rounded`]: normalizeType === 'rounded'
-      }),
-      style: Object.assign(Object.assign({}, style), tagStyle)
-    }), normalizeType === 'dot' && icon == null && React.createElement("span", {
-      className: `${prefixCls}-dot-symbol`,
-      style: {
-        backgroundColor: color
-      }
-    }), hasIcon ? React.createElement(Ellipsis, Object.assign({}, displayEllipsisOptions), children) : children);
-  });
+        return type;
+    }, [icon, type]);
+    const color = useMemo(() => palettes[palette] || palette, [palette]);
+    const tagStyle = useMemo(() => computeTagStyle(normalizeType, color, textColorSame), [color, textColorSame, normalizeType]);
+    const hasIcon = useMemo(() => icon != null, [icon]);
+    return (React.createElement(ConfigConsumer, null, ({ getPrefixCls }) => {
+        const prefixCls = getPrefixCls('tag');
+        const displayEllipsisOptions = (() => {
+            const options = Object.assign({}, ellipsisOptions);
+            const iconElement = (React.createElement("span", { className: `${prefixCls}-icon`, style: { color } }, icon));
+            if (iconPosition === 'prefix') {
+                options.prefix = iconElement;
+            }
+            if (iconPosition === 'suffix') {
+                options.suffix = iconElement;
+            }
+            if (options.Popover === true) {
+                options.content = children;
+            }
+            else {
+                options.title = children;
+            }
+            return options;
+        })();
+        return (React.createElement(AntdTag, Object.assign({}, props, { className: classNames(className, {
+                [`${prefixCls}-dot`]: normalizeType === 'dot',
+                [`${prefixCls}-outline`]: normalizeType === 'outline',
+                [`${prefixCls}-filled`]: normalizeType === 'filled',
+                [`${prefixCls}-rounded`]: normalizeType === 'rounded',
+            }), style: Object.assign(Object.assign({}, style), tagStyle) }),
+            normalizeType === 'dot' && icon == null && (React.createElement("span", { className: `${prefixCls}-dot-symbol`, style: {
+                    backgroundColor: color,
+                } })),
+            hasIcon ? React.createElement(Ellipsis, Object.assign({}, displayEllipsisOptions), children) : children));
+    }));
 };
 Tag.CheckableTag = AntdTag.CheckableTag;
-export default Tag;
+export default Tag;
+//# sourceMappingURL=index.js.map

package/es/tag/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tag/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,EAAE,EAAa,OAAO,EAAE,MAAM,OAAO,CAAA;AACjD,OAAO,KAAK,MAAM,aAAa,CAAA;AAE/B,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAExD,OAAO,OAAO,MAAM,aAAa,CAAA;AAGjC,OAAO,mBAAmB,CAAA;AAC1B,OAAO,YAAY,CAAA;AACnB,OAAO,QAAQ,MAAM,aAAa,CAAA;AAElC,cAAc,aAAa,CAAA;AAE3B,MAAM,CAAN,IAAY,WAUX;AAVD,WAAY,WAAW;IACrB,4BAAa,CAAA;IACb,8BAAe,CAAA;IACf,4BAAa,CAAA;IACb,4BAAa,CAAA;IACb,oCAAqB,CAAA;IACrB,gCAAiB,CAAA;IACjB,gCAAiB,CAAA;IACjB,0BAAW,CAAA;IACX,4BAAa,CAAA;AACf,CAAC,EAVW,WAAW,KAAX,WAAW,QAUtB;AAED,MAAM,QAAQ,GAAG;IACf,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,SAAS;IAC7B,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,SAAS;IAC9B,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,SAAS;IAC7B,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,SAAS;IAC7B,CAAC,WAAW,CAAC,QAAQ,CAAC,EAAE,SAAS;IACjC,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,SAAS;IAC/B,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,SAAS;IAC/B,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,SAAS;IAC5B,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,SAAS;CAC9B,CAAA;AAmCD;;;;;;GAMG;AACH,MAAM,eAAe,GAAG,CACtB,IAAsB,EACtB,KAAc,EACd,aAAuB,EACI,EAAE;IAC7B,IAAI,CAAC,KAAK,EAAE;QACV,OAAM;KACP;IAED,QAAQ,IAAI,EAAE;QACZ,KAAK,KAAK;YACR,IAAI,aAAa,EAAE;gBACjB,OAAO;oBACL,KAAK;iBACN,CAAA;aACF;YAED,OAAM;QACR,KAAK,QAAQ;YACX,OAAO;gBACL,KAAK,EAAE,MAAM;gBACb,eAAe,EAAE,KAAK;aACvB,CAAA;QACH,KAAK,SAAS;YACZ,OAAO;gBACL,KAAK;gBACL,eAAe,EAAE,KAAK,CAAC,KAAK,EAAE,GAAG,CAAC;aACnC,CAAA;QACH,KAAK,SAAS;YACZ,OAAO;gBACL,KAAK;gBACL,WAAW,EAAE,KAAK,CAAC,KAAK,EAAE,GAAG,CAAC;gBAC9B,eAAe,EAAE,KAAK,CAAC,KAAK,EAAE,GAAG,CAAC;aACnC,CAAA;KACJ;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC,EAWT,EAAE,EAAE;QAXK,EAClB,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,KAAK,EACL,aAAa,GAAG,IAAI,IAAI,IAAI,EAC5B,YAAY,GAAG,QAAQ,EACvB,eAAe,OAEN,EADN,KAAK,cAVU,iHAWnB,CADS;IAER,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QACjC,IAAI,IAAI,EAAE;YACR,OAAO,KAAK,CAAA;SACb;QAED,OAAO,IAAI,CAAA;IACb,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAA;IAChB,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAsB,CAAC,IAAI,OAAO,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IACnF,MAAM,QAAQ,GAAG,OAAO,CACtB,GAAG,EAAE,CAAC,eAAe,CAAC,aAAa,EAAE,KAAK,EAAE,aAAa,CAAC,EAC1D,CAAC,KAAK,EAAE,aAAa,EAAE,aAAa,CAAC,CACtC,CAAA;IACD,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,IAAI,IAAI,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEnD,OAAO,CACL,oBAAC,cAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,CAAA;QACrC,MAAM,sBAAsB,GAAG,CAAC,GAAG,EAAE;YACnC,MAAM,OAAO,qBACR,eAAe,CACnB,CAAA;YACD,MAAM,WAAW,GAAG,CAClB,8BAAM,SAAS,EAAE,GAAG,SAAS,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IACnD,IAAI,CACA,CACR,CAAA;YAED,IAAI,YAAY,KAAK,QAAQ,EAAE;gBAC7B,OAAO,CAAC,MAAM,GAAG,WAAW,CAAA;aAC7B;YAED,IAAI,YAAY,KAAK,QAAQ,EAAE;gBAC7B,OAAO,CAAC,MAAM,GAAG,WAAW,CAAA;aAC7B;YAED,IAAI,OAAO,CAAC,OAAO,KAAK,IAAI,EAAE;gBAC5B,OAAO,CAAC,OAAO,GAAG,QAAQ,CAAA;aAC3B;iBAAM;gBACL,OAAO,CAAC,KAAK,GAAG,QAAQ,CAAA;aACzB;YAED,OAAO,OAAO,CAAA;QAChB,CAAC,CAAC,EAAE,CAAA;QAEJ,OAAO,CACL,oBAAC,OAAO,oBACF,KAAK,IACT,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE;gBAC/B,CAAC,GAAG,SAAS,MAAM,CAAC,EAAE,aAAa,KAAK,KAAK;gBAC7C,CAAC,GAAG,SAAS,UAAU,CAAC,EAAE,aAAa,KAAK,SAAS;gBACrD,CAAC,GAAG,SAAS,SAAS,CAAC,EAAE,aAAa,KAAK,QAAQ;gBACnD,CAAC,GAAG,SAAS,UAAU,CAAC,EAAE,aAAa,KAAK,SAAS;aACtD,CAAC,EACF,KAAK,kCACA,KAAK,GACL,QAAQ;YAGZ,aAAa,KAAK,KAAK,IAAI,IAAI,IAAI,IAAI,IAAI,CAC1C,8BACE,SAAS,EAAE,GAAG,SAAS,aAAa,EACpC,KAAK,EAAE;oBACL,eAAe,EAAE,KAAK;iBACvB,GACD,CACH;YACA,OAAO,CAAC,CAAC,CAAC,oBAAC,QAAQ,oBAAK,sBAAsB,GAAG,QAAQ,CAAY,CAAC,CAAC,CAAC,QAAQ,CACzE,CACX,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAAA;AAED,GAAG,CAAC,YAAY,GAAG,OAAO,CAAC,YAAY,CAAA;AAEvC,eAAe,GAAG,CAAA","sourcesContent":["import classNames from 'classnames'\nimport React, { ReactNode, useMemo } from 'react'\nimport alpha from 'color-alpha'\n\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport type { TagProps as AntdTagProps } from 'antd/es/tag'\nimport AntdTag from 'antd/es/tag'\nimport type { CSSProperties } from 'react'\n\nimport 'antd/es/tag/style'\nimport './tag.less'\nimport Ellipsis from '../ellipsis'\n\nexport * from 'antd/es/tag'\n\nexport enum TagPalettes {\n  cyan = 'cyan',\n  green = 'green',\n  iris = 'iris',\n  blue = 'blue',\n  lavender = 'lavender',\n  orange = 'orange',\n  golden = 'golden',\n  red = 'red',\n  grey = 'grey',\n}\n\nconst palettes = {\n  [TagPalettes.cyan]: '#1e9493',\n  [TagPalettes.green]: '#07c790',\n  [TagPalettes.iris]: '#5e47d3',\n  [TagPalettes.blue]: '#126bfb',\n  [TagPalettes.lavender]: '#945fb9',\n  [TagPalettes.orange]: '#ed7b20',\n  [TagPalettes.golden]: '#de8a02',\n  [TagPalettes.red]: '#d96156',\n  [TagPalettes.grey]: '#5e6e90',\n}\n\nexport interface TagProps extends AntdTagProps {\n  /**\n   * 类型\n   */\n  type?: 'dot' | 'filled' | 'outline' | 'rounded'\n  /**\n   * 颜色\n   */\n  palette?: TagPalettes | string\n  /**\n   * 文字是否同色\n   */\n  textColorSame?: boolean\n  /**\n   * 图标\n   */\n  icon?: ReactNode\n  /**\n   * 图标位置\n   */\n  iconPosition?: 'prefix' | 'suffix'\n  /**\n   * 省略配置\n   */\n  ellipsisOptions?: {\n    Popover?: boolean\n    emptyText?: string\n    widthLimit?: number | string\n    lines?: number\n    [key: string]: unknown\n  }\n}\n\n/**\n * 计算标签样式\n *\n * @param type\n * @param preset\n * @param textColorSame\n */\nconst computeTagStyle = (\n  type: TagProps['type'],\n  color?: string,\n  textColorSame?: boolean\n): CSSProperties | undefined => {\n  if (!color) {\n    return\n  }\n\n  switch (type) {\n    case 'dot':\n      if (textColorSame) {\n        return {\n          color,\n        }\n      }\n\n      return\n    case 'filled':\n      return {\n        color: '#fff',\n        backgroundColor: color,\n      }\n    case 'rounded':\n      return {\n        color,\n        backgroundColor: alpha(color, 0.1),\n      }\n    case 'outline':\n      return {\n        color,\n        borderColor: alpha(color, 0.4),\n        backgroundColor: alpha(color, 0.1),\n      }\n  }\n}\n\nexport const Tag = ({\n  className,\n  children,\n  type,\n  palette,\n  icon,\n  style,\n  textColorSame = icon != null,\n  iconPosition = 'prefix',\n  ellipsisOptions,\n  ...props\n}: TagProps) => {\n  const normalizeType = useMemo(() => {\n    if (icon) {\n      return 'dot'\n    }\n\n    return type\n  }, [icon, type])\n  const color = useMemo(() => palettes[palette as TagPalettes] || palette, [palette])\n  const tagStyle = useMemo(\n    () => computeTagStyle(normalizeType, color, textColorSame),\n    [color, textColorSame, normalizeType]\n  )\n  const hasIcon = useMemo(() => icon != null, [icon])\n\n  return (\n    <ConfigConsumer>\n      {({ getPrefixCls }) => {\n        const prefixCls = getPrefixCls('tag')\n        const displayEllipsisOptions = (() => {\n          const options = {\n            ...ellipsisOptions,\n          }\n          const iconElement = (\n            <span className={`${prefixCls}-icon`} style={{ color }}>\n              {icon}\n            </span>\n          )\n\n          if (iconPosition === 'prefix') {\n            options.prefix = iconElement\n          }\n\n          if (iconPosition === 'suffix') {\n            options.suffix = iconElement\n          }\n\n          if (options.Popover === true) {\n            options.content = children\n          } else {\n            options.title = children\n          }\n\n          return options\n        })()\n\n        return (\n          <AntdTag\n            {...props}\n            className={classNames(className, {\n              [`${prefixCls}-dot`]: normalizeType === 'dot',\n              [`${prefixCls}-outline`]: normalizeType === 'outline',\n              [`${prefixCls}-filled`]: normalizeType === 'filled',\n              [`${prefixCls}-rounded`]: normalizeType === 'rounded',\n            })}\n            style={{\n              ...style,\n              ...tagStyle,\n            }}\n          >\n            {normalizeType === 'dot' && icon == null && (\n              <span\n                className={`${prefixCls}-dot-symbol`}\n                style={{\n                  backgroundColor: color,\n                }}\n              />\n            )}\n            {hasIcon ? <Ellipsis {...displayEllipsisOptions}>{children}</Ellipsis> : children}\n          </AntdTag>\n        )\n      }}\n    </ConfigConsumer>\n  )\n}\n\nTag.CheckableTag = AntdTag.CheckableTag\n\nexport default Tag\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tag/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,EAAE,EAAa,OAAO,EAAE,MAAM,OAAO,CAAA;AACjD,OAAO,KAAK,MAAM,aAAa,CAAA;AAE/B,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAExD,OAAO,OAAO,MAAM,aAAa,CAAA;AAGjC,OAAO,QAAQ,MAAM,aAAa,CAAA;AAElC,OAAO,mBAAmB,CAAA;AAC1B,OAAO,YAAY,CAAA;AAEnB,cAAc,aAAa,CAAA;AAE3B,MAAM,CAAN,IAAY,WAUX;AAVD,WAAY,WAAW;IACrB,4BAAa,CAAA;IACb,8BAAe,CAAA;IACf,4BAAa,CAAA;IACb,4BAAa,CAAA;IACb,oCAAqB,CAAA;IACrB,gCAAiB,CAAA;IACjB,gCAAiB,CAAA;IACjB,0BAAW,CAAA;IACX,4BAAa,CAAA;AACf,CAAC,EAVW,WAAW,KAAX,WAAW,QAUtB;AAED,MAAM,QAAQ,GAAG;IACf,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,SAAS;IAC7B,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,SAAS;IAC9B,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,SAAS;IAC7B,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,SAAS;IAC7B,CAAC,WAAW,CAAC,QAAQ,CAAC,EAAE,SAAS;IACjC,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,SAAS;IAC/B,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,SAAS;IAC/B,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,SAAS;IAC5B,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,SAAS;CAC9B,CAAA;AAmCD;;;;;;GAMG;AACH,MAAM,eAAe,GAAG,CACtB,IAAsB,EACtB,KAAc,EACd,aAAuB,EACI,EAAE;IAC7B,IAAI,CAAC,KAAK,EAAE;QACV,OAAM;KACP;IAED,QAAQ,IAAI,EAAE;QACZ,KAAK,KAAK;YACR,IAAI,aAAa,EAAE;gBACjB,OAAO;oBACL,KAAK;iBACN,CAAA;aACF;YAED,OAAM;QACR,KAAK,QAAQ;YACX,OAAO;gBACL,KAAK,EAAE,MAAM;gBACb,eAAe,EAAE,KAAK;aACvB,CAAA;QACH,KAAK,SAAS;YACZ,OAAO;gBACL,KAAK;gBACL,eAAe,EAAE,KAAK,CAAC,KAAK,EAAE,GAAG,CAAC;aACnC,CAAA;QACH,KAAK,SAAS;YACZ,OAAO;gBACL,KAAK;gBACL,WAAW,EAAE,KAAK,CAAC,KAAK,EAAE,GAAG,CAAC;gBAC9B,eAAe,EAAE,KAAK,CAAC,KAAK,EAAE,GAAG,CAAC;aACnC,CAAA;KACJ;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC,EAWT,EAAE,EAAE;QAXK,EAClB,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,KAAK,EACL,aAAa,GAAG,IAAI,IAAI,IAAI,EAC5B,YAAY,GAAG,QAAQ,EACvB,eAAe,OAEN,EADN,KAAK,cAVU,iHAWnB,CADS;IAER,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QACjC,IAAI,IAAI,EAAE;YACR,OAAO,KAAK,CAAA;SACb;QAED,OAAO,IAAI,CAAA;IACb,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAA;IAChB,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAsB,CAAC,IAAI,OAAO,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IACnF,MAAM,QAAQ,GAAG,OAAO,CACtB,GAAG,EAAE,CAAC,eAAe,CAAC,aAAa,EAAE,KAAK,EAAE,aAAa,CAAC,EAC1D,CAAC,KAAK,EAAE,aAAa,EAAE,aAAa,CAAC,CACtC,CAAA;IACD,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,IAAI,IAAI,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEnD,OAAO,CACL,oBAAC,cAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,CAAA;QACrC,MAAM,sBAAsB,GAAG,CAAC,GAAG,EAAE;YACnC,MAAM,OAAO,qBACR,eAAe,CACnB,CAAA;YACD,MAAM,WAAW,GAAG,CAClB,8BAAM,SAAS,EAAE,GAAG,SAAS,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IACnD,IAAI,CACA,CACR,CAAA;YAED,IAAI,YAAY,KAAK,QAAQ,EAAE;gBAC7B,OAAO,CAAC,MAAM,GAAG,WAAW,CAAA;aAC7B;YAED,IAAI,YAAY,KAAK,QAAQ,EAAE;gBAC7B,OAAO,CAAC,MAAM,GAAG,WAAW,CAAA;aAC7B;YAED,IAAI,OAAO,CAAC,OAAO,KAAK,IAAI,EAAE;gBAC5B,OAAO,CAAC,OAAO,GAAG,QAAQ,CAAA;aAC3B;iBAAM;gBACL,OAAO,CAAC,KAAK,GAAG,QAAQ,CAAA;aACzB;YAED,OAAO,OAAO,CAAA;QAChB,CAAC,CAAC,EAAE,CAAA;QAEJ,OAAO,CACL,oBAAC,OAAO,oBACF,KAAK,IACT,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE;gBAC/B,CAAC,GAAG,SAAS,MAAM,CAAC,EAAE,aAAa,KAAK,KAAK;gBAC7C,CAAC,GAAG,SAAS,UAAU,CAAC,EAAE,aAAa,KAAK,SAAS;gBACrD,CAAC,GAAG,SAAS,SAAS,CAAC,EAAE,aAAa,KAAK,QAAQ;gBACnD,CAAC,GAAG,SAAS,UAAU,CAAC,EAAE,aAAa,KAAK,SAAS;aACtD,CAAC,EACF,KAAK,kCACA,KAAK,GACL,QAAQ;YAGZ,aAAa,KAAK,KAAK,IAAI,IAAI,IAAI,IAAI,IAAI,CAC1C,8BACE,SAAS,EAAE,GAAG,SAAS,aAAa,EACpC,KAAK,EAAE;oBACL,eAAe,EAAE,KAAK;iBACvB,GACD,CACH;YACA,OAAO,CAAC,CAAC,CAAC,oBAAC,QAAQ,oBAAK,sBAAsB,GAAG,QAAQ,CAAY,CAAC,CAAC,CAAC,QAAQ,CACzE,CACX,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAAA;AAED,GAAG,CAAC,YAAY,GAAG,OAAO,CAAC,YAAY,CAAA;AAEvC,eAAe,GAAG,CAAA","sourcesContent":["import classNames from 'classnames'\nimport React, { ReactNode, useMemo } from 'react'\nimport alpha from 'color-alpha'\n\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport type { TagProps as AntdTagProps } from 'antd/es/tag'\nimport AntdTag from 'antd/es/tag'\nimport type { CSSProperties } from 'react'\n\nimport Ellipsis from '../ellipsis'\n\nimport 'antd/es/tag/style'\nimport './tag.less'\n\nexport * from 'antd/es/tag'\n\nexport enum TagPalettes {\n  cyan = 'cyan',\n  green = 'green',\n  iris = 'iris',\n  blue = 'blue',\n  lavender = 'lavender',\n  orange = 'orange',\n  golden = 'golden',\n  red = 'red',\n  grey = 'grey',\n}\n\nconst palettes = {\n  [TagPalettes.cyan]: '#1e9493',\n  [TagPalettes.green]: '#07c790',\n  [TagPalettes.iris]: '#5e47d3',\n  [TagPalettes.blue]: '#126bfb',\n  [TagPalettes.lavender]: '#945fb9',\n  [TagPalettes.orange]: '#ed7b20',\n  [TagPalettes.golden]: '#de8a02',\n  [TagPalettes.red]: '#d96156',\n  [TagPalettes.grey]: '#5e6e90',\n}\n\nexport interface TagProps extends AntdTagProps {\n  /**\n   * 类型\n   */\n  type?: 'dot' | 'filled' | 'outline' | 'rounded'\n  /**\n   * 颜色\n   */\n  palette?: TagPalettes | string\n  /**\n   * 文字是否同色\n   */\n  textColorSame?: boolean\n  /**\n   * 图标\n   */\n  icon?: ReactNode\n  /**\n   * 图标位置\n   */\n  iconPosition?: 'prefix' | 'suffix'\n  /**\n   * 省略配置\n   */\n  ellipsisOptions?: {\n    Popover?: boolean\n    emptyText?: string\n    widthLimit?: number | string\n    lines?: number\n    [key: string]: unknown\n  }\n}\n\n/**\n * 计算标签样式\n *\n * @param type\n * @param preset\n * @param textColorSame\n */\nconst computeTagStyle = (\n  type: TagProps['type'],\n  color?: string,\n  textColorSame?: boolean\n): CSSProperties | undefined => {\n  if (!color) {\n    return\n  }\n\n  switch (type) {\n    case 'dot':\n      if (textColorSame) {\n        return {\n          color,\n        }\n      }\n\n      return\n    case 'filled':\n      return {\n        color: '#fff',\n        backgroundColor: color,\n      }\n    case 'rounded':\n      return {\n        color,\n        backgroundColor: alpha(color, 0.1),\n      }\n    case 'outline':\n      return {\n        color,\n        borderColor: alpha(color, 0.4),\n        backgroundColor: alpha(color, 0.1),\n      }\n  }\n}\n\nexport const Tag = ({\n  className,\n  children,\n  type,\n  palette,\n  icon,\n  style,\n  textColorSame = icon != null,\n  iconPosition = 'prefix',\n  ellipsisOptions,\n  ...props\n}: TagProps) => {\n  const normalizeType = useMemo(() => {\n    if (icon) {\n      return 'dot'\n    }\n\n    return type\n  }, [icon, type])\n  const color = useMemo(() => palettes[palette as TagPalettes] || palette, [palette])\n  const tagStyle = useMemo(\n    () => computeTagStyle(normalizeType, color, textColorSame),\n    [color, textColorSame, normalizeType]\n  )\n  const hasIcon = useMemo(() => icon != null, [icon])\n\n  return (\n    <ConfigConsumer>\n      {({ getPrefixCls }) => {\n        const prefixCls = getPrefixCls('tag')\n        const displayEllipsisOptions = (() => {\n          const options = {\n            ...ellipsisOptions,\n          }\n          const iconElement = (\n            <span className={`${prefixCls}-icon`} style={{ color }}>\n              {icon}\n            </span>\n          )\n\n          if (iconPosition === 'prefix') {\n            options.prefix = iconElement\n          }\n\n          if (iconPosition === 'suffix') {\n            options.suffix = iconElement\n          }\n\n          if (options.Popover === true) {\n            options.content = children\n          } else {\n            options.title = children\n          }\n\n          return options\n        })()\n\n        return (\n          <AntdTag\n            {...props}\n            className={classNames(className, {\n              [`${prefixCls}-dot`]: normalizeType === 'dot',\n              [`${prefixCls}-outline`]: normalizeType === 'outline',\n              [`${prefixCls}-filled`]: normalizeType === 'filled',\n              [`${prefixCls}-rounded`]: normalizeType === 'rounded',\n            })}\n            style={{\n              ...style,\n              ...tagStyle,\n            }}\n          >\n            {normalizeType === 'dot' && icon == null && (\n              <span\n                className={`${prefixCls}-dot-symbol`}\n                style={{\n                  backgroundColor: color,\n                }}\n              />\n            )}\n            {hasIcon ? <Ellipsis {...displayEllipsisOptions}>{children}</Ellipsis> : children}\n          </AntdTag>\n        )\n      }}\n    </ConfigConsumer>\n  )\n}\n\nTag.CheckableTag = AntdTag.CheckableTag\n\nexport default Tag\n"]}