one-design-next 0.0.4-alpha.100

package/dist/cascader/style/index.css

@@ -0,0 +1,414 @@
+@charset "UTF-8";
+html {
+  --odn-cascader-control-width: 184px;
+  --odn-cascader-control-item-width: 200px;
+  --odn-cascader-dropdown-height: 232px;
+  --odn-cascader-option-selected-bg: var(--odn-color-blue-1);
+  --odn-cascader-option-selected-font-weight: 400;
+  --odn-cascader-option-padding-block: 7px;
+  --odn-cascader-option-padding-inline: 12px;
+  --odn-cascader-menu-padding: 8px 0;
+  --odn-cascader-option-selected-color: var(--odn-color-black-12);
+  --odn-cascader-panel-border: 1px solid var(--odn-color-black-6);
+  --odn-cascader-panel-border-radius: 6px;
+}
+
+@layer components {
+  .odn-cascader {
+    width: var(--odn-cascader-control-width);
+  }
+  .odn-cascader .odn-select-selection-search-input {
+    display: none;
+  }
+  .odn-cascader-dropdown {
+    font-size: var(--odn-font-size);
+    line-height: var(--odn-line-height);
+  }
+  .odn-cascader-dropdown svg {
+    display: block;
+  }
+  .odn-cascader-dropdown-match-width {
+    --odn-cascader-control-item-width: 0;
+    --odn-cascader-panel-column-flex: 1;
+  }
+  .odn-cascader-dropdown.odn-select-dropdown {
+    padding: 0;
+  }
+  .odn-cascader-dropdown .odn-cascader-menu {
+    max-width: 300px;
+  }
+  .odn-cascader-dropdown .odn-cascader-checkbox-group {
+    margin: 0;
+    padding: 0;
+    color: var(--odn-color-text);
+    font-size: var(--odn-font-size);
+    line-height: var(--odn-line-height);
+    list-style: none;
+    font-family: var(--odn-font-family);
+    display: inline-flex;
+    flex-wrap: wrap;
+    column-gap: var(--odn-margin-xs);
+  }
+  .odn-cascader-dropdown .odn-cascader-checkbox-group > .odn-row {
+    flex: 1;
+  }
+  .odn-cascader-dropdown .odn-cascader-checkbox-wrapper {
+    margin: 0;
+    padding: 0;
+    color: var(--odn-color-text);
+    font-size: var(--odn-font-size);
+    line-height: var(--odn-line-height);
+    list-style: none;
+    font-family: var(--odn-font-family);
+    display: inline-flex;
+    align-items: baseline;
+    cursor: pointer;
+  }
+  .odn-cascader-dropdown .odn-cascader-checkbox-wrapper::after {
+    display: inline-block;
+    width: 0;
+    overflow: hidden;
+    content: "\\a0";
+  }
+  .odn-cascader-dropdown .odn-cascader-checkbox-wrapper + .odn-cascader-checkbox-wrapper {
+    margin-inline-start: 0;
+  }
+  .odn-cascader-dropdown .odn-cascader-checkbox-wrapper.odn-cascader-checkbox-wrapper-in-form-item input[type=checkbox] {
+    width: 14px;
+    height: 14px;
+  }
+  .odn-cascader-dropdown .odn-cascader-checkbox-wrapper:not(.odn-cascader-checkbox-wrapper-disabled):hover .odn-cascader-checkbox-checked:not(.odn-cascader-checkbox-disabled) .odn-cascader-checkbox-inner {
+    background-color: var(--odn-color-primary-hover);
+    border-color: transparent;
+  }
+  .odn-cascader-dropdown .odn-cascader-checkbox-checked .odn-cascader-checkbox-inner::after {
+    opacity: 1;
+    transform: rotate(45deg) scale(1) translate(-50%, -50%);
+    transition: 0.15s cubic-bezier(0.32, 0.72, 0, 1) all;
+  }
+  .odn-cascader-compact-item:not(.odn-cascader-compact-last-item) {
+    margin-inline-end: calc(var(--odn-line-width) * -1);
+  }
+  .odn-cascader-compact-item:not(.odn-cascader-status-success) {
+    z-index: 2;
+  }
+  .odn-cascader-compact-item:hover,
+  .odn-cascader-compact-item:focus,
+  .odn-cascader-compact-item:active {
+    z-index: 3;
+  }
+  .odn-cascader-compact-item[disabled] {
+    z-index: 0;
+  }
+  .odn-cascader-compact-item:not(.odn-cascader-compact-first-item,
+  .odn-cascader-compact-last-item) {
+    border-radius: 0;
+  }
+  .odn-cascader {
+    font-family: var(--odn-font-family);
+    font-size: var(--odn-font-size);
+  }
+  .odn-cascader-panel {
+    display: inline-flex;
+    border: var(--odn-cascader-panel-border);
+    border-radius: var(--odn-cascader-panel-border-radius);
+    overflow-x: auto;
+    max-width: 100%;
+    font-size: var(--odn-font-size);
+    line-height: var(--odn-line-height);
+  }
+  .odn-cascader-panel .odn-cascader-checkbox-group {
+    margin: 0;
+    padding: 0;
+    color: var(--odn-color-text);
+    font-size: var(--odn-font-size);
+    line-height: var(--odn-line-height);
+    list-style: none;
+    font-family: var(--odn-font-family);
+    display: inline-flex;
+    flex-wrap: wrap;
+    column-gap: var(--odn-margin-xs);
+  }
+  .odn-cascader-panel .odn-cascader-checkbox-group > .odn-row {
+    flex: 1;
+  }
+  .odn-cascader-panel .odn-cascader-checkbox-wrapper {
+    margin: 0;
+    padding: 0;
+    color: var(--odn-color-text);
+    font-size: var(--odn-font-size);
+    line-height: var(--odn-line-height);
+    list-style: none;
+    font-family: var(--odn-font-family);
+    display: inline-flex;
+    align-items: baseline;
+    cursor: pointer;
+  }
+  .odn-cascader-panel .odn-cascader-checkbox-wrapper::after {
+    display: inline-block;
+    width: 0;
+    overflow: hidden;
+    content: " ";
+  }
+  .odn-cascader-panel .odn-cascader-checkbox-wrapper + .odn-cascader-checkbox-wrapper {
+    margin-inline-start: 0;
+  }
+  .odn-cascader-panel .odn-cascader-checkbox-wrapper.odn-cascader-checkbox-wrapper-in-form-item input[type=checkbox] {
+    width: 14px;
+    height: 14px;
+  }
+  .odn-cascader-checkbox {
+    margin: 0;
+    padding: 0;
+    color: var(--odn-color-text);
+    font-size: var(--odn-font-size);
+    line-height: 1;
+    list-style: none;
+    font-family: var(--odn-font-family);
+    position: relative;
+    white-space: nowrap;
+    cursor: pointer;
+    border-radius: 4px;
+    align-self: center;
+  }
+  .odn-cascader-checkbox .odn-cascader-checkbox-input {
+    position: absolute;
+    inset: 0;
+    z-index: 1;
+    cursor: pointer;
+    opacity: 0;
+    margin: 0;
+  }
+  .odn-cascader-checkbox .odn-cascader-checkbox-input:focus-visible + .odn-cascader-checkbox-inner {
+    outline: var(--odn-line-width-focus) solid var(--odn-color-primary-border);
+    outline-offset: 1px;
+    transition: outline-offset 0s, outline 0s;
+  }
+  .odn-cascader-checkbox .odn-cascader-checkbox-inner {
+    display: block;
+    width: 16px;
+    height: 16px;
+    background-color: var(--odn-color-bg-container);
+    border: 1px solid var(--odn-color-black-6);
+    border-radius: 4px;
+    border-collapse: separate;
+    transition: 0.15s cubic-bezier(0.32, 0.72, 0, 1) all;
+  }
+  .odn-cascader-checkbox .odn-cascader-checkbox-inner::after {
+    position: absolute;
+    top: 50%;
+    inset-inline-start: 25%;
+    display: table;
+    width: 5.7142857143px;
+    height: 9.1428571429px;
+    border: 2px solid var(--odn-color-white);
+    border-top: 0;
+    border-inline-start: 0;
+    transform: rotate(45deg) scale(0) translate(-50%, -50%);
+    opacity: 0;
+    content: "";
+    transition: all var(--odn-motion-duration-fast) var(--odn-motion-ease-in-back), opacity var(--odn-motion-duration-fast);
+  }
+  .odn-cascader-checkbox + span {
+    padding-inline: var(--odn-padding-xs) var(--odn-padding-xs);
+  }
+  .odn-cascader-checkbox-wrapper:not(.odn-cascader-checkbox-wrapper-disabled):hover .odn-cascader-checkbox-inner,
+  .odn-cascader-checkbox:not(.odn-cascader-checkbox-disabled):hover .odn-cascader-checkbox-inner {
+    border-color: var(--odn-color-primary);
+  }
+  .odn-cascader-checkbox-wrapper:not(.odn-cascader-checkbox-wrapper-disabled):hover .odn-cascader-checkbox-checked:not(.odn-cascader-checkbox-disabled) .odn-cascader-checkbox-inner {
+    background-color: var(--odn-color-primary-hover);
+    border-color: transparent;
+  }
+  .odn-cascader-panel .odn-cascader-checkbox-wrapper:not(.odn-cascader-checkbox-wrapper-disabled):hover .odn-cascader-checkbox-checked:not(.odn-cascader-checkbox-disabled)::after {
+    border-color: var(--odn-color-primary-hover);
+  }
+  .odn-cascader-checkbox-checked .odn-cascader-checkbox-inner {
+    background-color: var(--odn-color-primary);
+    border-color: var(--odn-color-primary);
+  }
+  .odn-cascader-panel .odn-cascader-checkbox-checked .odn-cascader-checkbox-inner::after {
+    opacity: 1;
+    transform: rotate(45deg) scale(1) translate(-50%, -50%);
+    transition: all var(--odn-motion-duration-mid) var(--odn-motion-ease-out-back) var(--odn-motion-duration-fast);
+  }
+  .odn-cascader-checkbox-wrapper-checked:not(.odn-cascader-checkbox-wrapper-disabled):hover .odn-cascader-checkbox-inner,
+  .odn-cascader-checkbox-checked:not(.odn-cascader-checkbox-disabled):hover .odn-cascader-checkbox-inner {
+    background-color: var(--odn-color-primary-hover);
+    border-color: transparent;
+  }
+  .odn-cascader-checkbox-indeterminate .odn-cascader-checkbox-inner {
+    background-color: var(--odn-color-primary);
+    border-color: var(--odn-color-border);
+  }
+  .odn-cascader-checkbox-indeterminate .odn-cascader-checkbox-inner::after {
+    top: 50%;
+    inset-inline-start: 50%;
+    width: 10px;
+    height: 2px;
+    background-color: var(--odn-color-white);
+    border: 0;
+    transform: translate(-50%, -50%) scale(1);
+    opacity: 1;
+    content: "";
+  }
+  .odn-cascader-checkbox-indeterminate:hover .odn-cascader-checkbox-inner {
+    background-color: var(--odn-color-primary);
+    border-color: var(--odn-color-primary);
+  }
+  .odn-cascader-checkbox-wrapper-disabled {
+    cursor: not-allowed;
+  }
+  .odn-cascader-checkbox-disabled,
+  .odn-cascader-checkbox-disabled .odn-cascader-checkbox-input {
+    cursor: not-allowed;
+    pointer-events: none;
+  }
+  .odn-cascader-checkbox-disabled .odn-cascader-checkbox-inner {
+    background: var(--odn-color-bg-container-disabled);
+    border-color: var(--odn-color-border);
+  }
+  .odn-cascader-checkbox-disabled .odn-cascader-checkbox-inner::after {
+    border-color: var(--odn-color-text-disabled);
+  }
+  .odn-cascader-checkbox-disabled::after {
+    display: none;
+  }
+  .odn-cascader-checkbox-disabled + span {
+    color: var(--odn-color-text-disabled);
+  }
+  .odn-cascader-checkbox-disabled.odn-cascader-checkbox-indeterminate .odn-cascader-checkbox-inner::after {
+    background: var(--odn-color-text-disabled);
+  }
+  .odn-cascader-checkbox {
+    flex: none;
+    top: 0;
+    margin-inline-end: var(--odn-padding-xs);
+    pointer-events: unset;
+  }
+  .odn-cascader-menus {
+    display: flex;
+    flex-wrap: nowrap;
+    align-items: flex-start;
+    width: 100%;
+  }
+  .odn-cascader-menus.odn-cascader-menu-empty .odn-cascader-menu {
+    width: 100%;
+    height: auto;
+  }
+  .odn-cascader-menus.odn-cascader-menu-empty .odn-cascader-menu .odn-cascader-menu-item {
+    color: var(--odn-color-text-disabled);
+  }
+  .odn-cascader-menu {
+    flex: var(--odn-cascader-panel-column-flex, 0 0 auto);
+    min-width: var(--odn-cascader-control-item-width);
+    height: var(--odn-cascader-dropdown-height);
+    margin: 0;
+    padding: var(--odn-cascader-menu-padding);
+    overflow: auto;
+    vertical-align: top;
+    list-style: none;
+    border-inline-end: 1px solid transparent;
+  }
+  .odn-cascader-menu::-webkit-scrollbar {
+    width: 14px;
+    height: 14px;
+  }
+  .odn-cascader-menu::-webkit-scrollbar-thumb {
+    min-width: 14px;
+    min-height: 14px;
+    background-color: var(--odn-color-border);
+    background-clip: content-box;
+    border: 4px solid transparent;
+    border-radius: 14px;
+  }
+  .odn-cascader-menu::-webkit-scrollbar-track {
+    background-color: rgba(0, 0, 0, 0);
+  }
+  .odn-cascader-menu:only-child {
+    width: 100%;
+    max-width: 100%;
+  }
+  .odn-cascader-menu:not(:last-child) {
+    border-inline-end: 1px solid var(--odn-color-black-5);
+  }
+  .odn-cascader-menu-item {
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    display: flex;
+    flex-wrap: nowrap;
+    align-items: center;
+    padding: var(--odn-cascader-option-padding-block) var(--odn-cascader-option-padding-inline);
+    line-height: var(--odn-line-height);
+    cursor: pointer;
+    transition: all var(--odn-motion-duration-mid);
+    border-radius: var(--odn-border-radius-sm);
+  }
+  .odn-cascader-menu-item:hover {
+    background: var(--odn-color-black-1);
+  }
+  .odn-cascader-menu-item-disabled {
+    color: var(--odn-color-text-disabled);
+    cursor: not-allowed;
+  }
+  .odn-cascader-menu-item-disabled:hover {
+    background: transparent;
+  }
+  .odn-cascader-menu-item-disabled.odn-cascader-menu-item-expand .odn-cascader-menu-item-expand-icon,
+  .odn-cascader-menu-item-disabled .odn-cascader-menu-item-loading-icon {
+    color: var(--odn-color-text-disabled);
+  }
+  .odn-cascader-menu-item-active:not(.odn-cascader-menu-item-disabled),
+  .odn-cascader-menu-item-active:not(.odn-cascader-menu-item-disabled):hover {
+    color: var(--odn-cascader-option-selected-color);
+    font-weight: var(--odn-cascader-option-selected-font-weight);
+    background-color: var(--odn-cascader-option-selected-bg);
+  }
+  .odn-cascader-menu-item-content {
+    flex: auto;
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .odn-cascader-menu-item-content > * {
+    width: 100%;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    vertical-align: top;
+  }
+  .odn-cascader-menu-item-expand-icon svg {
+    display: block;
+  }
+  .odn-cascader-menu-item.odn-cascader-menu-item-expand .odn-cascader-menu-item-expand-icon,
+  .odn-cascader-menu-item .odn-cascader-menu-item-loading-icon {
+    margin-inline-start: var(--odn-padding-xxs);
+    color: var(--odn-color-icon);
+    font-size: var(--odn-font-size-icon);
+  }
+  .odn-cascader-menu-item.odn-cascader-menu-item-expand .odn-cascader-menu-item-expand-icon:hover,
+  .odn-cascader-menu-item .odn-cascader-menu-item-loading-icon:hover {
+    color: var(--odn-color-black-10);
+  }
+  .odn-cascader-panel .odn-cascader-menus {
+    align-items: stretch;
+  }
+  .odn-cascader-panel .odn-cascader-menu {
+    height: auto;
+  }
+  .odn-cascader-panel-empty {
+    padding: var(--odn-padding-xxs);
+  }
+  .odn-cascader-menu-item[title=divider] {
+    margin: 8px 0;
+    padding: 0;
+    height: 1px;
+    background-color: var(--odn-color-black-5);
+    pointer-events: none;
+  }
+  .odn-cascader-dropdown-searching .odn-cascader-menu-item[title=divider] {
+    display: none;
+  }
+}

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

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

package/dist/cascader/style/index.js

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

package/dist/cascader/utils.d.ts

@@ -0,0 +1,14 @@
+import type { DefaultOptionType } from 'rc-cascader';
+import React from 'react';
+export interface FieldNames {
+    label?: string;
+    value?: string;
+    children?: string;
+    title?: string;
+    popover?: string;
+}
+/** 默认 fieldNames：label 指向 labelWithPopover，下拉展示带 Popover 的节点，用户传入的 label 保留供 displayRender 等使用 */
+export declare const DEFAULT_FIELD_NAMES: FieldNames;
+export declare const processOptions: (options: DefaultOptionType[] | undefined, fieldNames?: FieldNames, optionPopoverProps?: Record<string, unknown>) => DefaultOptionType[] | undefined;
+export declare const calculateOptionsDepth: (options: DefaultOptionType[] | undefined, fieldNames?: FieldNames) => number;
+export declare const generateCommonStyle: (depth: number, autoMaxWidth: boolean, customStyle?: React.CSSProperties) => React.CSSProperties;

package/dist/cascader/utils.js

@@ -0,0 +1,109 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React from 'react';
+import CascaderOptionContent from "./CascaderOptionContent";
+/** 默认 fieldNames：label 指向 labelWithPopover，下拉展示带 Popover 的节点，用户传入的 label 保留供 displayRender 等使用 */
+export var DEFAULT_FIELD_NAMES = {
+  label: 'labelWithPopover'
+};
+export var processOptions = function processOptions(options, fieldNames, optionPopoverProps) {
+  var processOption = function processOption(option) {
+    var _ref, _fieldNames$label, _ref2, _ref3, _option;
+    var parentPath = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+    var processedOption = _objectSpread({}, option);
+
+    // 如果 title 不存在，则设置为空字符串
+    if (!('title' in processedOption)) {
+      processedOption.title = '';
+    }
+
+    // 20251218 加入 divider，但由于 rc-cascader 不支持 divider，所以需要一些非常特殊的处理
+    if (option.type === 'divider') {
+      processedOption.title = 'divider';
+    }
+
+    // 下拉展示用的 key（默认 labelWithPopover），写入带 Popover 的节点；用户原始的 label 不覆盖
+    var labelField = (_ref = (_fieldNames$label = fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.label) !== null && _fieldNames$label !== void 0 ? _fieldNames$label : DEFAULT_FIELD_NAMES.label) !== null && _ref !== void 0 ? _ref : 'label';
+    var titleField = (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.title) || 'title';
+    var valueField = (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.value) || 'value';
+
+    // 记录完整路径，单选模式下用于 content 区域点击选中
+    var value = option[valueField];
+    processedOption.__fullPath__ = [].concat(_toConsumableArray(parentPath), [value]);
+
+    // 从用户数据读取展示内容：先读当前 label 键（可能为用户自定义），再 title / label / value
+    var displayContent = (_ref2 = (_ref3 = (_option = option[labelField]) !== null && _option !== void 0 ? _option : option[titleField]) !== null && _ref3 !== void 0 ? _ref3 : option.label) !== null && _ref2 !== void 0 ? _ref2 : option[valueField];
+
+    // 处理 popover 字段，如果存在则转换为 rc-cascader 支持的 label 属性
+    var popoverField = (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.popover) || 'popover';
+    var popover = option[popoverField];
+
+    // 将带 Popover 的节点写入 labelField（默认 labelWithPopover），不覆盖用户传入的 label
+    processedOption[labelField] = /*#__PURE__*/React.createElement(CascaderOptionContent, {
+      content: displayContent,
+      customPopover: popover,
+      optionPopoverProps: optionPopoverProps
+    });
+
+    // 记录一个自定义的固定的属性，用以处理 search 逻辑
+    processedOption['labelForSearch'] = displayContent != null && (typeof displayContent === 'string' || typeof displayContent === 'number') ? String(displayContent) : '';
+
+    // 递归处理 children
+    var childrenField = (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.children) || 'children';
+    var children = option[childrenField];
+    if (children && Array.isArray(children)) {
+      processedOption[childrenField] = children.map(function (child) {
+        return processOption(child, processedOption.__fullPath__);
+      });
+    }
+    return processedOption;
+  };
+  if (!options || !Array.isArray(options)) {
+    return options;
+  }
+  return options.map(function (option) {
+    return processOption(option);
+  });
+};
+export var calculateOptionsDepth = function calculateOptionsDepth(options, fieldNames) {
+  if (!options || options.length === 0) return 1;
+  var calculateDepth = function calculateDepth(opts) {
+    var currentDepth = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+    var maxDepth = currentDepth;
+    var _iterator = _createForOfIteratorHelper(opts),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var option = _step.value;
+        var childrenField = (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.children) || 'children';
+        var children = option[childrenField];
+        if (children && children.length > 0) {
+          var childDepth = calculateDepth(children, currentDepth + 1);
+          maxDepth = Math.max(maxDepth, childDepth);
+        }
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+    return maxDepth;
+  };
+  return calculateDepth(options);
+};
+export var generateCommonStyle = function generateCommonStyle(depth, autoMaxWidth, customStyle) {
+  return _objectSpread({
+    '--odn-cascader-panel-column-flex': autoMaxWidth ? "0 0 ".concat(100 / depth, "%") : '1 1 0%'
+  }, customStyle);
+};

package/dist/chart/index.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import './style';
+export interface AvatarProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * @description 是否禁用
+     * @default false
+     */
+    disabled?: boolean;
+}
+/**
+ * Chart 图表
+ */
+declare const Chart: React.FC<AvatarProps>;
+export default Chart;

package/dist/chart/index.js

@@ -0,0 +1,11 @@
+function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
+import * as React from 'react';
+import "./style";
+/**
+ * Chart 图表
+ */
+var Chart = function Chart(_ref) {
+  var otherProps = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
+  return /*#__PURE__*/React.createElement("div", otherProps, "chart");
+};
+export default Chart;

package/dist/chart/style/index.css

@@ -0,0 +1 @@
+@layer components {}

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

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

package/dist/chart/style/index.js

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

package/dist/checkbox/Checkbox.d.ts

@@ -0,0 +1,77 @@
+import React from 'react';
+import { adqIconNames } from '../icon';
+import { PopoverProps } from '../pop-base';
+import Group from './Group';
+export interface CheckboxProps {
+    [key: string]: any;
+    /**
+     * 是否选中
+     */
+    checked?: null | boolean;
+    /**
+     * 子节点
+     */
+    children?: React.ReactNode;
+    /**
+     * 附加类名
+     */
+    className?: string;
+    /**
+     * 是否禁用
+     */
+    disabled?: boolean;
+    /**
+     * 加入问号气泡提示内容
+     */
+    helper?: React.ReactNode;
+    /**
+     * 自定义问号气泡的 Icon
+     */
+    helperIcon?: (typeof adqIconNames)[number];
+    /**
+     * 问号气泡提示的 props，会将此对象都传递给 <Popover />
+     */
+    helperProps?: PopoverProps;
+    /**
+     * 是否启用文本省略
+     */
+    ellipsis?: boolean;
+    /**
+     * 文本省略的弹出框属性，会将此对象都传递给 <EllipsisText />
+     */
+    ellipsisPopoverProps?: Omit<PopoverProps, 'popup' | 'children'>;
+    /**
+     * 设置 indeterminate 状态，负责且仅仅负责样式控制，请在实现全选效果时使用
+     */
+    indeterminate?: boolean;
+    /**
+     * 选中态发生变化时的 handler
+     */
+    onChange?: ((checked: boolean, options: {
+        e: React.MouseEvent<HTMLLabelElement> | React.KeyboardEvent<HTMLLabelElement>;
+    }) => void) | null;
+    /**
+     * 点击时的 handler
+     */
+    onClick?: ((e: React.MouseEvent<HTMLLabelElement> | React.KeyboardEvent<HTMLLabelElement>) => void) | null;
+    /**
+     * onMouseDown 时的 handler
+     */
+    onMouseDown?: (e: React.MouseEvent<HTMLLabelElement>) => void;
+    /**
+     * 设置尺寸
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * 值，只在使用 Checkbox.Group 时会读取使用
+     */
+    value?: null | string | number;
+}
+export interface ICheckbox extends React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLLabelElement>> {
+    Group: typeof Group;
+}
+/**
+ * 勾选提供用户在多个选项中，对选项的内容进行单或多个选择。
+ */
+declare const Checkbox: ICheckbox;
+export default Checkbox;