musae 0.2.26 → 0.3.1

package/dist/components/calendar/hooks.cjs

@@ -0,0 +1,235 @@
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
+var dayjs = require('dayjs');
+var React = require('react');
+var useClassNames = require('../../hooks/use-class-names.cjs');
+var className = require('../../utils/class-name.cjs');
+var relax = require('@aiszlab/relax');
+var timespan = require('../../utils/timespan.cjs');
+var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.7.5/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
+var theme = require('../theme/theme.cjs');
+var hooks = require('../theme/hooks.cjs');
+var colors = require('../../utils/colors.cjs');
+var button = require('../button/button.cjs');
+var componentToken = require('../../utils/component-token.cjs');
+
+var styles = {
+  cell: {
+    height: "musaex-1q1utna",
+    width: "musaex-yueg9c",
+    padding: "musaex-j8pfrn",
+    paddingInline: null,
+    paddingStart: null,
+    paddingLeft: null,
+    paddingEnd: null,
+    paddingRight: null,
+    paddingBlock: null,
+    paddingTop: null,
+    paddingBottom: null,
+    textAlign: "musaex-2b8uid",
+    $$css: true
+  },
+  header: function header(props) {
+    return [{
+      color: "musaex-19dipnz",
+      $$css: true
+    }, {
+      "--color": props.color != null ? props.color : "initial"
+    }];
+  },
+  date: function date(props) {
+    return [{
+      position: "musaex-1n2onr6",
+      "::before_content": "musaex-1cpjm7i",
+      "::before_position": "musaex-1hmns74",
+      "::before_backgroundColor": "musaex-rr6jkh",
+      "::before_zIndex": "musaex-1al0g2m",
+      "::before_height": "musaex-1l62tpv",
+      $$css: true
+    }, {
+      "--1lrm08k": props.backgroundColor != null ? props.backgroundColor : "initial"
+    }];
+  },
+  hidden: {
+    visibility: "musaex-lshs6z",
+    $$css: true
+  },
+  range: {
+    "::before_insetInlineStart": "musaex-1682cnc",
+    "::before_left": null,
+    "::before_right": null,
+    "::before_insetInlineEnd": "musaex-typ5od",
+    $$css: true
+  },
+  from: {
+    "::before_insetInlineStart": "musaex-fbisj7",
+    "::before_left": null,
+    "::before_right": null,
+    "::before_insetInlineEnd": "musaex-typ5od",
+    $$css: true
+  },
+  to: {
+    "::before_insetInlineStart": "musaex-1682cnc",
+    "::before_left": null,
+    "::before_right": null,
+    "::before_insetInlineEnd": "musaex-1gkks1t",
+    $$css: true
+  }
+};
+/**
+ * @description
+ * head cells
+ */
+var useHeadCells = function useHeadCells() {
+  var classNames = useClassNames.useClassNames(componentToken.ComponentToken.Calendar);
+  var theme$1 = hooks.useTheme();
+  return React.useMemo(function () {
+    var _dayjs$Ls$dayjs$local;
+    var styled = stylex.default.props(styles.cell, styles.header({
+      color: theme$1.colors[colors.ColorToken.OnSurfaceVariant]
+    }), theme.typography.body.large);
+    return (_dayjs$Ls$dayjs$local = dayjs.Ls[dayjs.locale()].weekdays) === null || _dayjs$Ls$dayjs$local === void 0 ? void 0 : _dayjs$Ls$dayjs$local.map(function (weekday, index) {
+      return /*#__PURE__*/React.createElement("th", {
+        key: index,
+        className: relax.clsx(classNames[className.CalendarClassToken.HeadCell], styled.className),
+        style: styled.style
+      }, weekday.charAt(0));
+    });
+  }, [classNames, theme$1]);
+};
+/**
+ * @description
+ * dates
+ */
+var useDateCells = function useDateCells(_ref) {
+  var timespan = _ref.timespan,
+    focusedAt = _ref.focusedAt,
+    click = _ref.click;
+  var classNames = useClassNames.useClassNames(componentToken.ComponentToken.Calendar);
+  var theme$1 = hooks.useTheme();
+  return React.useMemo(function () {
+    var start = focusedAt.startOf("month");
+    var from = start.startOf("week");
+    var end = focusedAt.endOf("month");
+    var to = end.endOf("week");
+    var gap = to.diff(from, "d") + 1;
+    var dateCells = Array.from(new Array(gap).keys()).reduce(function (prev, _, index) {
+      if (prev.at(prev.length - 1).length === 7) prev.push([]);
+      var currentAt = from.add(index, "d");
+      var formatted = currentAt.format("YYYY-MM-DD");
+      var isFrom = timespan.isFrom(currentAt);
+      var isTo = timespan.isTo(currentAt);
+      var isBetween = timespan.isBetween(currentAt);
+      var isDisabled = currentAt.isBefore(start, "d") || currentAt.isAfter(end, "d");
+      var isSelected = isFrom || isTo;
+      var styled = {
+        cell: stylex.default.props(styles.cell, styles.date({
+          backgroundColor: theme$1.colors[colors.ColorToken.SecondaryContainer]
+        }), isDisabled && styles.hidden, isBetween && styles.range, isFrom && timespan.isRange && styles.from, isTo && timespan.isRange && styles.to, theme.typography.body.large),
+        trigger: {
+          className: "musaex-gnae0u musaex-ksl8fa"
+        }
+      };
+      prev.at(prev.length - 1).push(/*#__PURE__*/React.createElement("td", {
+        title: formatted,
+        key: formatted,
+        className: relax.clsx(classNames[className.CalendarClassToken.DateCell], _objectSpread(_defineProperty({}, classNames[className.CalendarClassToken.DateCellSelected], isSelected), timespan.isRange && _defineProperty(_defineProperty(_defineProperty({}, classNames[className.CalendarClassToken.DateCellInRange], isBetween), classNames[className.CalendarClassToken.DateCellRangeFrom], isFrom), classNames[className.CalendarClassToken.DateCellRangeTo], isTo)), styled.cell.className),
+        style: styled.cell.style,
+        "aria-selected": isSelected,
+        "aria-hidden": isDisabled
+      }, /*#__PURE__*/React.createElement(button.Button, {
+        variant: isSelected ? "filled" : "text",
+        color: isSelected ? "primary" : "secondary",
+        className: relax.clsx(classNames[className.CalendarClassToken.Date], styled.trigger.className),
+        style: styled.trigger.style,
+        onClick: function onClick() {
+          click(currentAt);
+        },
+        shape: "circular"
+      }, currentAt.date())));
+      return prev;
+    }, [[]]);
+    return dateCells.map(function (cells, index) {
+      return /*#__PURE__*/React.createElement("tr", {
+        key: index
+      }, cells);
+    });
+  }, [focusedAt, timespan, theme$1.colors, classNames, click]);
+};
+/**
+ * @description
+ * time span
+ */
+var useValue = function useValue(_ref3) {
+  var _click = _ref3.onClick,
+    value = _ref3.value;
+  /// change handler
+  var onClick = React.useCallback(function (_value) {
+    _click === null || _click === void 0 || _click(_value);
+  }, [_click]);
+  /// time span
+  var timespan$1 = React.useMemo(function () {
+    var _toArray = relax.toArray(value),
+      _toArray2 = _slicedToArray(_toArray, 2),
+      from = _toArray2[0],
+      to = _toArray2[1];
+    return new timespan.Timespan({
+      from: from,
+      to: to
+    });
+  }, [value]);
+  return {
+    timespan: timespan$1,
+    onClick: onClick
+  };
+};
+/**
+ * @description
+ * point at
+ */
+var useFocusedAt = function useFocusedAt(_ref4) {
+  var _focusedAt = _ref4.focusedAt;
+  var _useControlledState = relax.useControlledState(_focusedAt, {
+      defaultState: dayjs()
+    }),
+    _useControlledState2 = _slicedToArray(_useControlledState, 2),
+    focusedAt = _useControlledState2[0],
+    setFocusedAt = _useControlledState2[1];
+  /// next year
+  var toNextYear = React.useCallback(function () {
+    setFocusedAt(function (prev) {
+      return prev.add(1, "year");
+    });
+  }, [setFocusedAt]);
+  /// prev year
+  var toPrevYear = React.useCallback(function () {
+    setFocusedAt(function (prev) {
+      return prev.subtract(1, "year");
+    });
+  }, [setFocusedAt]);
+  /// next month
+  var toNextMonth = React.useCallback(function () {
+    setFocusedAt(function (prev) {
+      return prev.add(1, "month");
+    });
+  }, [setFocusedAt]);
+  /// prev month
+  var toPrevMonth = React.useCallback(function () {
+    setFocusedAt(function (prev) {
+      return prev.subtract(1, "month");
+    });
+  }, [setFocusedAt]);
+  return {
+    focusedAt: focusedAt,
+    toNextYear: toNextYear,
+    toPrevYear: toPrevYear,
+    toNextMonth: toNextMonth,
+    toPrevMonth: toPrevMonth
+  };
+};
+
+exports.useDateCells = useDateCells;
+exports.useFocusedAt = useFocusedAt;
+exports.useHeadCells = useHeadCells;
+exports.useValue = useValue;

package/dist/components/calendar/{hooks.js → hooks.mjs}

@@ -3,16 +3,16 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import dayjs from 'dayjs';
 import React, { useMemo, useCallback } from 'react';
-import { useClassNames } from '../../hooks/use-class-names.js';
-import { CalendarClassToken } from '../../utils/class-name.js';
+import { useClassNames } from '../../hooks/use-class-names.mjs';
+import { CalendarClassToken } from '../../utils/class-name.mjs';
 import { clsx, toArray, useControlledState } from '@aiszlab/relax';
-import { Timespan } from '../../utils/timespan.js';
-import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.7.5/node_modules/@stylexjs/stylex/lib/es/stylex.js';
-import { typography } from '../theme/theme.js';
-import { useTheme } from '../theme/hooks.js';
-import { ColorToken } from '../../utils/colors.js';
-import Button from '../button/button.js';
-import { ComponentToken } from '../../utils/component-token.js';
+import { Timespan } from '../../utils/timespan.mjs';
+import _stylex from '../../node_modules/.pnpm/@stylexjs_stylex@0.7.5/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
+import { typography } from '../theme/theme.mjs';
+import { useTheme } from '../theme/hooks.mjs';
+import { ColorToken } from '../../utils/colors.mjs';
+import { Button } from '../button/button.mjs';
+import { ComponentToken } from '../../utils/component-token.mjs';
 
 var styles = {
   cell: {
@@ -86,7 +86,7 @@ var useHeadCells = function useHeadCells() {
   var theme = useTheme();
   return useMemo(function () {
     var _dayjs$Ls$dayjs$local;
-    var styled = props(styles.cell, styles.header({
+    var styled = _stylex.props(styles.cell, styles.header({
       color: theme.colors[ColorToken.OnSurfaceVariant]
     }), typography.body.large);
     return (_dayjs$Ls$dayjs$local = dayjs.Ls[dayjs.locale()].weekdays) === null || _dayjs$Ls$dayjs$local === void 0 ? void 0 : _dayjs$Ls$dayjs$local.map(function (weekday, index) {
@@ -124,7 +124,7 @@ var useDateCells = function useDateCells(_ref) {
       var isDisabled = currentAt.isBefore(start, "d") || currentAt.isAfter(end, "d");
       var isSelected = isFrom || isTo;
       var styled = {
-        cell: props(styles.cell, styles.date({
+        cell: _stylex.props(styles.cell, styles.date({
           backgroundColor: theme.colors[ColorToken.SecondaryContainer]
         }), isDisabled && styles.hidden, isBetween && styles.range, isFrom && timespan.isRange && styles.from, isTo && timespan.isRange && styles.to, typography.body.large),
         trigger: {

package/dist/components/calendar/types.d.ts

@@ -1,6 +1,6 @@
 import type { Dayjs } from "dayjs";
 import type { Partialable } from "@aiszlab/relax/types";
-import { ComponentProps } from "../../types/element";
+import { ComponentProps } from "musae/types/element";
 /**
  * @description
  * calendar props

package/dist/components/cascader/cascader.cjs

@@ -0,0 +1,86 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var React = require('react');
+var picker = require('../picker/picker.cjs');
+var tag = require('../tag/tag.cjs');
+var hooks = require('./hooks.cjs');
+var menu = require('../menu/menu.cjs');
+var useClassNames = require('../../hooks/use-class-names.cjs');
+var className = require('../../utils/class-name.cjs');
+var relax = require('@aiszlab/relax');
+var componentToken = require('../../utils/component-token.cjs');
+
+var _excluded = ["mode", "separator", "options", "complex"];
+var Cascader = function Cascader(_ref) {
+  var mode = _ref.mode,
+    _ref$separator = _ref.separator,
+    separator = _ref$separator === void 0 ? "/" : _ref$separator,
+    _ref$options = _ref.options,
+    options = _ref$options === void 0 ? [] : _ref$options;
+    _ref.complex;
+    var props = _objectWithoutProperties(_ref, _excluded);
+  var ref = React.useRef(null);
+  var close = React.useCallback(function () {
+    var _ref$current;
+    return (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.close();
+  }, []);
+  var classNames = useClassNames.useClassNames(componentToken.ComponentToken.Cascader);
+  var _useOptions = hooks.useOptions([options]),
+    readableOptions = _useOptions.readableOptions,
+    readablePaths = _useOptions.readablePaths,
+    additionalMenusItems = _useOptions.additionalMenusItems,
+    presetedMenuItems = _useOptions.presetedMenuItems,
+    setAdditionalMenusItems = _useOptions.setAdditionalMenusItems;
+  var _useValue = hooks.useValue([props.value, readableOptions, readablePaths, mode, close, setAdditionalMenusItems]),
+    values = _useValue.values,
+    onChange = _useValue.onChange;
+  /// inputde value
+  var inputed = React.useMemo(function () {
+    var _at;
+    // multiple value
+    if (mode === "multiple") {
+      return _toConsumableArray(values.entries()).map(function (_ref2) {
+        var _optionables$at;
+        var _ref3 = _slicedToArray(_ref2, 2),
+          _value = _ref3[0],
+          optionables = _ref3[1];
+        return /*#__PURE__*/React.createElement(tag.default, {
+          size: "small",
+          key: _value
+        }, (_optionables$at = optionables.at(optionables.length - 1)) === null || _optionables$at === void 0 ? void 0 : _optionables$at.label);
+      });
+    }
+    // default display value
+    return (_at = _toConsumableArray(values.values()).at(0)) === null || _at === void 0 ? void 0 : _at.map(function (_ref4) {
+      var label = _ref4.label;
+      return label;
+    }).join(" ".concat(separator, " "));
+  }, [mode, values, separator]);
+  /// options render
+  var menus = React.useMemo(function () {
+    var styled = {
+      className: "musaex-78zum5 musaex-13bbkc7 musaex-j3hrbk"
+    };
+    return /*#__PURE__*/React.createElement("div", {
+      className: relax.clsx(classNames[className.CascaderClassToken.Options], styled.className),
+      style: styled.style
+    }, [presetedMenuItems].concat(_toConsumableArray(additionalMenusItems)).map(function (menuItems, index) {
+      return /*#__PURE__*/React.createElement(menu.default, {
+        items: menuItems,
+        key: index,
+        onClick: onChange
+      });
+    }));
+  }, [additionalMenusItems, classNames, onChange, presetedMenuItems]);
+  return /*#__PURE__*/React.createElement(picker.default, {
+    ref: ref,
+    pickable: menus,
+    className: classNames[className.CascaderClassToken.Cascader],
+    popupWidth: false
+  }, inputed);
+};
+
+exports.default = Cascader;

package/dist/components/cascader/{cascader.js → cascader.mjs}

@@ -2,14 +2,14 @@ import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React, { useRef, useCallback, useMemo } from 'react';
-import Picker from '../picker/picker.js';
-import Tag from '../tag/tag.js';
-import { useOptions, useValue } from './hooks.js';
-import Menu from '../menu/menu.js';
-import { useClassNames } from '../../hooks/use-class-names.js';
-import { CascaderClassToken } from '../../utils/class-name.js';
+import Picker from '../picker/picker.mjs';
+import Tag from '../tag/tag.mjs';
+import { useOptions, useValue } from './hooks.mjs';
+import Menu from '../menu/menu.mjs';
+import { useClassNames } from '../../hooks/use-class-names.mjs';
+import { CascaderClassToken } from '../../utils/class-name.mjs';
 import { clsx } from '@aiszlab/relax';
-import { ComponentToken } from '../../utils/component-token.js';
+import { ComponentToken } from '../../utils/component-token.mjs';
 
 var _excluded = ["mode", "separator", "options", "complex"];
 var Cascader = function Cascader(_ref) {
@@ -80,6 +80,5 @@ var Cascader = function Cascader(_ref) {
     popupWidth: false
   }, inputed);
 };
-var Cascader$1 = Cascader;
 
-export { Cascader$1 as default };
+export { Cascader as default };

package/dist/components/cascader/hooks.cjs

@@ -0,0 +1,130 @@
+var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var React = require('react');
+var relax = require('@aiszlab/relax');
+var utils = require('./utils.cjs');
+
+/**
+ * @description
+ * cascader value
+ */
+var useValue = function useValue(_ref) {
+  var _ref2 = _slicedToArray(_ref, 6),
+    valueInProps = _ref2[0],
+    readableOptions = _ref2[1],
+    readablePaths = _ref2[2],
+    mode = _ref2[3],
+    close = _ref2[4],
+    setAdditionalMenusItems = _ref2[5];
+  var _useControlledState = relax.useControlledState(valueInProps),
+    _useControlledState2 = _slicedToArray(_useControlledState, 2),
+    _value = _useControlledState2[0],
+    setValue = _useControlledState2[1];
+  // convert value
+  var values = React.useMemo(function () {
+    return utils.toValues(_value).reduce(function (prev, keysOrOptions) {
+      /// read item id for menu
+      var _keysOrOptions$reduce = keysOrOptions.reduce(function (prev, keyOrOption) {
+          var _prev$;
+          var key = utils.toKey(keyOrOption);
+          var currentOption = (_prev$ = prev[2]) === null || _prev$ === void 0 ? void 0 : _prev$.get(key);
+          var currentId = currentOption === null || currentOption === void 0 ? void 0 : currentOption.id;
+          prev[0] = currentId;
+          currentOption && prev[1].push({
+            label: currentOption.label,
+            value: key
+          });
+          prev[2] = currentOption === null || currentOption === void 0 ? void 0 : currentOption.children;
+          return prev;
+        }, [void 0, [], readableOptions]),
+        _keysOrOptions$reduce2 = _slicedToArray(_keysOrOptions$reduce, 2),
+        id = _keysOrOptions$reduce2[0],
+        options = _keysOrOptions$reduce2[1];
+      // set item
+      return id ? prev.set(id, options) : prev;
+    }, new Map());
+  }, [_value, readableOptions]);
+  // change handler
+  var onChange = React.useCallback(function (id) {
+    // on menu click, when menu has children, add submenu
+    // when menu has no children, just change value and close dropdown
+    var _paths = readablePaths.get(id);
+    var _values = _paths.map(function (optionable) {
+      return optionable.value;
+    });
+    var _values$reduce = _values.reduce(function (prev, key) {
+        var _prev$2;
+        var _option = (_prev$2 = prev[2]) === null || _prev$2 === void 0 ? void 0 : _prev$2.get(key);
+        // check has children
+        prev[0] = !!(_option !== null && _option !== void 0 && _option.children);
+        // add submenus
+        (_option === null || _option === void 0 ? void 0 : _option.children) && prev[1].push(_toConsumableArray(_option.children.values()).map(function (option) {
+          return utils.toMenuItem(option);
+        }));
+        // pass children
+        prev[2] = _option === null || _option === void 0 ? void 0 : _option.children;
+        return prev;
+      }, [false, [], readableOptions]),
+      _values$reduce2 = _slicedToArray(_values$reduce, 2),
+      hasChildren = _values$reduce2[0],
+      menusItems = _values$reduce2[1];
+    // display submenus
+    setAdditionalMenusItems(menusItems);
+    // if current menu has children, just display
+    if (hasChildren) return;
+    // if this select is single mode, just use key value
+    // close dropdown after click
+    if (!mode) {
+      setValue(_values);
+      close();
+      return;
+    }
+    // in multiple mode
+    // click menu item twice mean cancel it
+    // else add current values
+    var isRemoved = values.has(id) && values["delete"](id);
+    setValue([].concat(_toConsumableArray(_toConsumableArray(values.values()).map(utils.toKeys)), _toConsumableArray(isRemoved ? [] : [_values])));
+  }, [readablePaths, readableOptions, mode, values, setValue, setAdditionalMenusItems, close]);
+  return {
+    values: values,
+    onChange: onChange
+  };
+};
+/**
+ * @description
+ * options
+ */
+var useOptions = function useOptions(_ref3) {
+  var _ref4 = _slicedToArray(_ref3, 1),
+    options = _ref4[0];
+  var _useMemo = React.useMemo(function () {
+      return utils.readOptions({
+        options: options
+      });
+    }, [options]),
+    _useMemo2 = _slicedToArray(_useMemo, 2),
+    readableOptions = _useMemo2[0],
+    readablePaths = _useMemo2[1];
+  /// menus split into 2 parts
+  /// 1. preseted menu items
+  /// 2. dynamic menu items
+  var presetedMenuItems = React.useMemo(function () {
+    return _toConsumableArray(readableOptions.values()).map(function (option) {
+      return utils.toMenuItem(option);
+    });
+  }, [readableOptions]);
+  var _useState = React.useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    additionalMenusItems = _useState2[0],
+    setAdditionalMenusItems = _useState2[1];
+  return {
+    presetedMenuItems: presetedMenuItems,
+    additionalMenusItems: additionalMenusItems,
+    readableOptions: readableOptions,
+    readablePaths: readablePaths,
+    setAdditionalMenusItems: setAdditionalMenusItems
+  };
+};
+
+exports.useOptions = useOptions;
+exports.useValue = useValue;

package/dist/components/cascader/hooks.d.ts

@@ -1,7 +1,7 @@
 import { type Dispatch, type SetStateAction } from "react";
-import { type MenuItem } from "../menu";
+import type { MenuItem } from "musae/types/menu";
 import type { CascaderProps, ReadableOptions, ReadablePaths } from "./types";
-import type { Option } from "../../types/option";
+import type { Option } from "musae/types/option";
 /**
  * @description
  * cascader value

package/dist/components/cascader/{hooks.js → hooks.mjs}

@@ -2,7 +2,7 @@ import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { useMemo, useCallback, useState } from 'react';
 import { useControlledState } from '@aiszlab/relax';
-import { toValues, toKey, toMenuItem, toKeys, readOptions as _readOptions3 } from './utils.js';
+import { toValues, toKey, toMenuItem, toKeys, readOptions as _readOptions3 } from './utils.mjs';
 
 /**
  * @description

package/dist/components/cascader/types.d.ts

@@ -1,5 +1,5 @@
 import type { Key, ReactNode } from "react";
-import type { Option } from "../../types/option";
+import type { Option } from "musae/types/option";
 export type KeyOrOption = Key | Option;
 export type Value = KeyOrOption[];
 export type ValueOrValues = Value[] | Value;

package/dist/components/cascader/utils.cjs

@@ -0,0 +1,108 @@
+var _typeof = require('@babel/runtime/helpers/typeof');
+var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var relax = require('@aiszlab/relax');
+
+/**
+ * @description
+ * read options
+ */
+var _readOptions3 = function readOptions(_ref) {
+  var options = _ref.options,
+    _ref$from = _ref.from,
+    from = _ref$from === void 0 ? 1 : _ref$from,
+    _ref$paths = _ref.paths,
+    paths = _ref$paths === void 0 ? [] : _ref$paths;
+  return options.reduce(function (prev, option) {
+    var _option$children;
+    var _prev = _slicedToArray(prev, 3),
+      collectedOptions = _prev[0],
+      collectedPaths = _prev[1],
+      next = _prev[2];
+    var currentPaths = [].concat(_toConsumableArray(paths), [{
+      value: option.value,
+      label: toLabel(option)
+    }]);
+    // read deeply
+    var _readOptions = _readOptions3({
+        options: (_option$children = option.children) !== null && _option$children !== void 0 ? _option$children : [],
+        from: next,
+        paths: currentPaths
+      }),
+      _readOptions2 = _slicedToArray(_readOptions, 3),
+      children = _readOptions2[0],
+      readPaths = _readOptions2[1],
+      readId = _readOptions2[2];
+    // plus 1, for unique key
+    var currentId = readId + 1;
+    // for option map, set new value
+    collectedOptions.set(option.value, {
+      id: currentId,
+      label: toLabel(option),
+      children: children.size === 0 ? void 0 : children
+    });
+    // sum unique keys into one map
+    prev[1] = (readPaths.size === 0 ? collectedPaths : new Map([].concat(_toConsumableArray(collectedPaths.entries()), _toConsumableArray(readPaths.entries())))).set(currentId, currentPaths);
+    // record the latest id
+    prev[2] = currentId;
+    return prev;
+  }, [new Map(), new Map(), from]);
+};
+var isValues = function isValues(value) {
+  return value.every(function (_value) {
+    return relax.isArray(_value);
+  });
+};
+/**
+ * @description
+ * convert to value in array
+ */
+var toValues = function toValues(value) {
+  // empty
+  if (relax.isVoid(value)) return [];
+  // already array
+  if (isValues(value)) return value;
+  // convert to array
+  return [value];
+};
+/**
+ * @description
+ * convert readable option to menu item
+ */
+var toMenuItem = function toMenuItem(option) {
+  return {
+    key: option.id,
+    label: option.label
+  };
+};
+/**
+ * @description
+ * convert option or key to key
+ */
+var toKey = function toKey(keyOrOption) {
+  if (_typeof(keyOrOption) === "object") {
+    return keyOrOption.value;
+  }
+  return keyOrOption;
+};
+/**
+ * @description
+ * convert options or keys to keys
+ */
+var toKeys = function toKeys(options) {
+  return options.map(toKey);
+};
+/**
+ * @description
+ * convert to label
+ */
+var toLabel = function toLabel(option) {
+  var _option$label;
+  return (_option$label = option.label) !== null && _option$label !== void 0 ? _option$label : option.value.toString();
+};
+
+exports.readOptions = _readOptions3;
+exports.toKey = toKey;
+exports.toKeys = toKeys;
+exports.toMenuItem = toMenuItem;
+exports.toValues = toValues;

package/dist/components/cascader/utils.d.ts

@@ -1,5 +1,5 @@
 import type { KeyOrOption, Optionable, ReadBy, ReadableOption, ReadableOptions, ReadablePaths, Value, ValueOrValues } from "./types";
-import type { MenuItem } from "../menu";
+import type { MenuItem } from "musae/types/menu";
 /**
  * @description
  * read options