@rainbow-oh/yee-c 0.10.0 → 0.12.0

package/dist/esm/Table/util/index.d.ts

@@ -1,2 +1,20 @@
-import { WrapedColumnProps } from '../interface';
+import { ColumnProps, WrapedColumnProps } from '../interface';
+/**
+ * Stable identity for a leaf column, used to key its resized width.
+ *
+ * `key`/`dataIndex` survive re-ordering and data changes, so they are preferred.
+ * Columns declaring neither fall back to their position, which is the best that
+ * can be done without asking the caller for an id.
+ */
+export declare function getColumnResizeKey(column: ColumnProps, index: number): string;
+/**
+ * Stamp every leaf column with its `resizeKey`, resolve whether it is resizable
+ * (column level setting wins over the table level one) and override `width` with
+ * the dragged value when there is one.
+ *
+ * This runs before `handleColumns` so that the colgroup, the header cells, the
+ * body cells and the sticky offsets of fixed columns all read the same width
+ * from a single place.
+ */
+export declare function applyColumnResize(columns: Array<WrapedColumnProps>, resizable?: boolean, resizedWidths?: Record<string, number>): WrapedColumnProps[];
 export declare function handleColumns(columns: Array<WrapedColumnProps>, measuredColumnWidths?: number[]): WrapedColumnProps[];

package/dist/esm/Table/util/index.js

@@ -4,6 +4,43 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 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); }
+/**
+ * Stable identity for a leaf column, used to key its resized width.
+ *
+ * `key`/`dataIndex` survive re-ordering and data changes, so they are preferred.
+ * Columns declaring neither fall back to their position, which is the best that
+ * can be done without asking the caller for an id.
+ */
+export function getColumnResizeKey(column, index) {
+  var _column$key;
+  var id = (_column$key = column.key) !== null && _column$key !== void 0 ? _column$key : column.dataIndex;
+  return id === undefined || id === null || id === '' ? "index:".concat(index) : "id:".concat(id);
+}
+
+/**
+ * Stamp every leaf column with its `resizeKey`, resolve whether it is resizable
+ * (column level setting wins over the table level one) and override `width` with
+ * the dragged value when there is one.
+ *
+ * This runs before `handleColumns` so that the colgroup, the header cells, the
+ * body cells and the sticky offsets of fixed columns all read the same width
+ * from a single place.
+ */
+export function applyColumnResize(columns, resizable, resizedWidths) {
+  return columns.map(function (column, index) {
+    var _ref, _column$resizable;
+    var resizeKey = getColumnResizeKey(column, index);
+    var resizedWidth = resizedWidths === null || resizedWidths === void 0 ? void 0 : resizedWidths[resizeKey];
+    var next = _objectSpread(_objectSpread({}, column), {}, {
+      resizeKey: resizeKey,
+      resizable: (_ref = (_column$resizable = column.resizable) !== null && _column$resizable !== void 0 ? _column$resizable : resizable) !== null && _ref !== void 0 ? _ref : false
+    });
+    if (Number.isFinite(resizedWidth) && resizedWidth > 0) {
+      next.width = resizedWidth;
+    }
+    return next;
+  });
+}
 var getColumnWidth = function getColumnWidth(column, index, measuredColumnWidths) {
   var measuredWidth = measuredColumnWidths === null || measuredColumnWidths === void 0 ? void 0 : measuredColumnWidths[index];
   if (Number.isFinite(measuredWidth) && measuredWidth && measuredWidth > 0) {

package/dist/esm/Tabs/interface.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { DataAttributeProps } from '../utils/types';
-type SemanticDOM = 'header' | 'content' | 'track' | 'list' | 'activeBar';
+type SemanticDOM = 'header' | 'content' | 'track' | 'list' | 'activeBar' | 'more';
 export type TabItemType = {
     /**
      * Unique key corresponding to activeKey

package/dist/esm/Tabs/style/index.less

@@ -169,7 +169,7 @@
   user-select: none;
 
   &.disabled {
-    color: var(--yee-tabitem-title-disabled-color);
+    color: var(--yee-tabs-tab-title-disabled-color);
     cursor: not-allowed;
 
     & > * {
@@ -178,7 +178,7 @@
   }
 
   &.active {
-    color: var(--yee-tabitem-title-active-hover-color);
+    color: var(--yee-tabs-tab-title-active-hover-color);
   }
 
   &:not(.disabled):not(.active):hover {
@@ -253,8 +253,8 @@
 
   @{pls}-tab.active {
     z-index: 2;
-    color: var(--yee-tabitem-active-hover-pills-color);
-    border-color: var(--yee-tabitem-active-pills-border-color);
+    color: var(--yee-tabs-tab-active-hover-pills-color);
+    border-color: var(--yee-tabs-tab-active-pills-border-color);
   }
 
   @{pls}-active {
@@ -461,16 +461,16 @@
     cursor: pointer;
 
     &:hover {
-      background-color: var(--yee-tabitem-dropdown-title-hover-bg-color);
+      background-color: var(--yee-tabs-tab-dropdown-title-hover-bg-color);
 
       @{pls}-tab-title {
-        color: var(--yee-tabitem-dropdown-title-hover-color);
+        color: var(--yee-tabs-tab-dropdown-title-hover-color);
       }
     }
 
     &:active {
-      color: var(--yee-tabitem-dropdown-title-active-color);
-      background-color: var(--yee-tabitem-dropdown-title-active-bg-color);
+      color: var(--yee-tabs-tab-dropdown-title-active-color);
+      background-color: var(--yee-tabs-tab-dropdown-title-active-bg-color);
     }
   }
 }
@@ -491,7 +491,7 @@
     user-select: none;
 
     &:hover {
-      color: var(--yee-tabitem-title-active-hover-color);
+      color: var(--yee-tabs-tab-title-active-hover-color);
     }
   }
 }

package/dist/esm/Tabs/tab-header/index.js

@@ -1,4 +1,8 @@
+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 _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 _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); }
 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); }
@@ -118,7 +122,7 @@ var TabHeader = function TabHeader(props) {
       handleAddTab(e);
     }
   }, [handleAddTab]);
-  var cls = clsx("".concat(prefixCls, "-nav-wrapper"), "".concat(prefixCls, "-nav-wrapper-").concat(position), classNames === null || classNames === void 0 ? void 0 : classNames.header);
+  var cls = clsx("".concat(prefixCls, "-nav-wrapper"), "".concat(prefixCls, "-nav-wrapper-").concat(position), _defineProperty({}, "".concat(prefixCls, "-nav-wrapper-with-more"), moreOpen), classNames === null || classNames === void 0 ? void 0 : classNames.header);
   var contextValue = {
     activetab: activetab,
     navList: navList,
@@ -168,7 +172,8 @@ var TabHeader = function TabHeader(props) {
     items: items || [],
     range: range
   }, /*#__PURE__*/React.createElement(Button, {
-    className: "".concat(prefixCls, "-nav-more"),
+    className: clsx("".concat(prefixCls, "-nav-more"), classNames === null || classNames === void 0 ? void 0 : classNames.more),
+    style: styles === null || styles === void 0 ? void 0 : styles.more,
     size: "small",
     icon: /*#__PURE__*/React.createElement(Ellipsis, {
       size: 14,

package/dist/esm/Tour/demo/indicators.js

@@ -50,7 +50,7 @@ export default (function () {
             height: 8,
             marginInlineEnd: 4,
             borderRadius: '50%',
-            background: i === current ? 'var(--yee-primary-color)' : 'var(--yee-border-color)',
+            background: i === current ? 'var(--yee-color-primary)' : 'var(--yee-color-border)',
             transition: 'background 0.2s'
           }
         });

package/dist/esm/Tour/demo/placement.js

@@ -33,7 +33,7 @@ export default (function () {
     style: {
       display: 'inline-block',
       padding: '16px 24px',
-      border: '1px dashed var(--yee-border-color)',
+      border: '1px dashed var(--yee-color-border)',
       borderRadius: 6
     }
   }, "\u76EE\u6807\u5143\u7D20"), /*#__PURE__*/React.createElement(Tour, {

package/dist/esm/Transfer/style/index.less

@@ -122,7 +122,7 @@
       align-items: center;
       width: 100%;
       border-radius: 4px;
-      border: 1px solid var(--yee-btn-default-border-color);
+      border: 1px solid var(--yee-transfer-operation-border-color);
       padding: 0 8px;
       cursor: pointer;
 

package/dist/esm/Tree/style/index.less

@@ -17,15 +17,15 @@
     }
 
     &-drag-over-before {
-      box-shadow: inset 0 2px 0 0 var(--yee-primary-color);
+      box-shadow: inset 0 2px 0 0 var(--yee-color-primary);
     }
 
     &-drag-over-after {
-      box-shadow: inset 0 -2px 0 0 var(--yee-primary-color);
+      box-shadow: inset 0 -2px 0 0 var(--yee-color-primary);
     }
 
     &-drag-over-inside {
-      background: color-mix(in srgb, var(--yee-primary-color) 12%, transparent);
+      background: color-mix(in srgb, var(--yee-color-primary) 12%, transparent);
     }
 
     &-switcher {

package/dist/esm/TreeSelect/style/index.less

@@ -1,7 +1,7 @@
 @pls: .yee-tree-select;
 
 @{pls}-popup {
-  background-color: var(--yee-treeselect-dropdown-bg-color);
+  background-color: var(--yee-tree-select-dropdown-bg-color);
   height: var(--yee-tree-select-popup-height, 360px);
   overflow: auto;
 }

package/dist/esm/Upload/style/index.less

@@ -8,7 +8,7 @@
     display: flex;
 
     &:focus-within {
-      outline: 2px solid var(--yee-primary-color);
+      outline: 2px solid var(--yee-color-primary);
       outline-offset: 2px;
       border-radius: var(--yee-radius);
     }
@@ -53,12 +53,12 @@
     }
 
     &:hover {
-      border-color: var(--yee-primary-color);
+      border-color: var(--yee-color-primary);
     }
 
     &-hover {
-      border-color: var(--yee-primary-color);
-      background-color: var(--yee-primary-color-bg);
+      border-color: var(--yee-color-primary);
+      background-color: var(--yee-color-primary-bg);
     }
   }
 
@@ -77,7 +77,7 @@
     &-trigger {
       width: 100px;
       height: 100px;
-      border: 1px dashed var(--yee-border-color);
+      border: 1px dashed var(--yee-color-border);
       border-radius: var(--yee-radius-lg, 4px);
       display: flex;
       align-items: center;
@@ -87,8 +87,8 @@
       background-color: var(--yee-color-bg-container);
 
       &:hover {
-        border-color: var(--yee-primary-color);
-        color: var(--yee-primary-color);
+        border-color: var(--yee-color-primary);
+        color: var(--yee-color-primary);
       }
     }
 
@@ -125,7 +125,7 @@
         align-items: center;
         justify-content: center;
         padding: 8px;
-        color: var(--yee-error-color);
+        color: var(--yee-color-error);
       }
 
       &-operate {
@@ -236,7 +236,6 @@
   }
 
   &-item {
-
     &-label {
       display: flex;
       align-items: center;
@@ -270,15 +269,15 @@
   // 上传状态样式
   &-state {
     &-uploading {
-      color: var(--yee-primary-color);
+      color: var(--yee-color-primary);
     }
 
     &-error {
-      color: var(--yee-error-color);
+      color: var(--yee-color-error);
     }
 
     &-success {
-      color: var(--yee-success-color);
+      color: var(--yee-color-success);
     }
   }
 

package/dist/esm/WheelPicker/style/index.less

@@ -59,7 +59,7 @@
     scroll-snap-align: center;
     text-align: center;
     font-size: 16px;
-    color: var(--yee-text-color, #333);
+    color: var(--yee-color-text, #333);
     cursor: pointer;
     white-space: nowrap;
     overflow: hidden;
@@ -75,8 +75,8 @@
     left: 8px;
     right: 8px;
     pointer-events: none;
-    border-top: 1px solid var(--yee-border-color, #e8e8e8);
-    border-bottom: 1px solid var(--yee-border-color, #e8e8e8);
+    border-top: 1px solid var(--yee-color-border, #e8e8e8);
+    border-bottom: 1px solid var(--yee-color-border, #e8e8e8);
     border-radius: 4px;
     background: var(--yee-wheel-picker-indicator-bg, rgba(0, 0, 0, 4%));
     z-index: 1;

package/dist/esm/index.js

@@ -153,6 +153,7 @@ import "./style/zindex.css";
 // import './style/color.blue.css';
 // import './style/color.crimson.css';
 // import './style/color.dark.css';
+// import './style/color.gemini.css';
 // import './style/color.green.css';
 // import './style/color.jam.css';
 // import './style/color.navy.css';

package/dist/esm/locale/interface.d.ts

@@ -55,6 +55,7 @@ export interface LocaleTable {
     sortAscending?: string;
     sortDescending?: string;
     sortCancel?: string;
+    resizeColumn?: string;
 }
 export interface LocalePagination {
     total?: string;

package/dist/esm/locale/lang/en_US.js

@@ -56,7 +56,8 @@ var locale = {
     selectionNone: 'Clear Selection on Page',
     sortAscending: 'Click to sort ascending',
     sortDescending: 'Click to sort descending',
-    sortCancel: 'Click to cancel sorting'
+    sortCancel: 'Click to cancel sorting',
+    resizeColumn: 'Drag to resize column'
   },
   pagination: {
     total: 'Total {total} items',

package/dist/esm/locale/lang/ja_JP.js

@@ -56,7 +56,8 @@ var locale = {
     selectionNone: 'ページ内選択をクリア',
     sortAscending: 'クリックで昇順に並べ替え',
     sortDescending: 'クリックで降順に並べ替え',
-    sortCancel: 'クリックで並べ替えを解除'
+    sortCancel: 'クリックで並べ替えを解除',
+    resizeColumn: 'ドラッグで列幅を変更'
   },
   pagination: {
     total: '合計 {total} 件',

package/dist/esm/locale/lang/zh_CN.js

@@ -56,7 +56,8 @@ var locale = {
     selectionNone: '清空当页选择',
     sortAscending: '点击升序排列',
     sortDescending: '点击降序排列',
-    sortCancel: '点击取消排序'
+    sortCancel: '点击取消排序',
+    resizeColumn: '拖动调整列宽'
   },
   pagination: {
     total: '共 {total} 条',

package/dist/esm/locale/lang/zh_TW.js

@@ -56,7 +56,8 @@ var locale = {
     selectionNone: '清空當頁選擇',
     sortAscending: '點擊升序排列',
     sortDescending: '點擊降序排列',
-    sortCancel: '點擊取消排序'
+    sortCancel: '點擊取消排序',
+    resizeColumn: '拖動調整欄寬'
   },
   pagination: {
     total: '共 {total} 條',

package/dist/esm/message/style/index.less

@@ -37,25 +37,25 @@
   // status
   &-success {
     @{pls}-icon {
-      color: var(--yee-success-color);
+      color: var(--yee-color-success);
     }
   }
 
   &-info {
     @{pls}-icon {
-      color: var(--yee-info-color);
+      color: var(--yee-color-info);
     }
   }
 
   &-error {
     @{pls}-icon {
-      color: var(--yee-error-color);
+      color: var(--yee-color-error);
     }
   }
 
   &-warning {
     @{pls}-icon {
-      color: var(--yee-warning-color);
+      color: var(--yee-color-warning);
     }
   }
 }