@aloudata/aloudata-design 2.19.5 → 3.0.0-beta.2

package/package.json

@@ -1,45 +1,43 @@
 {
   "name": "@aloudata/aloudata-design",
-  "version": "2.19.5",
+  "version": "3.0.0-beta.2",
   "description": "",
   "license": "MIT",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "type": "module",
+  "main": "dist/index.js",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [
     "dist"
   ],
   "scripts": {
-    "build": "father build && npm run build:minCss",
-    "build:minCss": "webpack --mode=production --node-env=production",
-    "build:watch": "father dev",
+    "build": "vite build",
+    "build:watch": "vite build --watch",
     "cmt": "npx zx ./scripts/createComponentTemplate.mjs",
-    "coverage": "sh scripts/coverage.sh",
-    "coverage:CI": "export DEVOPS_ENV=CI && sh ./scripts/coverage.sh",
-    "coverage:shell": "vitest run --coverage.enabled",
-    "dev": "npm run gen:icon && dumi dev",
-    "docs:build": "dumi build",
-    "doctor": "father doctor",
+    "coverage": "vitest run --coverage.enabled",
+    "dev": "storybook dev -p 6006",
+    "docs:build": "storybook build",
     "gen:icon": "node ./scripts/genIcon.mjs",
-    "jest": "jest",
-    "jest:watch": "jest --watch",
-    "linkToLocal": "npm run build && node ./scripts/linkToLocal.mjs",
-    "lint": "npm run lint:es && npm run lint:css",
-    "lint:css": "stylelint \"{src,test}/**/*.{css,less}\"",
+    "lint": "npm run lint:ts && npm run lint:es",
     "lint:es": "eslint \"{src,test}/**/*.{js,jsx,ts,tsx}\"",
-    "prepare": "husky install && dumi setup",
+    "lint:ts": "tsc --noEmit",
+    "prepare": "husky install",
     "prepublishOnly": "npm run build",
-    "prettier": "prettier --write \"**/*.{js,jsx,tsx,ts,less,md,json}\"",
+    "prettier": "prettier --write \"**/*.{js,jsx,tsx,ts,md,json}\"",
     "postpublish": "PACKAGE_VERSION=$(cat package.json | grep \\\"version\\\" | head -1 | awk -F: '{ print $2 }' | sed 's/[\",]//g' | tr -d '[[:space:]]') && git tag v$PACKAGE_VERSION && git push --tags",
     "release": "npx zx ./scripts/upgradeVersion.mjs && npm publish --access public",
     "start": "npm run dev",
-    "test": "vitest"
+    "test": "vitest",
+    "test:storybook": "test-storybook"
   },
   "lint-staged": {
     "*.{md,json}": [
       "prettier --write --no-error-on-unmatched-pattern"
     ],
-    "*.{css,less}": [
-      "stylelint --fix",
+    "*.css": [
       "prettier --write"
     ],
     "*.{js,jsx}": [
@@ -59,88 +57,92 @@
     "firefox >= 75"
   ],
   "dependencies": {
-    "@ant-design/cssinjs": "^1.9.1",
     "@floating-ui/react": "^0.26.15",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-popover": "^1.1.15",
     "@radix-ui/react-scroll-area": "^1.0.4",
+    "@radix-ui/react-slider": "^1.3.6",
+    "@radix-ui/react-tooltip": "^1.2.8",
     "@rc-component/color-picker": "^2.0.1",
     "@szhsin/react-menu": "^4.1.0",
     "@tanstack/react-table": "^8.10.0",
     "@tanstack/react-virtual": "^3.5.0",
-    "@testing-library/user-event": "^14.5.2",
     "@xobotyi/scrollbar-width": "^1.9.5",
     "ahooks": "^3.7.8",
-    "antd": "5.4.3",
     "compare-func": "^2.0.0",
+    "dayjs": "^1.11.20",
+    "embla-carousel-autoplay": "^8.6.0",
+    "embla-carousel-react": "^8.6.0",
     "immer": "^10.0.3",
     "memoize-one": "^6.0.0",
-    "rc-menu": "^9.8.0",
-    "rc-overflow": "^1.3.2",
-    "rc-resize-observer": "1.4.0",
+    "rc-field-form": "^2.7.1",
+    "rc-picker": "^4.11.3",
+    "rc-tree": "^5.13.1",
+    "rc-upload": "^4.8.1",
+    "rc-util": "^5.44.4",
     "react-dnd": "^16.0.1",
     "react-dnd-html5-backend": "^16.0.1",
-    "react-toastify": "^10.0.5",
-    "umi-request": "^1.4.0",
-    "zx": "^7.1.1"
+    "react-toastify": "^10.0.5"
   },
   "devDependencies": {
     "@aloudata/icons-react": "^0.2.4",
     "@aloudata/icons-svg": "^0.2.4",
-    "@babel/preset-env": "^7.20.2",
-    "@babel/preset-react": "^7.18.6",
+    "@chromatic-com/storybook": "1",
     "@commitlint/cli": "^17.5.1",
     "@commitlint/config-conventional": "^17.4.4",
+    "@esbuild/darwin-arm64": "^0.28.0",
+    "@storybook/addon-a11y": "8",
+    "@storybook/addon-essentials": "8",
+    "@storybook/addon-storysource": "^8.6.14",
+    "@storybook/react-vite": "8",
+    "@storybook/test-runner": "0.19",
     "@svgr/core": "^8.0.0",
     "@svgr/plugin-jsx": "^8.0.1",
     "@svgr/plugin-prettier": "^8.0.1",
     "@svgr/plugin-svgo": "^8.0.1",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.4.0",
-    "@types/jest": "^29.4.0",
+    "@testing-library/user-event": "^14.6.1",
     "@types/lodash": "^4.14.191",
-    "@umijs/lint": "^4.0.0",
-    "@vitejs/plugin-react": "^4.3.1",
+    "@types/react": "18.3.23",
+    "@types/react-dom": "18.3.7",
+    "@typescript-eslint/eslint-plugin": "^8.58.0",
+    "@typescript-eslint/parser": "^8.58.0",
+    "@vitejs/plugin-react": "^6.0.1",
     "@vitest/coverage-istanbul": "^0.31.1",
     "@vitest/coverage-v8": "^1.0.4",
-    "@webpack-cli/generators": "^3.0.7",
     "autoprefixer": "^10.4.16",
-    "babel-jest": "^29.4.2",
-    "babel-plugin-import": "^1.13.5",
-    "babel-plugin-transform-remove-console": "^6.9.4",
     "browserslist": "^4.21.9",
-    "css-loader": "^6.8.1",
-    "css-minimizer-webpack-plugin": "^5.0.1",
-    "dumi": "2.1.10",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
     "eslint": "^8.45.0",
     "eslint-plugin-compat": "^4.1.4",
     "eslint-plugin-i18n": "^2.3.1",
-    "father": "^4.1.0",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-tailwindcss": "^3.18.2",
     "husky": "^8.0.3",
     "inquirer": "^9.2.11",
-    "jest": "^29.4.2",
-    "jest-environment-jsdom": "^29.4.2",
-    "less": "^4.2.0",
-    "less-loader": "^11.1.3",
+    "jsdom": "^29.0.1",
     "lint-staged": "^13.0.3",
     "lodash": "^4.17.21",
-    "mini-css-extract-plugin": "^2.7.6",
     "postcss": "^8.4.31",
-    "postcss-loader": "^7.3.3",
     "prettier": "^2.7.1",
     "prettier-plugin-organize-imports": "^3.0.0",
     "prettier-plugin-packagejson": "^2.2.18",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "react-test-renderer": "^18.2.0",
-    "stylelint": "^15.10.2",
-    "stylelint-no-unsupported-browser-features": "^7.0.0",
-    "ts-jest": "^29.0.5",
+    "storybook": "8",
+    "tailwind-merge": "^3.5.0",
+    "tailwindcss": "3",
+    "vite": "8.0.7",
+    "vite-plugin-dts": "^4.5.4",
     "vitest": "^1.6.0",
-    "webpack": "^5.89.0",
-    "webpack-cli": "^5.1.4"
+    "zx": "^7.1.1"
   },
   "peerDependencies": {
-    "react": ">=16.9.0",
-    "react-dom": ">=16.9.0"
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
   },
   "publishConfig": {
     "access": "public"

package/dist/AMenu/style/index.d.ts

@@ -1,2 +0,0 @@
-import '../../style';
-import './index.less';

package/dist/AMenu/style/index.js

@@ -1,2 +0,0 @@
-import "../../style";
-import "./index.less";

package/dist/AMenu/style/index.less

@@ -1 +0,0 @@
-@import '../../style/index.less';

package/dist/AProgress/style/index.d.ts

@@ -1,2 +0,0 @@
-import '../../style';
-import './index.less';

package/dist/AProgress/style/index.js

@@ -1,2 +0,0 @@
-import "../../style";
-import "./index.less";

package/dist/AProgress/style/index.less

@@ -1 +0,0 @@
-@import '../../style/index.less';

package/dist/AldSelect/BaseSelect.js

@@ -1,275 +0,0 @@
-var _excluded = ["id", "className", "displayValues", "onDisplayValuesChange", "displayMenu", "notFoundContent", "onClear", "width", "mode", "status", "onOptionSelect", "onClick", "size", "borderLess", "disabled", "placeholder", "open", "defaultOpen", "onOpenChange", "showSearch", "innerSearchValue", "setInnerSearchValue", "allowClear", "showArrow", "prefix", "suffixIcon", "dropdownRender", "overlayStyle", "dropdownStyle", "popupMatchSelectWidth", "placement", "popupClassName", "style"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-import * as React from 'react';
-import useMergedState from 'rc-util/lib/hooks/useMergedState';
-import classNames from 'classnames';
-import prefixCls from "../_utils/prefixCls";
-import SelectTrigger from "./SelectTrigger";
-import Selector from "./Selector";
-import _ from 'lodash';
-import { useContext, useRef, useState } from 'react';
-import { FormItemInputContext } from 'antd/lib/form/context';
-import getWidthStyle from "./utils/getWidthStyle";
-import Suffix from "./components/Suffix";
-import SizeContext from "../ConfigProvider/sizeContext";
-import { ConfigContext } from "../ConfigProvider";
-import { useCompactItemContext } from 'antd/lib/space/Compact';
-export function isMultiple(mode) {
-  return !!mode;
-}
-export function isResponsive(mode) {
-  return mode === 'multiple' || _typeof(mode) === 'object' && (mode === null || mode === void 0 ? void 0 : mode.responsive);
-}
-export function isShowSelectedSection(mode) {
-  if (!mode || mode === 'multiple') {
-    return false;
-  }
-  return _typeof(mode) === 'object' && mode.showSelectedSection && mode.responsive;
-}
-var BaseSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _setClassNames;
-  var id = props.id,
-    className = props.className,
-    displayValues = props.displayValues,
-    onDisplayValuesChange = props.onDisplayValuesChange,
-    displayMenu = props.displayMenu,
-    notFoundContent = props.notFoundContent,
-    _onClear = props.onClear,
-    width = props.width,
-    mode = props.mode,
-    customStatus = props.status,
-    onOptionSelect = props.onOptionSelect,
-    onClick = props.onClick,
-    customSize = props.size,
-    _props$borderLess = props.borderLess,
-    borderLess = _props$borderLess === void 0 ? false : _props$borderLess,
-    disabled = props.disabled,
-    placeholder = props.placeholder,
-    open = props.open,
-    defaultOpen = props.defaultOpen,
-    onOpenChange = props.onOpenChange,
-    showSearch = props.showSearch,
-    innerSearchValue = props.innerSearchValue,
-    setInnerSearchValue = props.setInnerSearchValue,
-    allowClear = props.allowClear,
-    _props$showArrow = props.showArrow,
-    showArrow = _props$showArrow === void 0 ? true : _props$showArrow,
-    prefix = props.prefix,
-    suffixIcon = props.suffixIcon,
-    dropdownRender = props.dropdownRender,
-    overlayStyle = props.overlayStyle,
-    dropdownStyle = props.dropdownStyle,
-    _props$popupMatchSele = props.popupMatchSelectWidth,
-    popupMatchSelectWidth = _props$popupMatchSele === void 0 ? true : _props$popupMatchSele,
-    placement = props.placement,
-    popupClassName = props.popupClassName,
-    style = props.style,
-    restProps = _objectWithoutProperties(props, _excluded);
-  var setClassNames = prefixCls('select');
-  var selectRef = useRef(null);
-  var widthStyle = getWidthStyle(width);
-  var dropdownRef = useRef(null);
-  var isResponsiveMode = isResponsive(mode);
-  var isMultipleMode = isMultiple(mode);
-  /** Used for component focused management */
-  var contentSize = useContext(SizeContext);
-  var _React$useContext = React.useContext(ConfigContext),
-    direction = _React$useContext.direction;
-  // ===================== Compact Item =====================
-  var _useCompactItemContex = useCompactItemContext('ald-select', direction),
-    compactSize = _useCompactItemContex.compactSize,
-    compactItemClassnames = _useCompactItemContex.compactItemClassnames;
-  var size = compactSize || customSize || contentSize || 'middle';
-  var _useContext = useContext(FormItemInputContext),
-    contextStatus = _useContext.status;
-  var mergedStatus = customStatus || contextStatus || undefined;
-
-  // =========================== Imperative ===========================
-  React.useImperativeHandle(ref, function () {
-    return {
-      focus: function focus() {
-        return setFocus(true);
-      },
-      blur: function blur() {
-        return setFocus(false);
-      },
-      open: function open() {
-        return onToggleOpen(true);
-      },
-      close: function close() {
-        onToggleOpen(false);
-      }
-    };
-  });
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    focus = _useState2[0],
-    setFocus = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isHover = _useState4[0],
-    setIsHover = _useState4[1];
-  // ============================== Open ==============================
-  var _useMergedState = useMergedState(false, {
-      defaultValue: defaultOpen,
-      value: open
-    }),
-    _useMergedState2 = _slicedToArray(_useMergedState, 2),
-    innerOpen = _useMergedState2[0],
-    setInnerOpen = _useMergedState2[1];
-  var mergedOpen = innerOpen;
-  var onToggleOpen = React.useCallback(function (newOpen) {
-    var nextOpen = newOpen !== undefined ? newOpen : !mergedOpen;
-    if (!nextOpen) {
-      setShowResponsiveSelectedSection(false);
-      setFocus(false);
-    }
-    if (mergedOpen !== nextOpen && !disabled) {
-      setInnerOpen(nextOpen);
-      onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(nextOpen);
-    }
-  }, [mergedOpen, disabled, setInnerOpen, onOpenChange]);
-  var _useState5 = useState(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    showResponsiveSelectedSection = _useState6[0],
-    setShowResponsiveSelectedSection = _useState6[1];
-
-  // ============================ Selector ============================
-  var onSelectorRemove = function onSelectorRemove(val) {
-    var newValues = displayValues.filter(function (i) {
-      return i !== val;
-    });
-    onDisplayValuesChange(newValues, {
-      type: 'remove',
-      values: [{
-        label: val.label,
-        value: val.value
-      }]
-    });
-  };
-  var mergedClassName = classNames(setClassNames('beta-ald-select', size, (_setClassNames = {
-    active: mergedOpen || focus,
-    borderless: borderLess,
-    disabled: disabled
-  }, _defineProperty(_setClassNames, "".concat(mergedStatus), !!mergedStatus), _defineProperty(_setClassNames, 'multiple-responsive', isResponsiveMode), _defineProperty(_setClassNames, 'multiple-default', isMultipleMode && !isResponsiveMode), _setClassNames)), className, compactItemClassnames);
-  var showMenu = React.useMemo(function () {
-    if (!displayMenu) {
-      return undefined;
-    }
-    return _objectSpread(_objectSpread({}, displayMenu), {}, {
-      onClick: function onClick(info) {
-        var _displayMenu$onClick;
-        displayMenu === null || displayMenu === void 0 ? void 0 : (_displayMenu$onClick = displayMenu.onClick) === null || _displayMenu$onClick === void 0 ? void 0 : _displayMenu$onClick.call(displayMenu, info);
-        if (displayMenu && !isMultipleMode) {
-          onToggleOpen(false);
-          setFocus(false);
-        }
-        setIsHover(false);
-        onOptionSelect === null || onOptionSelect === void 0 ? void 0 : onOptionSelect(info.key);
-      }
-    });
-  }, [displayMenu, isMultipleMode, onToggleOpen, onOptionSelect]);
-  var onSelectClick = React.useCallback(function (e) {
-    if (disabled) {
-      return;
-    }
-    onClick === null || onClick === void 0 ? void 0 : onClick(e);
-  }, [disabled, onClick]);
-  React.useEffect(function () {
-    var element = selectRef.current;
-    if (element) {
-      var handleMouseOver = function handleMouseOver() {
-        return setIsHover(true);
-      };
-      var handleMouseOut = function handleMouseOut() {
-        return setIsHover(false);
-      };
-      element.addEventListener('mouseover', handleMouseOver);
-      element.addEventListener('mouseout', handleMouseOut);
-      return function () {
-        element.removeEventListener('mouseover', handleMouseOver);
-        element.removeEventListener('mouseout', handleMouseOut);
-      };
-    }
-  }, []);
-  return /*#__PURE__*/React.createElement("div", {
-    className: mergedClassName,
-    style: _objectSpread(_objectSpread({}, widthStyle), style),
-    ref: selectRef,
-    id: id,
-    onClick: onSelectClick
-  }, /*#__PURE__*/React.createElement(SelectTrigger, _extends({}, restProps, {
-    open: !!mergedOpen,
-    notFoundContent: notFoundContent,
-    menu: showMenu,
-    ref: dropdownRef,
-    showSearch: showSearch,
-    searchValue: innerSearchValue,
-    setInnerSearchValue: setInnerSearchValue,
-    popupMatchSelectWidth: popupMatchSelectWidth,
-    overlayClassName: popupClassName
-    // @ts-ignore
-    ,
-    dropdownRender: dropdownRender,
-    overlayStyle: overlayStyle || dropdownStyle,
-    placement: placement,
-    onOpenChange: function onOpenChange(open) {
-      if (isResponsiveMode) {
-        if (!mergedOpen && !showResponsiveSelectedSection && displayValues.length > 0 && isShowSelectedSection(mode)) {
-          setShowResponsiveSelectedSection(true);
-        } else {
-          onToggleOpen(open);
-        }
-      } else {
-        onToggleOpen(open);
-      }
-    }
-  }), /*#__PURE__*/React.createElement("div", {
-    className: setClassNames('trigger')
-  }, prefix && /*#__PURE__*/React.createElement("div", {
-    className: setClassNames('prefix')
-  }, prefix), _.isEmpty(displayValues) && /*#__PURE__*/React.createElement("div", {
-    className: setClassNames('placeholder')
-  }, placeholder), !_.isEmpty(displayValues) && /*#__PURE__*/React.createElement(Selector, _extends({}, restProps, {
-    suffixIcon: suffixIcon,
-    size: size,
-    disabled: disabled,
-    mode: mode,
-    dropdownRef: dropdownRef,
-    displayValues: displayValues,
-    onToggleOpen: onToggleOpen,
-    onRemove: onSelectorRemove,
-    showResponsiveSelectedSection: showResponsiveSelectedSection
-  })))), /*#__PURE__*/React.createElement(Suffix, {
-    showArrow: showArrow,
-    allowClear: allowClear,
-    disabled: disabled,
-    isHover: isHover,
-    onClear: function onClear() {
-      onToggleOpen(false);
-      onDisplayValuesChange([], {
-        type: 'clear',
-        values: displayValues
-      });
-      _onClear === null || _onClear === void 0 ? void 0 : _onClear();
-    },
-    isActive: innerOpen,
-    icon: suffixIcon,
-    displayValues: displayValues
-  }));
-});
-export default BaseSelect;

package/dist/AldSelect/SelectTrigger.js

@@ -1,76 +0,0 @@
-var _excluded = ["overlayStyle", "disabled", "open", "children", "dropdownRender", "getPopupContainer", "onOpenChange", "showSearch", "searchValue", "setInnerSearchValue", "menu", "overlayClassName", "placement", "popupMatchSelectWidth", "notFoundContent"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import React, { useCallback } from 'react';
-import Dropdown from "../Dropdown";
-import classnames from 'classnames';
-import SearchBox from "./components/SearchBox";
-import PopupContent from "./components/PopupContent";
-import Empty from "../Empty";
-var RefSelectTrigger = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var overlayStyle = props.overlayStyle,
-    disabled = props.disabled,
-    open = props.open,
-    children = props.children,
-    dropdownRender = props.dropdownRender,
-    getPopupContainer = props.getPopupContainer,
-    _onOpenChange = props.onOpenChange,
-    showSearch = props.showSearch,
-    searchValue = props.searchValue,
-    setInnerSearchValue = props.setInnerSearchValue,
-    menuProps = props.menu,
-    overlayClassName = props.overlayClassName,
-    _props$placement = props.placement,
-    placement = _props$placement === void 0 ? 'bottom-start' : _props$placement,
-    popupMatchSelectWidth = props.popupMatchSelectWidth,
-    _props$notFoundConten = props.notFoundContent,
-    notFoundContent = _props$notFoundConten === void 0 ? /*#__PURE__*/React.createElement(Empty, {
-      size: "small"
-    }) : _props$notFoundConten,
-    restProps = _objectWithoutProperties(props, _excluded);
-
-  // ======================= Ref =======================
-  var popupRef = React.useRef(null);
-  React.useImperativeHandle(ref, function () {
-    return {
-      getPopupElement: function getPopupElement() {
-        return popupRef.current;
-      }
-    };
-  });
-  var customDropdownRender = useCallback(function (menu) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: "beta-ald-select-popup",
-      ref: popupRef
-    }, /*#__PURE__*/React.createElement(SearchBox, {
-      showSearch: showSearch,
-      value: searchValue,
-      onChange: function onChange(value) {
-        setInnerSearchValue === null || setInnerSearchValue === void 0 ? void 0 : setInnerSearchValue(value);
-      }
-    }), /*#__PURE__*/React.createElement(PopupContent, {
-      content: menu,
-      notFoundContent: notFoundContent,
-      dropdownRender: dropdownRender,
-      menuProps: menuProps
-    }));
-  }, [dropdownRender, menuProps, notFoundContent, searchValue, setInnerSearchValue, showSearch]);
-  return /*#__PURE__*/React.createElement(Dropdown, _extends({}, restProps, {
-    disabled: disabled,
-    open: open,
-    menu: menuProps,
-    placement: placement,
-    popupMatchTriggerWidth: popupMatchSelectWidth,
-    overlayStyle: overlayStyle,
-    overlayClassName: classnames('beta-ald-select-popup-container', overlayClassName),
-    autoUpdatePos: true,
-    dropdownRender: customDropdownRender,
-    getPopupContainer: getPopupContainer,
-    onOpenChange: function onOpenChange(o) {
-      _onOpenChange === null || _onOpenChange === void 0 ? void 0 : _onOpenChange(o);
-    }
-  }), children);
-});
-RefSelectTrigger.displayName = 'SelectTrigger';
-export default RefSelectTrigger;

package/dist/AldSelect/Selector/MultipleResponsiveSelectedSection.js

@@ -1,52 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-import ScrollArea from "../../ScrollArea";
-import Suffix from "../components/Suffix";
-export default function MultipleResponsiveSelectedSection(params) {
-  var displayValues = params.displayValues,
-    renderItem = params.renderItem,
-    onToggleOpen = params.onToggleOpen,
-    dropdownRef = params.dropdownRef,
-    maxHeight = params.maxHeight,
-    suffixIcon = params.suffixIcon;
-  var multipleSelectedSectionRef = useRef(null);
-  useEffect(function () {
-    function isAncestorElement(ancestorClass, target) {
-      var currentElement = target;
-      while (currentElement) {
-        if (currentElement.classList.contains(ancestorClass)) {
-          return true;
-        }
-        currentElement = currentElement.parentElement;
-      }
-      return false;
-    }
-    function close(e) {
-      var target = e.target;
-      if (!isAncestorElement('beta-ald-select', target) && !isAncestorElement('beta-ald-select-popup', target)) {
-        onToggleOpen(false);
-      }
-    }
-    document.addEventListener('mousedown', close);
-    return function () {
-      document.removeEventListener('mousedown', close);
-    };
-  }, [onToggleOpen, dropdownRef]);
-  return /*#__PURE__*/React.createElement("div", {
-    ref: multipleSelectedSectionRef,
-    className: "beta-ald-select-selector-multiple-responsive-selected-section"
-  }, /*#__PURE__*/React.createElement(ScrollArea, {
-    innerClassName: "beta-ald-select-selector-multiple-responsive-selected-section-inner",
-    innerStyle: {
-      maxHeight: maxHeight
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "beta-ald-select-selector-multiple-responsive-selected-section-tags"
-  }, displayValues.map(function (item, index) {
-    return renderItem(item, index);
-  }))), /*#__PURE__*/React.createElement(Suffix, {
-    showArrow: true,
-    allowClear: false,
-    icon: suffixIcon,
-    displayValues: displayValues
-  }));
-}