@4399ywkf/design 2.0.0 → 2.1.0

package/dist/MaxTokenSlider/index.d.ts

@@ -0,0 +1,25 @@
+import React, { ReactNode } from 'react';
+export interface MaxTokenSliderProps {
+    /** 初始 Token 数（非受控模式） */
+    defaultValue?: number;
+    /** 当前 Token 数（受控模式） */
+    value?: number;
+    /** 值变化回调 */
+    onChange?: (value: number) => void;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /**
+     * 预设刻度档位（token 数组），决定 Slider 的可选刻度和范围。
+     * 第一项为最小值，最后一项为最大值。
+     * @default [0, 4096, 8192, 16384, 32768, 65536, 200000, 1048576, 2097152]
+     */
+    presets?: number[];
+    /** InputNumber 的步进值 @default 4096 */
+    inputStep?: number;
+    /** 最小值对应的展示文案（tooltip），设为 false 则不做特殊处理 @default "无限制" */
+    minLabel?: ReactNode | false;
+    /** 自定义 tooltip 格式化，覆盖默认逻辑 */
+    tooltipFormatter?: (token: number) => ReactNode;
+}
+declare const MaxTokenSlider: React.NamedExoticComponent<MaxTokenSliderProps>;
+export default MaxTokenSlider;

package/dist/MaxTokenSlider/index.js

@@ -0,0 +1,148 @@
+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 _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+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; }
+import React, { memo, useMemo } from 'react';
+import { InputNumber, Slider } from 'antd';
+import { useControllableValue } from 'ahooks';
+import { useMaxTokenSliderStyles } from "./style";
+var KIBI = 1024;
+var toExponent = function toExponent(num) {
+  return Math.log2(num);
+};
+var fromExponent = function fromExponent(exp) {
+  return Math.round(Math.pow(2, exp));
+};
+var toTokenValue = function toTokenValue(exp) {
+  return Math.round(Math.pow(2, exp) * KIBI);
+};
+
+/**
+ * token 数量 → 人类可读标签
+ * 如：4096 → "4K"，200000 → "200k"，1048576 → "1M"
+ */
+var formatTokenLabel = function formatTokenLabel(token) {
+  if (token === 0) return '0';
+  if (token < 1000) return "".concat(token);
+  if (token < 100 * KIBI) return "".concat(Math.round(token / KIBI), "K");
+  if (token < KIBI * KIBI) return "".concat(Math.round(token / 1000), "k");
+  return "".concat(Math.round(token / (KIBI * KIBI)), "M");
+};
+
+/** 预设刻度集合：覆盖 0 ~ 2M 的常用档位 */
+var DEFAULT_PRESETS = [0, 4096, 8192, 16384, 32768, 65536, 200000, 1048576, 2097152];
+var DEFAULT_INPUT_STEP = 4 * KIBI;
+
+/**
+ * 根据 presets 生成 Slider marks（对数刻度）和边界
+ * 返回 { marks, minExp, maxExp }
+ */
+var buildMarksFromPresets = function buildMarksFromPresets(presets) {
+  var _sorted$, _sorted;
+  var sorted = _toConsumableArray(presets).sort(function (a, b) {
+    return a - b;
+  });
+  var minToken = (_sorted$ = sorted[0]) !== null && _sorted$ !== void 0 ? _sorted$ : 0;
+  var maxToken = (_sorted = sorted[sorted.length - 1]) !== null && _sorted !== void 0 ? _sorted : 2097152;
+  var safeMin = Math.max(minToken, 0);
+  var safeMax = Math.max(maxToken, KIBI);
+  var minExp = toExponent(safeMin <= 0 ? 2 : safeMin / KIBI);
+  var maxExp = toExponent(safeMax / KIBI);
+  var marks = {};
+  var _iterator = _createForOfIteratorHelper(sorted),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var _token = _step.value;
+      var exp = _token <= 0 ? minExp : toExponent(_token / KIBI);
+      marks[exp] = formatTokenLabel(_token);
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return {
+    marks: marks,
+    minExp: minExp,
+    maxExp: maxExp
+  };
+};
+var MaxTokenSlider = /*#__PURE__*/memo(function (props) {
+  var disabled = props.disabled,
+    _props$presets = props.presets,
+    presets = _props$presets === void 0 ? DEFAULT_PRESETS : _props$presets,
+    _props$inputStep = props.inputStep,
+    inputStep = _props$inputStep === void 0 ? DEFAULT_INPUT_STEP : _props$inputStep,
+    _props$minLabel = props.minLabel,
+    minLabel = _props$minLabel === void 0 ? '无限制' : _props$minLabel,
+    tooltipFormatter = props.tooltipFormatter;
+  var _useMaxTokenSliderSty = useMaxTokenSliderStyles(),
+    styles = _useMaxTokenSliderSty.styles;
+  var _useControllableValue = useControllableValue(props, {
+      defaultValue: 0
+    }),
+    _useControllableValue2 = _slicedToArray(_useControllableValue, 2),
+    token = _useControllableValue2[0],
+    setToken = _useControllableValue2[1];
+  var _useMemo = useMemo(function () {
+      return buildMarksFromPresets(presets);
+    }, [presets]),
+    marks = _useMemo.marks,
+    minExp = _useMemo.minExp,
+    maxExp = _useMemo.maxExp;
+  var powValue = useMemo(function () {
+    if (!token || token <= 0) return minExp;
+    return toExponent(token / KIBI);
+  }, [token, minExp]);
+  var defaultTooltipFormatter = useMemo(function () {
+    return function (exp) {
+      if (typeof exp === 'undefined') return;
+      if (exp <= minExp && minLabel !== false) return minLabel;
+      var realToken = fromExponent(exp) * KIBI;
+      if (tooltipFormatter) return tooltipFormatter(realToken);
+      return formatTokenLabel(realToken);
+    };
+  }, [minExp, minLabel, tooltipFormatter]);
+  var handleSliderChange = function handleSliderChange(value) {
+    setToken(value <= minExp ? 0 : toTokenValue(value));
+  };
+  var handleInputChange = function handleInputChange(value) {
+    if (value === null || value === undefined) return;
+    setToken(Math.round(value));
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.root
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.sliderWrapper
+  }, /*#__PURE__*/React.createElement(Slider, {
+    className: styles.slider,
+    disabled: disabled,
+    marks: marks,
+    max: maxExp,
+    min: minExp,
+    onChange: handleSliderChange,
+    step: null,
+    tooltip: {
+      formatter: defaultTooltipFormatter
+    },
+    value: powValue
+  })), /*#__PURE__*/React.createElement(InputNumber, {
+    className: styles.inputNumber,
+    changeOnWheel: true,
+    disabled: disabled,
+    min: 0,
+    max: presets[presets.length - 1],
+    onChange: handleInputChange,
+    step: inputStep,
+    value: token
+  }));
+});
+export default MaxTokenSlider;

package/dist/MaxTokenSlider/style.d.ts

@@ -0,0 +1,6 @@
+export declare const useMaxTokenSliderStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    root: import("antd-style").SerializedStyles;
+    sliderWrapper: import("antd-style").SerializedStyles;
+    slider: import("antd-style").SerializedStyles;
+    inputNumber: import("antd-style").SerializedStyles;
+}>;

package/dist/MaxTokenSlider/style.js

@@ -0,0 +1,14 @@
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import { createStyles } from 'antd-style';
+export var useMaxTokenSliderStyles = createStyles(function (_ref) {
+  var css = _ref.css,
+    token = _ref.token,
+    prefixCls = _ref.prefixCls;
+  return {
+    root: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  "]))),
+    sliderWrapper: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    flex: 1;\n    min-width: 0;\n  "]))),
+    slider: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    margin: 10px 0 18px;\n\n    .", "-slider-mark-text {\n      font-size: 12px;\n      color: ", ";\n      white-space: nowrap;\n    }\n  "])), prefixCls, token.colorTextSecondary),
+    inputNumber: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    width: 110px;\n    flex-shrink: 0;\n\n    .", "-input-number-input {\n      text-align: center;\n    }\n  "])), prefixCls)
+  };
+});

package/dist/WaterfallVirtual/index.js

@@ -626,7 +626,7 @@ var WaterfallVirtual = function WaterfallVirtual(props) {
     className: "waterfall-virtual-container ".concat(className),
     onScroll: handleScroll,
     style: style
-  }, /*#__PURE__*/React.createElement("div", {
+  }, components === null || components === void 0 ? void 0 : components.Header, /*#__PURE__*/React.createElement("div", {
     className: "waterfall-virtual-list",
     style: listStyle
   }, renderList.map(function (item) {

package/dist/WaterfallVirtual/types.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'react';
+import { CSSProperties } from "react";
 export interface IVirtualWaterFallProps {
     gap: number;
     column: number;
@@ -28,6 +28,7 @@ export interface IVirtualWaterFallProps {
     atTopThreshold?: number;
     components?: {
         Footer?: React.ReactNode;
+        Header?: React.ReactNode;
     };
 }
 export interface IItemRenderProps {

package/dist/index.d.ts

@@ -1,8 +1,10 @@
 import React from 'react';
+export type * from './MaxTokenSlider';
 export type * from './RichText';
 export type * from './Table';
 export type * from './WaterfallVirtual';
 export declare const Button: React.LazyExoticComponent<React.NamedExoticComponent<import("./Button").ButtonProps>>;
+export declare const MaxTokenSlider: React.LazyExoticComponent<React.NamedExoticComponent<import("./MaxTokenSlider").MaxTokenSliderProps>>;
 export declare const WaterfallVirtual: React.LazyExoticComponent<React.MemoExoticComponent<(props: import("./WaterfallVirtual/types").IVirtualWaterFallProps) => React.JSX.Element>>;
 export declare const Table: React.LazyExoticComponent<import("./Table").RefTable>;
 export declare const RichText: React.LazyExoticComponent<React.FC<import("./RichText").PromptInputProps>>;

package/dist/index.js

@@ -6,6 +6,9 @@ import React from 'react';
 export var Button = /*#__PURE__*/React.lazy(function () {
   return import("./Button");
 });
+export var MaxTokenSlider = /*#__PURE__*/React.lazy(function () {
+  return import("./MaxTokenSlider");
+});
 export var WaterfallVirtual = /*#__PURE__*/React.lazy(function () {
   return import("./WaterfallVirtual");
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@4399ywkf/design",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "description": "4399ywkf Design React UI Library.",
   "license": "MIT",
   "module": "dist/index.js",
@@ -25,12 +25,12 @@
     "lint:es": "eslint \"{src,test}/**/*.{js,jsx,ts,tsx}\"",
     "prepare": "husky install && dumi setup",
     "prepublishOnly": "father doctor && npm run build",
-    "postpublish": "git push && git push --tags",
     "pub": "npm run pub:check && npm run build && npm publish --ignore-scripts",
     "pub:check": "father doctor && node -e \"const p=require('./package.json');const d=require('child_process').execSync('npm view '+p.name+' version 2>/dev/null').toString().trim();if(d===p.version){console.error('\\x1b[31m✖ 版本 '+p.version+' 已存在，请先升级版本号\\x1b[0m');process.exit(1)}else{console.log('\\x1b[32m✔ 版本检查通过: '+p.version+'\\x1b[0m')}\"",
-    "pub:patch": "npm version patch --no-git-tag-version && npm run pub",
-    "pub:minor": "npm version minor --no-git-tag-version && npm run pub",
     "pub:major": "npm version major --no-git-tag-version && npm run pub",
+    "pub:minor": "npm version minor --no-git-tag-version && npm run pub",
+    "pub:patch": "npm version patch --no-git-tag-version && npm run pub",
+    "postpublish": "git push && git push --tags",
     "release": "npm run build && changeset publish",
     "start": "npm run dev",
     "test:build": "rm -rf dist docs-dist && pnpm build:ci && echo '✅ 构建测试通过'"