tntd 2.7.29 → 2.7.30

package/es/tntd-select/_util/getIcons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getIcons.js","sourceRoot":"","sources":["../../../src/tntd-select/_util/getIcons.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAA;AAI3B,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,UAAU,EACV,SAAS,EACT,oBAAoB,EACpB,UAAU,EACV,OAAO,EACP,QAAQ,EACR,WAAW,EACX,SAAS,EACT,SAAS,EACT,YAAY,GAYb;IACC,aAAa;IACb,MAAM,eAAe,GAAG,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,oBAAC,IAAI,IAAC,IAAI,EAAC,cAAc,EAAC,KAAK,EAAC,QAAQ,GAAG,CAAA;IAEhF,2BAA2B;IAC3B,MAAM,iBAAiB,GAAG,CAAC,SAAqB,EAAE,EAAE,CAAC,CACnD;QACG,SAAS,KAAK,KAAK,IAAI,SAAS;QAChC,WAAW,IAAI,YAAY,CAC3B,CACJ,CAAA;IAED,kBAAkB;IAClB,IAAI,gBAAgB,GAAG,IAAI,CAAA;IAC3B,IAAI,UAAU,KAAK,SAAS,EAAE;QAC5B,gBAAgB,GAAG,iBAAiB,CAAC,UAAU,CAAC,CAAA;KACjD;SAAM,IAAI,OAAO,EAAE;QAClB,gBAAgB,GAAG,iBAAiB,CAAC,oBAAC,IAAI,IAAC,IAAI,EAAC,SAAS,GAAG,CAAC,CAAA;KAC9D;SAAM;QACL,MAAM,OAAO,GAAG,GAAG,SAAS,SAAS,CAAA;QACrC,gBAAgB,GAAG,CAAC,EAAE,IAAI,EAAE,UAAU,EAA0C,EAAE,EAAE;YAClF,IAAI,IAAI,IAAI,UAAU,EAAE;gBACtB,OAAO,iBAAiB,CAAC,oBAAC,IAAI,IAAC,SAAS,EAAE,OAAO,EAAE,IAAI,EAAC,QAAQ,GAAG,CAAC,CAAA;aACrE;YACD,OAAO,iBAAiB,CAAC,oBAAC,IAAI,IAAC,SAAS,EAAE,OAAO,EAAE,IAAI,EAAC,MAAM,GAAG,CAAC,CAAA;QACpE,CAAC,CAAA;KACF;IAED,oBAAoB;IACpB,IAAI,cAAc,GAAG,IAAI,CAAA;IACzB,IAAI,oBAAoB,KAAK,SAAS,EAAE;QACtC,cAAc,GAAG,oBAAoB,CAAA;KACtC;SAAM,IAAI,QAAQ,EAAE;QACnB,cAAc,GAAG,oBAAC,IAAI,IAAC,IAAI,EAAC,OAAO,GAAG,CAAA;KACvC;SAAM;QACL,cAAc,GAAG,IAAI,CAAA;KACtB;IAED,IAAI,gBAAgB,GAAG,IAAI,CAAA;IAC3B,IAAI,UAAU,KAAK,SAAS,EAAE;QAC5B,gBAAgB,GAAG,UAAU,CAAA;KAC9B;SAAM;QACL,gBAAgB,GAAG,oBAAC,IAAI,IAAC,IAAI,EAAC,OAAO,GAAG,CAAA;KACzC;IAED,OAAO;QACL,SAAS,EAAE,eAAe;QAC1B,UAAU,EAAE,gBAAgB;QAC5B,QAAQ,EAAE,cAAc;QACxB,UAAU,EAAE,gBAAgB;KAC7B,CAAA;AACH,CAAC","sourcesContent":["import type { ReactNode } from 'react'\nimport * as React from 'react'\nimport { Icon } from 'antd'\n\ntype RenderNode = React.ReactNode | ((props: any) => React.ReactNode)\n\nexport default function getIcons({\n  suffixIcon,\n  clearIcon,\n  menuItemSelectedIcon,\n  removeIcon,\n  loading,\n  multiple,\n  hasFeedback,\n  prefixCls,\n  showArrow,\n  feedbackIcon,\n}: {\n  suffixIcon?: React.ReactNode\n  clearIcon?: RenderNode\n  menuItemSelectedIcon?: RenderNode\n  removeIcon?: RenderNode\n  loading?: boolean\n  multiple?: boolean\n  hasFeedback?: boolean\n  feedbackIcon?: ReactNode\n  prefixCls: string\n  showArrow?: boolean\n}) {\n  // Clear Icon\n  const mergedClearIcon = clearIcon ?? <Icon type=\"close-circle\" theme=\"filled\" />\n\n  // Validation Feedback Icon\n  const getSuffixIconNode = (arrowIcon?: ReactNode) => (\n    <>\n      {showArrow !== false && arrowIcon}\n      {hasFeedback && feedbackIcon}\n    </>\n  )\n\n  // Arrow item icon\n  let mergedSuffixIcon = null\n  if (suffixIcon !== undefined) {\n    mergedSuffixIcon = getSuffixIconNode(suffixIcon)\n  } else if (loading) {\n    mergedSuffixIcon = getSuffixIconNode(<Icon type=\"loading\" />)\n  } else {\n    const iconCls = `${prefixCls}-suffix`\n    mergedSuffixIcon = ({ open, showSearch }: { open: boolean; showSearch: boolean }) => {\n      if (open && showSearch) {\n        return getSuffixIconNode(<Icon className={iconCls} type=\"search\" />)\n      }\n      return getSuffixIconNode(<Icon className={iconCls} type=\"down\" />)\n    }\n  }\n\n  // Checked item icon\n  let mergedItemIcon = null\n  if (menuItemSelectedIcon !== undefined) {\n    mergedItemIcon = menuItemSelectedIcon\n  } else if (multiple) {\n    mergedItemIcon = <Icon type=\"check\" />\n  } else {\n    mergedItemIcon = null\n  }\n\n  let mergedRemoveIcon = null\n  if (removeIcon !== undefined) {\n    mergedRemoveIcon = removeIcon\n  } else {\n    mergedRemoveIcon = <Icon type=\"close\" />\n  }\n\n  return {\n    clearIcon: mergedClearIcon,\n    suffixIcon: mergedSuffixIcon,\n    itemIcon: mergedItemIcon,\n    removeIcon: mergedRemoveIcon,\n  }\n}\n"]}

package/es/tntd-select/_util/interface.js

@@ -0,0 +1,4 @@
+export const tuple = (...args) => args;
+const ValidateStatuses = tuple('success', 'warning', 'error', 'validating', '');
+const SelectPlacements = tuple('bottomLeft', 'bottomRight', 'topLeft', 'topRight');
+const InputStatuses = tuple('warning', 'error', '');

package/es/tntd-select/_util/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interface.js","sourceRoot":"","sources":["../../../src/tntd-select/_util/interface.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,MAAM,KAAK,GAAG,CAAqB,GAAG,IAAO,EAAE,EAAE,CAAC,IAAI,CAAA;AAE7D,MAAM,gBAAgB,GAAG,KAAK,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,CAAC,CAAA;AAI/E,MAAM,gBAAgB,GAAG,KAAK,CAAC,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,UAAU,CAAC,CAAA;AAIlF,MAAM,aAAa,GAAG,KAAK,CAAC,SAAS,EAAE,OAAO,EAAE,EAAE,CAAC,CAAA","sourcesContent":["import type { ReactElement, JSXElementConstructor } from 'react'\n\nexport type SizeType = 'small' | 'middle' | 'large' | undefined\n\nexport type DirectionType = 'ltr' | 'rtl' | undefined\n\nexport const tuple = <T extends string[]>(...args: T) => args\n\nconst ValidateStatuses = tuple('success', 'warning', 'error', 'validating', '')\n\nexport type ValidateStatus = typeof ValidateStatuses[number]\n\nconst SelectPlacements = tuple('bottomLeft', 'bottomRight', 'topLeft', 'topRight')\n\nexport type SelectCommonPlacement = typeof SelectPlacements[number]\n\nconst InputStatuses = tuple('warning', 'error', '')\n\nexport type InputStatus = typeof InputStatuses[number]\n\nexport interface SpaceCompactItemContextType {\n  compactSize?: SizeType\n  compactDirection?: 'horizontal' | 'vertical'\n  isFirstItem?: boolean\n  isLastItem?: boolean\n}\n\nexport interface FormItemStatusContextProps {\n  isFormItemInput?: boolean\n  status?: ValidateStatus\n  hasFeedback?: boolean\n  feedbackIcon?: React.ReactNode\n}\n\nexport type DropdownRender = (\n  menu: ReactElement<any, string | JSXElementConstructor<any>>\n) => ReactElement<any, string | JSXElementConstructor<any>>\n"]}

package/es/tntd-select/_util/motion.js

@@ -0,0 +1,47 @@
+import { tuple } from './type';
+// ================== Collapse Motion ==================
+const getCollapsedHeight = () => ({
+  height: 0,
+  opacity: 0
+});
+const getRealHeight = node => {
+  const {
+    scrollHeight
+  } = node;
+  return {
+    height: scrollHeight,
+    opacity: 1
+  };
+};
+const getCurrentHeight = node => ({
+  height: node ? node.offsetHeight : 0
+});
+const skipOpacityTransition = (_, event) => (event === null || event === void 0 ? void 0 : event.deadline) === true || event.propertyName === 'height';
+const collapseMotion = {
+  motionName: 'ant-motion-collapse',
+  onAppearStart: getCollapsedHeight,
+  onEnterStart: getCollapsedHeight,
+  onAppearActive: getRealHeight,
+  onEnterActive: getRealHeight,
+  onLeaveStart: getCurrentHeight,
+  onLeaveActive: getCollapsedHeight,
+  onAppearEnd: skipOpacityTransition,
+  onEnterEnd: skipOpacityTransition,
+  onLeaveEnd: skipOpacityTransition,
+  motionDeadline: 500
+};
+const SelectPlacements = tuple('bottomLeft', 'bottomRight', 'topLeft', 'topRight');
+const getTransitionDirection = placement => {
+  if (placement !== undefined && (placement === 'topLeft' || placement === 'topRight')) {
+    return `slide-down`;
+  }
+  return `slide-up`;
+};
+const getTransitionName = (rootPrefixCls, motion, transitionName) => {
+  if (transitionName !== undefined) {
+    return transitionName;
+  }
+  return `${rootPrefixCls}-${motion}`;
+};
+export { getTransitionName, getTransitionDirection };
+export default collapseMotion;

package/es/tntd-select/_util/motion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"motion.js","sourceRoot":"","sources":["../../../src/tntd-select/_util/motion.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAE/B,wDAAwD;AACxD,MAAM,kBAAkB,GAAuB,GAAG,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC;AACjF,MAAM,aAAa,GAAuB,IAAI,CAAC,EAAE;IAC/C,MAAM,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC;IAC9B,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC;AAC9C,CAAC,CAAC;AACF,MAAM,gBAAgB,GAAuB,IAAI,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;AAChG,MAAM,qBAAqB,GAA0B,CAAC,CAAC,EAAE,KAAkB,EAAE,EAAE,CAC7E,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,MAAK,IAAI,IAAK,KAAyB,CAAC,YAAY,KAAK,QAAQ,CAAC;AAEnF,MAAM,cAAc,GAAmB;IACrC,UAAU,EAAE,qBAAqB;IACjC,aAAa,EAAE,kBAAkB;IACjC,YAAY,EAAE,kBAAkB;IAChC,cAAc,EAAE,aAAa;IAC7B,aAAa,EAAE,aAAa;IAC5B,YAAY,EAAE,gBAAgB;IAC9B,aAAa,EAAE,kBAAkB;IACjC,WAAW,EAAE,qBAAqB;IAClC,UAAU,EAAE,qBAAqB;IACjC,UAAU,EAAE,qBAAqB;IACjC,cAAc,EAAE,GAAG;CACpB,CAAC;AAEF,MAAM,gBAAgB,GAAG,KAAK,CAAC,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC;AAGnF,MAAM,sBAAsB,GAAG,CAAC,SAA4C,EAAE,EAAE;IAC9E,IAAI,SAAS,KAAK,SAAS,IAAI,CAAC,SAAS,KAAK,SAAS,IAAI,SAAS,KAAK,UAAU,CAAC,EAAE;QACpF,OAAO,YAAY,CAAC;KACrB;IACD,OAAO,UAAU,CAAC;AACpB,CAAC,CAAC;AAEF,MAAM,iBAAiB,GAAG,CAAC,aAAqB,EAAE,MAAc,EAAE,cAAuB,EAAE,EAAE;IAC3F,IAAI,cAAc,KAAK,SAAS,EAAE;QAChC,OAAO,cAAc,CAAC;KACvB;IACD,OAAO,GAAG,aAAa,IAAI,MAAM,EAAE,CAAC;AACtC,CAAC,CAAC;AACF,OAAO,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,CAAC;AACrD,eAAe,cAAc,CAAC","sourcesContent":["import type { CSSMotionProps, MotionEndEventHandler, MotionEventHandler } from 'rc-motion';\nimport type { MotionEvent } from 'rc-motion/lib/interface';\nimport { tuple } from './type';\n\n// ================== Collapse Motion ==================\nconst getCollapsedHeight: MotionEventHandler = () => ({ height: 0, opacity: 0 });\nconst getRealHeight: MotionEventHandler = node => {\n  const { scrollHeight } = node;\n  return { height: scrollHeight, opacity: 1 };\n};\nconst getCurrentHeight: MotionEventHandler = node => ({ height: node ? node.offsetHeight : 0 });\nconst skipOpacityTransition: MotionEndEventHandler = (_, event: MotionEvent) =>\n  event?.deadline === true || (event as TransitionEvent).propertyName === 'height';\n\nconst collapseMotion: CSSMotionProps = {\n  motionName: 'ant-motion-collapse',\n  onAppearStart: getCollapsedHeight,\n  onEnterStart: getCollapsedHeight,\n  onAppearActive: getRealHeight,\n  onEnterActive: getRealHeight,\n  onLeaveStart: getCurrentHeight,\n  onLeaveActive: getCollapsedHeight,\n  onAppearEnd: skipOpacityTransition,\n  onEnterEnd: skipOpacityTransition,\n  onLeaveEnd: skipOpacityTransition,\n  motionDeadline: 500,\n};\n\nconst SelectPlacements = tuple('bottomLeft', 'bottomRight', 'topLeft', 'topRight');\nexport type SelectCommonPlacement = typeof SelectPlacements[number];\n\nconst getTransitionDirection = (placement: SelectCommonPlacement | undefined) => {\n  if (placement !== undefined && (placement === 'topLeft' || placement === 'topRight')) {\n    return `slide-down`;\n  }\n  return `slide-up`;\n};\n\nconst getTransitionName = (rootPrefixCls: string, motion: string, transitionName?: string) => {\n  if (transitionName !== undefined) {\n    return transitionName;\n  }\n  return `${rootPrefixCls}-${motion}`;\n};\nexport { getTransitionName, getTransitionDirection };\nexport default collapseMotion;"]}

package/es/tntd-select/_util/type.js

@@ -0,0 +1,3 @@
+// https://stackoverflow.com/questions/46176165/ways-to-get-string-literal-type-of-array-values-without-enum-overhead
+export const tuple = (...args) => args;
+export const tupleNum = (...args) => args;

package/es/tntd-select/_util/type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.js","sourceRoot":"","sources":["../../../src/tntd-select/_util/type.ts"],"names":[],"mappings":"AAAA,qHAAqH;AACrH,MAAM,CAAC,MAAM,KAAK,GAAG,CAAqB,GAAG,IAAO,EAAE,EAAE,CAAC,IAAI,CAAC;AAE9D,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAqB,GAAG,IAAO,EAAE,EAAE,CAAC,IAAI,CAAC","sourcesContent":["// https://stackoverflow.com/questions/46176165/ways-to-get-string-literal-type-of-array-values-without-enum-overhead\nexport const tuple = <T extends string[]>(...args: T) => args;\n\nexport const tupleNum = <T extends number[]>(...args: T) => args;\n\n/**\n * https://stackoverflow.com/a/59187769 Extract the type of an element of an array/tuple without\n * performing indexing\n */\nexport type ElementOf<T> = T extends (infer E)[] ? E : T extends readonly (infer F)[] ? F : never;\n\n/** https://github.com/Microsoft/TypeScript/issues/29729 */\nexport type LiteralUnion<T extends U, U> = T | (U & {});\n"]}

package/es/tntd-select/_util/useCompactItemContext.js

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import classNames from 'classnames';
+export const SpaceCompactItemContext = React.createContext(null);
+export const useCompactItemContext = (prefixCls, direction) => {
+  const compactItemContext = React.useContext(SpaceCompactItemContext);
+  const compactItemClassnames = React.useMemo(() => {
+    if (!compactItemContext) return '';
+    const {
+      compactDirection,
+      isFirstItem,
+      isLastItem
+    } = compactItemContext;
+    const separator = compactDirection === 'vertical' ? '-vertical-' : '-';
+    return classNames({
+      [`${prefixCls}-compact${separator}item`]: true,
+      [`${prefixCls}-compact${separator}first-item`]: isFirstItem,
+      [`${prefixCls}-compact${separator}last-item`]: isLastItem,
+      [`${prefixCls}-compact${separator}item-rtl`]: direction === 'rtl'
+    });
+  }, [prefixCls, direction, compactItemContext]);
+  return {
+    compactSize: compactItemContext === null || compactItemContext === void 0 ? void 0 : compactItemContext.compactSize,
+    compactDirection: compactItemContext === null || compactItemContext === void 0 ? void 0 : compactItemContext.compactDirection,
+    compactItemClassnames
+  };
+};

package/es/tntd-select/_util/useCompactItemContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCompactItemContext.js","sourceRoot":"","sources":["../../../src/tntd-select/_util/useCompactItemContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,UAAU,MAAM,YAAY,CAAA;AAEnC,MAAM,CAAC,MAAM,uBAAuB,GAAG,KAAK,CAAC,aAAa,CAAqC,IAAI,CAAC,CAAA;AAEpG,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,SAAiB,EAAE,SAAwB,EAAE,EAAE;IACnF,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAAC,uBAAuB,CAAC,CAAA;IAEpE,MAAM,qBAAqB,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC/C,IAAI,CAAC,kBAAkB;YAAE,OAAO,EAAE,CAAA;QAElC,MAAM,EAAE,gBAAgB,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,kBAAkB,CAAA;QACxE,MAAM,SAAS,GAAG,gBAAgB,KAAK,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,CAAA;QAEtE,OAAO,UAAU,CAAC;YAChB,CAAC,GAAG,SAAS,WAAW,SAAS,MAAM,CAAC,EAAE,IAAI;YAC9C,CAAC,GAAG,SAAS,WAAW,SAAS,YAAY,CAAC,EAAE,WAAW;YAC3D,CAAC,GAAG,SAAS,WAAW,SAAS,WAAW,CAAC,EAAE,UAAU;YACzD,CAAC,GAAG,SAAS,WAAW,SAAS,UAAU,CAAC,EAAE,SAAS,KAAK,KAAK;SAClE,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,kBAAkB,CAAC,CAAC,CAAA;IAE9C,OAAO;QACL,WAAW,EAAE,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,WAAW;QAC5C,gBAAgB,EAAE,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,gBAAgB;QACtD,qBAAqB;KACtB,CAAA;AACH,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport type { DirectionType, SpaceCompactItemContextType } from './interface'\nimport classNames from 'classnames'\n\nexport const SpaceCompactItemContext = React.createContext<SpaceCompactItemContextType | null>(null)\n\nexport const useCompactItemContext = (prefixCls: string, direction: DirectionType) => {\n  const compactItemContext = React.useContext(SpaceCompactItemContext)\n\n  const compactItemClassnames = React.useMemo(() => {\n    if (!compactItemContext) return ''\n\n    const { compactDirection, isFirstItem, isLastItem } = compactItemContext\n    const separator = compactDirection === 'vertical' ? '-vertical-' : '-'\n\n    return classNames({\n      [`${prefixCls}-compact${separator}item`]: true,\n      [`${prefixCls}-compact${separator}first-item`]: isFirstItem,\n      [`${prefixCls}-compact${separator}last-item`]: isLastItem,\n      [`${prefixCls}-compact${separator}item-rtl`]: direction === 'rtl',\n    })\n  }, [prefixCls, direction, compactItemContext])\n\n  return {\n    compactSize: compactItemContext?.compactSize,\n    compactDirection: compactItemContext?.compactDirection,\n    compactItemClassnames,\n  }\n}\n"]}

package/es/tntd-select/_util/warning.js

@@ -0,0 +1,14 @@
+import rcWarning, { resetWarned } from 'rc-util/lib/warning';
+function noop() {}
+// eslint-disable-next-line import/no-mutable-exports
+let warning = noop;
+if (process.env.NODE_ENV !== 'production') {
+  warning = (valid, component, message) => {
+    rcWarning(valid, `[antd: ${component}] ${message}`);
+    // StrictMode will inject console which will not throw warning in React 17.
+    if (process.env.NODE_ENV === 'test') {
+      resetWarned();
+    }
+  };
+}
+export default warning;

package/es/tntd-select/_util/warning.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"warning.js","sourceRoot":"","sources":["../../../src/tntd-select/_util/warning.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,EAAE,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAE5D,SAAS,IAAI,KAAI,CAAC;AAIlB,qDAAqD;AACrD,IAAI,OAAO,GAAY,IAAI,CAAA;AAC3B,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;IACzC,OAAO,GAAG,CAAC,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE;QACtC,SAAS,CAAC,KAAK,EAAE,UAAU,SAAS,KAAK,OAAO,EAAE,CAAC,CAAA;QAEnD,2EAA2E;QAC3E,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,MAAM,EAAE;YACnC,WAAW,EAAE,CAAA;SACd;IACH,CAAC,CAAA;CACF;AAED,eAAe,OAAO,CAAA","sourcesContent":["import rcWarning, { resetWarned } from 'rc-util/lib/warning'\n\nfunction noop() {}\n\ntype Warning = (valid: boolean, component: string, message?: string) => void\n\n// eslint-disable-next-line import/no-mutable-exports\nlet warning: Warning = noop\nif (process.env.NODE_ENV !== 'production') {\n  warning = (valid, component, message) => {\n    rcWarning(valid, `[antd: ${component}] ${message}`)\n\n    // StrictMode will inject console which will not throw warning in React 17.\n    if (process.env.NODE_ENV === 'test') {\n      resetWarned()\n    }\n  }\n}\n\nexport default warning\n"]}

package/es/tntd-select/rc-select/BaseSelect.js

@@ -0,0 +1,524 @@
+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 useLayoutEffect from 'rc-util/lib/hooks/useLayoutEffect';
+import useMergedState from 'rc-util/lib/hooks/useMergedState';
+import isMobile from 'rc-util/lib/isMobile';
+import KeyCode from 'rc-util/lib/KeyCode';
+import { useComposeRef } from 'rc-util/lib/ref';
+import * as React from 'react';
+import { useAllowClear } from './hooks/useAllowClear';
+import { BaseSelectContext } from './hooks/useBaseProps';
+import useDelayReset from './hooks/useDelayReset';
+import useLock from './hooks/useLock';
+import useSelectTriggerControl from './hooks/useSelectTriggerControl';
+import Selector from './Selector';
+import SelectTrigger from './SelectTrigger';
+import TransBtn from './TransBtn';
+import { getSeparatedContent } from './utils/valueUtil';
+const DEFAULT_OMIT_PROPS = ['value', 'onChange', 'removeIcon', 'placeholder', 'autoFocus', 'maxTagCount', 'maxTagTextLength', 'maxTagPlaceholder', 'choiceTransitionName', 'onInputKeyDown', 'onPopupScroll', 'tabIndex'];
+export function isMultiple(mode) {
+  return mode === 'tags' || mode === 'multiple';
+}
+const BaseSelect = React.forwardRef((props, ref) => {
+  var _a;
+  const {
+      id,
+      prefixCls,
+      className,
+      showSearch,
+      tagRender,
+      direction,
+      omitDomProps,
+      // Value
+      displayValues,
+      onDisplayValuesChange,
+      emptyOptions,
+      notFoundContent = 'Not Found',
+      onClear,
+      // Mode
+      mode,
+      // Status
+      disabled,
+      loading,
+      // Customize Input
+      getInputElement,
+      getRawInputElement,
+      // Open
+      open,
+      defaultOpen,
+      onDropdownVisibleChange,
+      // Active
+      activeValue,
+      onActiveValueChange,
+      activeDescendantId,
+      // Search
+      searchValue,
+      autoClearSearchValue,
+      onSearch,
+      onSearchSplit,
+      tokenSeparators,
+      // Icons
+      allowClear,
+      suffixIcon,
+      clearIcon,
+      // Dropdown
+      OptionList,
+      animation,
+      transitionName,
+      dropdownStyle,
+      dropdownClassName,
+      dropdownMatchSelectWidth,
+      dropdownRender,
+      dropdownAlign,
+      placement,
+      builtinPlacements,
+      getPopupContainer,
+      // Focus
+      showAction = [],
+      onFocus,
+      onBlur,
+      // Rest Events
+      onKeyUp,
+      onKeyDown,
+      onMouseDown
+    } = props,
+    // Rest Props
+    restProps = __rest(props, ["id", "prefixCls", "className", "showSearch", "tagRender", "direction", "omitDomProps", "displayValues", "onDisplayValuesChange", "emptyOptions", "notFoundContent", "onClear", "mode", "disabled", "loading", "getInputElement", "getRawInputElement", "open", "defaultOpen", "onDropdownVisibleChange", "activeValue", "onActiveValueChange", "activeDescendantId", "searchValue", "autoClearSearchValue", "onSearch", "onSearchSplit", "tokenSeparators", "allowClear", "suffixIcon", "clearIcon", "OptionList", "animation", "transitionName", "dropdownStyle", "dropdownClassName", "dropdownMatchSelectWidth", "dropdownRender", "dropdownAlign", "placement", "builtinPlacements", "getPopupContainer", "showAction", "onFocus", "onBlur", "onKeyUp", "onKeyDown", "onMouseDown"]);
+  // ============================== MISC ==============================
+  const multiple = isMultiple(mode);
+  const mergedShowSearch = (showSearch !== undefined ? showSearch : multiple) || mode === 'combobox';
+  const domProps = Object.assign({}, restProps);
+  DEFAULT_OMIT_PROPS.forEach(propName => {
+    delete domProps[propName];
+  });
+  omitDomProps === null || omitDomProps === void 0 ? void 0 : omitDomProps.forEach(propName => {
+    delete domProps[propName];
+  });
+  // ============================= Mobile =============================
+  const [mobile, setMobile] = React.useState(false);
+  React.useEffect(() => {
+    // Only update on the client side
+    setMobile(isMobile());
+  }, []);
+  // ============================== Refs ==============================
+  const containerRef = React.useRef(null);
+  const selectorDomRef = React.useRef(null);
+  const triggerRef = React.useRef(null);
+  const selectorRef = React.useRef(null);
+  const listRef = React.useRef(null);
+  const blurRef = React.useRef(false);
+  /** Used for component focused management */
+  const [mockFocused, setMockFocused, cancelSetMockFocused] = useDelayReset();
+  // =========================== Imperative ===========================
+  React.useImperativeHandle(ref, () => {
+    var _a, _b;
+    return {
+      focus: (_a = selectorRef.current) === null || _a === void 0 ? void 0 : _a.focus,
+      blur: (_b = selectorRef.current) === null || _b === void 0 ? void 0 : _b.blur,
+      scrollTo: arg => {
+        var _a;
+        return (_a = listRef.current) === null || _a === void 0 ? void 0 : _a.scrollTo(arg);
+      }
+    };
+  });
+  // ========================== Search Value ==========================
+  const mergedSearchValue = React.useMemo(() => {
+    var _a;
+    if (mode !== 'combobox') {
+      return searchValue;
+    }
+    const val = (_a = displayValues[0]) === null || _a === void 0 ? void 0 : _a.value;
+    return typeof val === 'string' || typeof val === 'number' ? String(val) : '';
+  }, [searchValue, mode, displayValues]);
+  // ========================== Custom Input ==========================
+  // Only works in `combobox`
+  const customizeInputElement = mode === 'combobox' && typeof getInputElement === 'function' && getInputElement() || null;
+  // Used for customize replacement for `rc-cascader`
+  const customizeRawInputElement = typeof getRawInputElement === 'function' && getRawInputElement();
+  const customizeRawInputRef = useComposeRef(selectorDomRef, (_a = customizeRawInputElement === null || customizeRawInputElement === void 0 ? void 0 : customizeRawInputElement.props) === null || _a === void 0 ? void 0 : _a.ref);
+  // ============================== Open ==============================
+  // SSR not support Portal which means we need delay `open` for the first time render
+  const [rendered, setRendered] = React.useState(false);
+  useLayoutEffect(() => {
+    setRendered(true);
+  }, []);
+  const [innerOpen, setInnerOpen] = useMergedState(false, {
+    defaultValue: defaultOpen,
+    value: open
+  });
+  let mergedOpen = rendered ? innerOpen : false;
+  // Not trigger `open` in `combobox` when `notFoundContent` is empty
+  const emptyListContent = !notFoundContent && emptyOptions;
+  if (disabled || emptyListContent && mergedOpen && mode === 'combobox') {
+    mergedOpen = false;
+  }
+  const triggerOpen = emptyListContent ? false : mergedOpen;
+  const onToggleOpen = React.useCallback(newOpen => {
+    const nextOpen = newOpen !== undefined ? newOpen : !mergedOpen;
+    if (!disabled) {
+      setInnerOpen(nextOpen);
+      if (mergedOpen !== nextOpen) {
+        onDropdownVisibleChange === null || onDropdownVisibleChange === void 0 ? void 0 : onDropdownVisibleChange(nextOpen);
+      }
+    }
+  }, [disabled, mergedOpen, setInnerOpen, onDropdownVisibleChange]);
+  // ============================= Search =============================
+  const tokenWithEnter = React.useMemo(() => (tokenSeparators || []).some(tokenSeparator => ['\n', '\r\n'].includes(tokenSeparator)), [tokenSeparators]);
+  const onInternalSearch = (searchText, fromTyping, isCompositing) => {
+    let ret = true;
+    let newSearchText = searchText;
+    onActiveValueChange === null || onActiveValueChange === void 0 ? void 0 : onActiveValueChange(null);
+    // Check if match the `tokenSeparators`
+    const patchLabels = isCompositing ? null : getSeparatedContent(searchText, tokenSeparators);
+    // Ignore combobox since it's not split-able
+    if (mode !== 'combobox' && patchLabels) {
+      newSearchText = '';
+      onSearchSplit === null || onSearchSplit === void 0 ? void 0 : onSearchSplit(patchLabels);
+      // Should close when paste finish
+      onToggleOpen(false);
+      // Tell Selector that break next actions
+      ret = false;
+    }
+    if (onSearch && mergedSearchValue !== newSearchText) {
+      onSearch(newSearchText, {
+        source: fromTyping ? 'typing' : 'effect'
+      });
+    }
+    return ret;
+  };
+  // Only triggered when menu is closed & mode is tags
+  // If menu is open, OptionList will take charge
+  // If mode isn't tags, press enter is not meaningful when you can't see any option
+  const onInternalSearchSubmit = searchText => {
+    // prevent empty tags from appearing when you click the Enter button
+    if (!searchText || !searchText.trim()) {
+      return;
+    }
+    onSearch(searchText, {
+      source: 'submit'
+    });
+  };
+  // Close will clean up single mode search text
+  React.useEffect(() => {
+    if (!mergedOpen && !multiple && mode !== 'combobox') {
+      onInternalSearch('', false, false);
+    }
+  }, [mergedOpen]);
+  // ============================ Disabled ============================
+  // Close dropdown & remove focus state when disabled change
+  React.useEffect(() => {
+    if (innerOpen && disabled) {
+      setInnerOpen(false);
+    }
+    // After onBlur is triggered, the focused does not need to be reset
+    if (disabled && !blurRef.current) {
+      setMockFocused(false);
+    }
+  }, [disabled]);
+  // ============================ Keyboard ============================
+  /**
+   * We record input value here to check if can press to clean up by backspace
+   * - null: Key is not down, this is reset by key up
+   * - true: Search text is empty when first time backspace down
+   * - false: Search text is not empty when first time backspace down
+   */
+  const [getClearLock, setClearLock] = useLock();
+  // KeyDown
+  const onInternalKeyDown = (event, ...rest) => {
+    const clearLock = getClearLock();
+    const {
+      which
+    } = event;
+    if (which === KeyCode.ENTER) {
+      // Do not submit form when type in the input
+      if (mode !== 'combobox') {
+        event.preventDefault();
+      }
+      // We only manage open state here, close logic should handle by list component
+      if (!mergedOpen) {
+        onToggleOpen(true);
+      }
+    }
+    setClearLock(!!mergedSearchValue);
+    // Remove value by `backspace`
+    if (which === KeyCode.BACKSPACE && !clearLock && multiple && !mergedSearchValue && displayValues.length) {
+      const cloneDisplayValues = [...displayValues];
+      let removedDisplayValue = null;
+      for (let i = cloneDisplayValues.length - 1; i >= 0; i -= 1) {
+        const current = cloneDisplayValues[i];
+        if (!current.disabled) {
+          cloneDisplayValues.splice(i, 1);
+          removedDisplayValue = current;
+          break;
+        }
+      }
+      if (removedDisplayValue) {
+        onDisplayValuesChange(cloneDisplayValues, {
+          type: 'remove',
+          values: [removedDisplayValue]
+        });
+      }
+    }
+    if (mergedOpen && listRef.current) {
+      listRef.current.onKeyDown(event, ...rest);
+    }
+    onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event, ...rest);
+  };
+  // KeyUp
+  const onInternalKeyUp = (event, ...rest) => {
+    if (mergedOpen && listRef.current) {
+      listRef.current.onKeyUp(event, ...rest);
+    }
+    onKeyUp === null || onKeyUp === void 0 ? void 0 : onKeyUp(event, ...rest);
+  };
+  // ============================ Selector ============================
+  const onSelectorRemove = val => {
+    const newValues = displayValues.filter(i => i !== val);
+    onDisplayValuesChange(newValues, {
+      type: 'remove',
+      values: [val]
+    });
+  };
+  // ========================== Focus / Blur ==========================
+  /** Record real focus status */
+  const focusRef = React.useRef(false);
+  const onContainerFocus = (...args) => {
+    setMockFocused(true);
+    if (!disabled) {
+      if (onFocus && !focusRef.current) {
+        onFocus(...args);
+      }
+      // `showAction` should handle `focus` if set
+      if (showAction.includes('focus')) {
+        onToggleOpen(true);
+      }
+    }
+    focusRef.current = true;
+  };
+  const onContainerBlur = (...args) => {
+    blurRef.current = true;
+    setMockFocused(false, () => {
+      focusRef.current = false;
+      blurRef.current = false;
+      onToggleOpen(false);
+    });
+    if (disabled) {
+      return;
+    }
+    if (mergedSearchValue) {
+      // `tags` mode should move `searchValue` into values
+      if (mode === 'tags') {
+        onSearch(mergedSearchValue, {
+          source: 'submit'
+        });
+      } else if (mode === 'multiple') {
+        // `multiple` mode only clean the search value but not trigger event
+        onSearch('', {
+          source: 'blur'
+        });
+      }
+    }
+    if (onBlur) {
+      onBlur(...args);
+    }
+  };
+  // Give focus back of Select
+  const activeTimeoutIds = [];
+  React.useEffect(() => () => {
+    activeTimeoutIds.forEach(timeoutId => clearTimeout(timeoutId));
+    activeTimeoutIds.splice(0, activeTimeoutIds.length);
+  }, []);
+  const onInternalMouseDown = (event, ...restArgs) => {
+    var _a;
+    const {
+      target
+    } = event;
+    const popupElement = (_a = triggerRef.current) === null || _a === void 0 ? void 0 : _a.getPopupElement();
+    // We should give focus back to selector if clicked item is not focusable
+    if (popupElement && popupElement.contains(target)) {
+      const timeoutId = setTimeout(() => {
+        var _a;
+        const index = activeTimeoutIds.indexOf(timeoutId);
+        if (index !== -1) {
+          activeTimeoutIds.splice(index, 1);
+        }
+        cancelSetMockFocused();
+        if (!mobile && !popupElement.contains(document.activeElement)) {
+          (_a = selectorRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        }
+      });
+      activeTimeoutIds.push(timeoutId);
+    }
+    onMouseDown === null || onMouseDown === void 0 ? void 0 : onMouseDown(event, ...restArgs);
+  };
+  // ============================ Dropdown ============================
+  const [, forceUpdate] = React.useState({});
+  // We need force update here since popup dom is render async
+  function onPopupMouseEnter() {
+    forceUpdate({});
+  }
+  // Used for raw custom input trigger
+  let onTriggerVisibleChange;
+  if (customizeRawInputElement) {
+    onTriggerVisibleChange = newOpen => {
+      onToggleOpen(newOpen);
+    };
+  }
+  // Close when click on non-select element
+  useSelectTriggerControl(() => {
+    var _a;
+    return [containerRef.current, (_a = triggerRef.current) === null || _a === void 0 ? void 0 : _a.getPopupElement()];
+  }, triggerOpen, onToggleOpen, !!customizeRawInputElement);
+  // ============================ Context =============================
+  const baseSelectContext = React.useMemo(() => Object.assign(Object.assign({}, props), {
+    notFoundContent,
+    open: mergedOpen,
+    triggerOpen,
+    id,
+    showSearch: mergedShowSearch,
+    multiple,
+    toggleOpen: onToggleOpen
+  }), [props, notFoundContent, triggerOpen, mergedOpen, id, mergedShowSearch, multiple, onToggleOpen]);
+  // ==================================================================
+  // ==                            Render                            ==
+  // ==================================================================
+  // ============================= Arrow ==============================
+  const showSuffixIcon = !!suffixIcon || loading;
+  let arrowNode;
+  if (showSuffixIcon) {
+    arrowNode = React.createElement(TransBtn, {
+      className: classNames(`${prefixCls}-arrow`, {
+        [`${prefixCls}-arrow-loading`]: loading
+      }),
+      customizeIcon: suffixIcon,
+      customizeIconProps: {
+        loading,
+        searchValue: mergedSearchValue,
+        open: mergedOpen,
+        focused: mockFocused,
+        showSearch: mergedShowSearch
+      }
+    });
+  }
+  // ============================= Clear ==============================
+  const onClearMouseDown = () => {
+    var _a;
+    onClear === null || onClear === void 0 ? void 0 : onClear();
+    (_a = selectorRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    onDisplayValuesChange([], {
+      type: 'clear',
+      values: displayValues
+    });
+    onInternalSearch('', false, false);
+  };
+  const {
+    allowClear: mergedAllowClear,
+    clearIcon: clearNode
+  } = useAllowClear(prefixCls, onClearMouseDown, displayValues, allowClear, clearIcon, disabled, mergedSearchValue, mode);
+  // =========================== OptionList ===========================
+  const optionList = React.createElement(OptionList, {
+    ref: listRef
+  });
+  // ============================= Select =============================
+  const mergedClassName = classNames(prefixCls, className, {
+    [`${prefixCls}-focused`]: mockFocused,
+    [`${prefixCls}-multiple`]: multiple,
+    [`${prefixCls}-single`]: !multiple,
+    [`${prefixCls}-allow-clear`]: allowClear,
+    [`${prefixCls}-show-arrow`]: showSuffixIcon,
+    [`${prefixCls}-disabled`]: disabled,
+    [`${prefixCls}-loading`]: loading,
+    [`${prefixCls}-open`]: mergedOpen,
+    [`${prefixCls}-customize-input`]: customizeInputElement,
+    [`${prefixCls}-show-search`]: mergedShowSearch
+  });
+  // >>> Selector
+  const selectorNode = React.createElement(SelectTrigger, {
+    ref: triggerRef,
+    disabled: disabled,
+    prefixCls: prefixCls,
+    visible: triggerOpen,
+    popupElement: optionList,
+    animation: animation,
+    transitionName: transitionName,
+    dropdownStyle: dropdownStyle,
+    dropdownClassName: dropdownClassName,
+    direction: direction,
+    dropdownMatchSelectWidth: dropdownMatchSelectWidth,
+    dropdownRender: dropdownRender,
+    dropdownAlign: dropdownAlign,
+    placement: placement,
+    builtinPlacements: builtinPlacements,
+    getPopupContainer: getPopupContainer,
+    empty: emptyOptions,
+    getTriggerDOMNode: () => selectorDomRef.current,
+    onPopupVisibleChange: onTriggerVisibleChange,
+    onPopupMouseEnter: onPopupMouseEnter
+  }, customizeRawInputElement ? React.cloneElement(customizeRawInputElement, {
+    ref: customizeRawInputRef
+  }) : React.createElement(Selector, Object.assign({}, props, {
+    domRef: selectorDomRef,
+    prefixCls: prefixCls,
+    inputElement: customizeInputElement,
+    ref: selectorRef,
+    id: id,
+    showSearch: mergedShowSearch,
+    autoClearSearchValue: autoClearSearchValue,
+    mode: mode,
+    activeDescendantId: activeDescendantId,
+    tagRender: tagRender,
+    values: displayValues,
+    open: mergedOpen,
+    onToggleOpen: onToggleOpen,
+    activeValue: activeValue,
+    searchValue: mergedSearchValue,
+    onSearch: onInternalSearch,
+    onSearchSubmit: onInternalSearchSubmit,
+    onRemove: onSelectorRemove,
+    tokenWithEnter: tokenWithEnter
+  })));
+  // >>> Render
+  let renderNode;
+  // Render raw
+  if (customizeRawInputElement) {
+    renderNode = selectorNode;
+  } else {
+    renderNode = React.createElement("div", Object.assign({
+      className: mergedClassName
+    }, domProps, {
+      ref: containerRef,
+      onMouseDown: onInternalMouseDown,
+      onKeyDown: onInternalKeyDown,
+      onKeyUp: onInternalKeyUp,
+      onFocus: onContainerFocus,
+      onBlur: onContainerBlur
+    }), mockFocused && !mergedOpen && React.createElement("span", {
+      style: {
+        width: 0,
+        height: 0,
+        position: 'absolute',
+        overflow: 'hidden',
+        opacity: 0
+      },
+      "aria-live": "polite"
+    }, `${displayValues.map(({
+      label,
+      value
+    }) => ['number', 'string'].includes(typeof label) ? label : value).join(', ')}`), selectorNode, arrowNode, mergedAllowClear && clearNode);
+  }
+  return React.createElement(BaseSelectContext.Provider, {
+    value: baseSelectContext
+  }, renderNode);
+});
+// Set display name for dev
+if (process.env.NODE_ENV !== 'production') {
+  BaseSelect.displayName = 'BaseSelect';
+}
+export default BaseSelect;