tntd 2.8.0-beta.3 → 3.0.0-beta.1

package/es/radio/style/index.js

@@ -1,2 +1,3 @@
 import '../../style/index.less';
-import './index.less';
+import './index.less';
+//# sourceMappingURL=index.js.map

package/es/rate/index.js

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

package/es/rate/style/index.js

@@ -1,4 +1,5 @@
 import '../../style/index.less';
 import './index.less';
 // style dependencies
-import '../../tooltip/style';
+import '../../tooltip/style';
+//# sourceMappingURL=index.js.map

package/es/render-empty/index.js

@@ -1,2 +1,3 @@
 import { renderEmpty } from './render-empty';
-export default renderEmpty;
+export default renderEmpty;
+//# sourceMappingURL=index.js.map

package/es/render-empty/render-empty.js

@@ -1,22 +1,19 @@
 import React from 'react';
 import { ConfigConsumer } from 'antd/es/config-provider';
 import { Empty } from '../empty';
-export const renderEmpty = componentName => React.createElement(ConfigConsumer, null, () => {
-  switch (componentName) {
-    case 'Table':
-    case 'List':
-      return React.createElement(Empty, {
-        type: "no-result"
-      });
-    case 'Select':
-    case 'TreeSelect':
-    case 'Cascader':
-    case 'Transfer':
-    case 'Mentions':
-      return React.createElement(Empty, {
-        size: "mini"
-      });
-    default:
-      return React.createElement(Empty, null);
-  }
-});
+export const renderEmpty = (componentName) => (React.createElement(ConfigConsumer, null, () => {
+    switch (componentName) {
+        case 'Table':
+        case 'List':
+            return React.createElement(Empty, { type: "no-result" });
+        case 'Select':
+        case 'TreeSelect':
+        case 'Cascader':
+        case 'Transfer':
+        case 'Mentions':
+            return React.createElement(Empty, { size: "mini" });
+        default:
+            return React.createElement(Empty, null);
+    }
+}));
+//# sourceMappingURL=render-empty.js.map

package/es/result/index.js

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

package/es/result/style/index.js

@@ -1,2 +1,3 @@
 import '../../style/index.less';
-import './index.less';
+import './index.less';
+//# sourceMappingURL=index.js.map

package/es/row/index.js

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

package/es/row/style/index.js

@@ -1,4 +1,5 @@
 import '../../style/index.less';
 // style dependencies
 // deps-lint-skip: grid
-import '../../grid/style';
+import '../../grid/style';
+//# sourceMappingURL=index.js.map

package/es/segmented/index.js

@@ -1,10 +1,13 @@
-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 RcSegmented from 'rc-segmented';
@@ -12,56 +15,36 @@ import * as React from 'react';
 import './index.less';
 const SizeContext = React.createContext(undefined);
 function isSegmentedLabeledOptionWithIcon(option) {
-  return typeof option === 'object' && !!(option === null || option === void 0 ? void 0 : option.icon);
+    return typeof option === 'object' && !!(option === null || option === void 0 ? void 0 : option.icon);
 }
 const Segmented = React.forwardRef((props, ref) => {
-  const {
-      prefixCls: customizePrefixCls,
-      className,
-      rootClassName,
-      block,
-      options = [],
-      size: customSize = 'middle',
-      style
-    } = props,
-    restProps = __rest(props, ["prefixCls", "className", "rootClassName", "block", "options", "size", "style"]);
-  const prefixCls = 'tntd-segmented';
-  // ===================== Size =====================
-  const size = React.useContext(SizeContext);
-  const mergedSize = customSize || size;
-  // syntactic sugar to support `icon` for Segmented Item
-  const extendedOptions = React.useMemo(() => options.map(option => {
-    if (isSegmentedLabeledOptionWithIcon(option)) {
-      const {
-          icon,
-          label
-        } = option,
-        restOption = __rest(option, ["icon", "label"]);
-      return Object.assign(Object.assign({}, restOption), {
-        label: React.createElement(React.Fragment, null, React.createElement("span", {
-          className: `${prefixCls}-item-icon`
-        }, icon), label && React.createElement("span", null, label))
-      });
-    }
-    return option;
-  }), [options, prefixCls]);
-  const cls = classNames(className, rootClassName, {
-    [`${prefixCls}-block`]: block,
-    [`${prefixCls}-sm`]: mergedSize === 'small',
-    [`${prefixCls}-lg`]: mergedSize === 'large'
-  });
-  const mergedStyle = Object.assign({}, style);
-  return React.createElement(RcSegmented, Object.assign({}, restProps, {
-    className: cls,
-    style: mergedStyle,
-    options: extendedOptions,
-    //   options={options}
-    ref: ref,
-    rev: "",
-    prefixCls: prefixCls
-  }));
+    const { prefixCls: customizePrefixCls, className, rootClassName, block, options = [], size: customSize = 'middle', style } = props, restProps = __rest(props, ["prefixCls", "className", "rootClassName", "block", "options", "size", "style"]);
+    const prefixCls = 'tntd-segmented';
+    // ===================== Size =====================
+    const size = React.useContext(SizeContext);
+    const mergedSize = customSize || size;
+    // syntactic sugar to support `icon` for Segmented Item
+    const extendedOptions = React.useMemo(() => options.map((option) => {
+        if (isSegmentedLabeledOptionWithIcon(option)) {
+            const { icon, label } = option, restOption = __rest(option, ["icon", "label"]);
+            return Object.assign(Object.assign({}, restOption), { label: (React.createElement(React.Fragment, null,
+                    React.createElement("span", { className: `${prefixCls}-item-icon` }, icon),
+                    label && React.createElement("span", null, label))) });
+        }
+        return option;
+    }), [options, prefixCls]);
+    const cls = classNames(className, rootClassName, {
+        [`${prefixCls}-block`]: block,
+        [`${prefixCls}-sm`]: mergedSize === 'small',
+        [`${prefixCls}-lg`]: mergedSize === 'large',
+    });
+    const mergedStyle = Object.assign({}, style);
+    return (React.createElement(RcSegmented, Object.assign({}, restProps, { className: cls, style: mergedStyle, options: extendedOptions, 
+        //   options={options}
+        ref: ref, rev: "", prefixCls: prefixCls })));
 });
 if (process.env.NODE_ENV !== 'production') {
-  Segmented.displayName = 'Segmented';
+    Segmented.displayName = 'Segmented';
 }
-export default Segmented;
+export default Segmented;
+//# sourceMappingURL=index.js.map

package/es/segmented/index.less

@@ -1,138 +1,152 @@
 .tntd-segmented {
-    box-sizing: border-box;
-    margin: 0;
-    padding: 0;
-    color: rgba(0,0,0,.65);
-    font-size: 14px;
-    line-height: 1.5715;
-    list-style: none;
-
-    display: inline-block;
-    padding: 2px;
-    color: rgba(0,0,0,.65);
-    background-color: rgba(0,0,0,.04);
-    border-radius: 2px;
-    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-    font-family: initial;
-
-    .tntd-segmented-group {
+  box-sizing: border-box;
+  margin: 0;
+  font-size: 14px;
+  line-height: 1.5715;
+  list-style: none;
+
+  display: inline-block;
+  padding: 2px;
+  color: #17233D;
+  text-overflow: ellipsis;
+  // background-color: rgba(0,0,0,.04);
+  // border-radius: 2px;
+  border-radius: var(---, 8px);
+  background: var(---, #F8F9FB);
+  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+  font-family: initial;
+  font-weight: 400;
+
+  .tntd-segmented-group {
+      position: relative;
+      display: flex;
+      align-items: stretch;
+      justify-items: flex-start;
+      width: 100%;
+    }
+
+    // item styles
+    .tntd-segmented-item {
+      position: relative;
+      text-align: center;
+      cursor: pointer;
+      transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+      border-radius: var(---, 8px);
+      &-selected {
+        background-color: #fff;
+        border-radius: var(---, 8px);
+        box-shadow: 0 2px 8px -2px rgba(0,0,0,.05), 0 1px 4px -1px rgba(0,0,0,.07),
+          0 0 1px rgba(0,0,0,.08);
+        color: #262626;
         position: relative;
-        display: flex;
-        align-items: stretch;
-        justify-items: flex-start;
-        width: 100%;
+        z-index: 20;
       }
 
-      // item styles
-      .tntd-segmented-item {
-        position: relative;
-        text-align: center;
-        cursor: pointer;
-        transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-
-        &-selected {
-          background-color: #fff;
-          border-radius: 2px;
-          box-shadow: 0 2px 8px -2px rgba(0,0,0,.05), 0 1px 4px -1px rgba(0,0,0,.07),
-            0 0 1px rgba(0,0,0,.08);
-          color: #262626;
-        }
-
-        &:hover,
-        &:focus {
-          color: #262626;
-        }
-
-        &-label {
-          min-height: 28px;
-          padding: 0 12px;
-          line-height: 28px;
-          overflow: hidden;
-          white-space: nowrap;
-          text-overflow: ellipsis;
-          word-break: keep-all;
-        }
-
-        // syntactic sugar to add `icon` for Segmented Item
-        &-icon + * {
-          margin-left: 6px;
-        }
-
-        &-input {
-          position: absolute;
-          top: 0;
-          left: 0;
-          width: 0;
-          height: 0;
-          opacity: 0;
-          pointer-events: none;
-        }
+
+      &:hover:not(&-selected),
+      &:focus:not(&-selected) {
+        background: var(---, #E9EDF3);      
       }
 
-      // disabled styles
-      .tntd-segmented-item-disabled {
-        &,
-        &:hover,
-        &:focus {
-          color: rgba(0,0,0,.25);
-          cursor: not-allowed;
-        }
+      &:active:not(&-selected) {
+        background: var(---300, #E1E6EE);       
+      }
+      &-label {
+        min-height: 28px;
+        padding: 0 12px;
+        line-height: 28px;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+        word-break: keep-all;
       }
 
-      // thumb styles
-      .tntd-segmented-thumb {
-        background-color: #fff;
-        border-radius: 2px;
-        box-shadow: 0 2px 8px -2px rgba(0,0,0,.05), 0 1px 4px -1px rgba(0,0,0,.07),
-            0 0 1px rgba(0,0,0,.08);
+      // syntactic sugar to add `icon` for Segmented Item
+      &-icon + * {
+        margin-left: 6px;
+      }
 
+      &-input {
         position: absolute;
         top: 0;
         left: 0;
         width: 0;
-        height: 100%;
-        padding: 4px 0;
-      }
-
-      // transition effect when `appear-active`
-      .tntd-segmented-thumb-motion-appear-active {
-        transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-        transition-property: all !important;
-        will-change: transform, width;
+        height: 0;
+        opacity: 0;
+        pointer-events: none;
       }
+    }
 
-    // hover/focus styles
-    &:not(&-disabled) {
+    // disabled styles
+    .tntd-segmented-item-disabled {
+      &,
       &:hover,
       &:focus {
-        background-color: rgba(0,0,0,.06);
+        cursor: not-allowed;
+        background-color: transparent !important;
+        color: #BABDC5;
       }
     }
-  }
-
-  .tntd-segmented-block {
-    display: flex;
 
-    .tntd-segmented-item {
-        flex: 1;
-        min-width: 0;
+    // thumb styles
+    .tntd-segmented-thumb {
+      background-color: #fff; 
+      border-radius: var(---, 8px);
+      box-shadow: 0 2px 8px -2px rgba(0,0,0,.05), 0 1px 4px -1px rgba(0,0,0,.07),
+          0 0 1px rgba(0,0,0,.08);
+
+      position: absolute;
+      inset-block-start: 0;
+      inset-inline-start: 0;
+      top: 0;
+      left: 0;
+      width: 0;
+      height: 100%;
+      padding: 4px 0;
+      ~.tntd-segmented-item:not(.tntd-segmented-item-selected):not(.tntd-segmented-item-disabled) {
+        background-color: transparent;       
+      }
     }
-  }
 
-  // size styles
-  .tntd-segmented-lg {
-    .tntd-segmented-item-label {
-        min-height: 36px;
-        padding: 0 12px;
-        font-size: 16px;
-        line-height: 36px;
+    // transition effect when `appear-active`
+    .tntd-segmented-thumb-motion-appear-active {
+      transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+      transition-property: all !important;
+      will-change: transform, width;
     }
+
+  // hover/focus styles
+  // &:not(&-disabled) {
+  //   &:hover,
+  //   &:focus {
+  //     background-color: rgba(0,0,0,.06);
+  //   }
+  // }
+}
+
+.tntd-segmented-block {
+  display: flex;
+
+  .tntd-segmented-item {
+      flex: 1;
+      min-width: 0;
+  }
+}
+
+// size styles
+.tntd-segmented-lg {
+  .tntd-segmented-item-label {
+      min-height: 36px;
+      padding: 0 12px;
+      font-size: 16px;
+      line-height: 36px;
   }
+}
 
-  .tntd-segmented-sm {
-    .tntd-segmented-item-label {
-        min-height: 22px;
-        line-height: 22px;
-        padding: 0 7px;
-    }
+.tntd-segmented-sm {
+  .tntd-segmented-item-label {
+      min-height: 22px;
+      line-height: 22px;
+      padding: 0 7px;
   }
+}

package/es/select/index.js

@@ -1,5 +1,6 @@
+import { Select } from './select';
 import './style';
 import './select.less';
 export * from 'antd/es/select';
-import { Select } from './select';
-export default Select;
+export default Select;
+//# sourceMappingURL=index.js.map

package/es/select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/select/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAA;AAChB,OAAO,eAAe,CAAA;AAEtB,cAAc,gBAAgB,CAAA;AAE9B,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAA;AAG9C,eAAe,MAAM,CAAA","sourcesContent":["import './style'\nimport './select.less'\n\nexport * from 'antd/es/select'\n\nimport { Select, SelectProps } from './select'\n\nexport { SelectProps }\nexport default Select\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAA;AAC9C,OAAO,SAAS,CAAA;AAChB,OAAO,eAAe,CAAA;AAEtB,cAAc,gBAAgB,CAAA;AAE9B,eAAe,MAAM,CAAA","sourcesContent":["import { Select, SelectProps } from './select'\nimport './style'\nimport './select.less'\n\nexport * from 'antd/es/select'\nexport { SelectProps }\nexport default Select\n"]}

package/es/select/select.js

@@ -1,56 +1,41 @@
-import _get from "lodash/get";
-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 React, { forwardRef } from 'react';
 import { default as AntdSelect } from 'antd/es/select';
 import { ConfigConsumer } from 'antd/es/config-provider';
 import classNames from 'classnames';
+import { get } from 'lodash';
 import { connectReadonlyComponent } from '../connect';
 import PreviewText from '../preview-text';
 import { capitalizeFirstLetter } from '../utils';
-const {
-  Option
-} = AntdSelect;
+const { Option } = AntdSelect;
+const tntPrefixCls = 'tnt-select';
 export const InternalSelect = forwardRef((_a, ref) => {
-  var {
-      className,
-      borderStyle,
-      options,
-      fieldNames,
-      children
-    } = _a,
-    props = __rest(_a, ["className", "borderStyle", "options", "fieldNames", "children"]);
-  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),
-      className: classNames(className, {
-        [`${prefixCls}-outline`]: borderStyle === 'outline'
-      }),
-      ref: ref
-    }), children ? children : options === null || options === void 0 ? void 0 : options.map(option => {
-      if (typeof option === 'object') {
-        return React.createElement(Option, {
-          key: _get(option, (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.value) || 'value'),
-          value: _get(option, (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.value) || 'value'),
-          disabled: !!option.disabled
-        }, _get(option, (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.label) || 'label'));
-      }
-      return React.createElement(Option, {
-        key: option,
-        value: option
-      }, option);
+    var { className, borderStyle, options, fieldNames, children } = _a, props = __rest(_a, ["className", "borderStyle", "options", "fieldNames", "children"]);
+    return (React.createElement(ConfigConsumer, null, () => {
+        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), className: classNames(className, tntPrefixCls, {
+                [`${tntPrefixCls}-outline`]: borderStyle === 'outline',
+                [`${tntPrefixCls}-fill`]: borderStyle === 'fill',
+            }), ref: ref }), children
+            ? children
+            : options === null || options === void 0 ? void 0 : options.map((option) => {
+                if (typeof option === 'object') {
+                    return (React.createElement(Option, { key: get(option, (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.value) || 'value'), value: get(option, (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.value) || 'value'), disabled: !!option.disabled }, get(option, (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.label) || 'label')));
+                }
+                return (React.createElement(Option, { key: option, value: option }, option));
+            })));
     }));
-  });
 });
 export const Select = connectReadonlyComponent(InternalSelect, PreviewText.Select);
 Select.OptGroup = AntdSelect.OptGroup;
-Select.Option = AntdSelect.Option;
+Select.Option = AntdSelect.Option;
+//# sourceMappingURL=select.js.map

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,YAAY,GAAG,YAAY,CAAA;AAEjC,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,GAAG,EAAE;QACJ,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,YAAY,EAAE;gBAC7C,CAAC,GAAG,YAAY,UAAU,CAAC,EAAE,WAAW,KAAK,SAAS;gBACtD,CAAC,GAAG,YAAY,OAAO,CAAC,EAAE,WAAW,KAAK,MAAM;aACjD,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' | 'fill'\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\nconst tntPrefixCls = 'tnt-select'\n\nexport const InternalSelect = forwardRef<AntdSelect, SelectProps & { capitalize?: boolean }>(\n  ({ className, borderStyle, options, fieldNames, children, ...props }, ref) => (\n    <ConfigConsumer>\n      {() => {\n        return (\n          <AntdSelect\n            {...props}\n            placeholder={capitalizeFirstLetter(props?.placeholder, props?.capitalize)}\n            className={classNames(className, tntPrefixCls, {\n              [`${tntPrefixCls}-outline`]: borderStyle === 'outline',\n              [`${tntPrefixCls}-fill`]: borderStyle === 'fill',\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"]}