@yqg/slimfit 0.0.1 → 0.0.2

package/lib/esm/themes/components/date-picker.js

@@ -0,0 +1,44 @@
+import { colors } from "../../constant/colors";
+
+/**
+ * DatePicker 组件主题配置
+ * 定义日期选择器组件的样式变量和颜色主题
+ */
+export default {
+  // 激活状态边框颜色
+  activeBorderColor: colors.fi[600],
+  // 悬停状态边框颜色
+  hoverBorderColor: colors.fi[600],
+  // 范围选择时激活单元格背景色
+  cellActiveWithRangeBg: colors.fi[600],
+  // 控制项激活状态背景色
+  controlItemBgActive: colors.fi[600],
+  // 激活状态阴影（设为无阴影）
+  activeShadow: 'none',
+  // 单元格悬停背景色
+  cellHoverBg: colors.fill[300],
+  // 时间选择器单元格高度
+  timeCellHeight: 30,
+  // 文本颜色
+  colorText: colors.neutral[950],
+  // 超小边距
+  marginXXS: 6,
+  // 日期单元格高度
+  cellHeight: 30,
+  // 日期单元格宽度
+  cellWidth: 42,
+  // 超小内边距
+  paddingXXS: 0,
+  // 图标颜色
+  colorIcon: colors.neutral[800],
+  // 标题文本颜色
+  colorTextHeading: colors.neutral[800],
+  // 粗体字重
+  fontWeightStrong: 500,
+  // 边框颜色
+  colorBorder: colors.line[100],
+  // 小内边距
+  paddingXS: 12,
+  // 文本行高
+  textHeight: 48
+};

package/lib/esm/themes/components/descriptions.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+    labelColor: string;
+    colonMarginLeft: number;
+    colonMarginRight: number;
+    contentColor: string;
+};
+export default _default;

package/lib/esm/themes/components/descriptions.js

@@ -0,0 +1,6 @@
+export default {
+  labelColor: 'var(--color-neutral-500)',
+  colonMarginLeft: 2,
+  colonMarginRight: 20,
+  contentColor: 'var(--color-neutral-900)'
+};

package/lib/esm/themes/components/drawer.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    colorBgMask: string;
+    footerPaddingBlock: number;
+    footerPaddingInline: number;
+    zIndexPopup: number;
+    closeBtnSize: number;
+};
+export default _default;

package/lib/esm/themes/components/drawer.js

@@ -0,0 +1,11 @@
+export default {
+  // 遮罩层背景色
+  colorBgMask: 'var(--color-fill-600)',
+  // 页脚内边距
+  footerPaddingBlock: 15,
+  footerPaddingInline: 20,
+  // 弹出层层级
+  zIndexPopup: 1000,
+  // 关闭按钮尺寸（宽度和高度）
+  closeBtnSize: 24
+};

package/lib/esm/themes/components/form.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    labelColor: string;
+    verticalLabelPadding: string;
+    labelColonMarginInlineEnd: number;
+    labelRequiredMarkColor: string;
+    itemMarginBottom: number;
+};
+export default _default;

package/lib/esm/themes/components/form.js

@@ -0,0 +1,13 @@
+import { colors } from "../../constant/colors";
+export default {
+  // 标签颜色 - 使用设计稿中的 N07 颜色
+  labelColor: colors.neutral[500],
+  // 垂直布局时 label 和控件之间的间距 (4px)
+  verticalLabelPadding: '0 0 4px',
+  // 水平布局时 label 右边距 (20px)
+  labelColonMarginInlineEnd: 0,
+  // 必填标记颜色
+  labelRequiredMarkColor: colors.red[600],
+  // 表单项间距
+  itemMarginBottom: 24
+};

package/lib/esm/themes/components/input.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    paddingBlock: number;
+    paddingInline: number;
+    colorBgContainerDisabled: string;
+    addonBg: string;
+    colorTextDescription: string;
+};
+export default _default;

package/lib/esm/themes/components/input.js

@@ -0,0 +1,9 @@
+import { colors } from "../../constant/colors";
+export default {
+  paddingBlock: 5,
+  paddingInline: 12,
+  // colorBorder:colors.line[100],
+  colorBgContainerDisabled: colors.fill[200],
+  addonBg: colors.fill[200],
+  colorTextDescription: colors.neutral[500]
+};

package/lib/esm/themes/components/menu.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    collapsedWidth: number;
+    itemBg: string;
+    subMenuItemBg: string;
+    itemMarginBlock: number;
+    itemHoverBg: string;
+};
+export default _default;

package/lib/esm/themes/components/menu.js

@@ -0,0 +1,12 @@
+export default {
+  // 折叠的宽度
+  collapsedWidth: 40,
+  // 基础背景配置
+  itemBg: 'transparent',
+  // 一级菜单背景
+  subMenuItemBg: 'transparent',
+  // 二级菜单背景
+
+  itemMarginBlock: 1,
+  itemHoverBg: '#CBD2FF80'
+};

package/lib/esm/themes/components/pagination.d.ts

@@ -0,0 +1,19 @@
+declare const _default: {
+    itemBg: string;
+    itemActiveBg: string;
+    itemActiveColorDisabled: string;
+    itemInputBg: string;
+    itemLinkBg: string;
+    colorPrimary: string;
+    colorPrimaryHover: string;
+    colorText: string;
+    colorTextDisabled: string;
+    colorBgContainer: string;
+    colorBorder: string;
+    borderRadius: number;
+    marginXS: number;
+    marginSM: number;
+    paddingXS: number;
+    paddingInline: number;
+};
+export default _default;

package/lib/esm/themes/components/pagination.js

@@ -0,0 +1,26 @@
+import { colors, semantic } from "../../constant/colors";
+export default {
+  // 基础配置
+  itemBg: semantic.white,
+  itemActiveBg: semantic.white,
+  itemActiveColorDisabled: colors.neutral[300],
+  itemInputBg: semantic.white,
+  itemLinkBg: semantic.white,
+  // 颜色配置
+  colorPrimary: semantic.primary,
+  colorPrimaryHover: semantic.primaryHover,
+  colorText: colors.neutral[900],
+  colorTextDisabled: colors.neutral[300],
+  colorBgContainer: semantic.white,
+  // 边框配置
+  colorBorder: 'rgba(20, 21, 53, 0.06)',
+  borderRadius: 2,
+  // 字体配置
+
+  // 间距配置
+  marginXS: 0,
+  marginSM: 0,
+  // 选择器配置
+  paddingXS: 16,
+  paddingInline: 16
+};

package/lib/esm/themes/components/popconfirm.d.ts

@@ -0,0 +1,4 @@
+declare const _default: (Partial<import("antd/es/popconfirm/style").ComponentToken> & Partial<import("antd/es/theme/internal").AliasToken> & {
+    algorithm?: boolean | import("antd").MappingAlgorithm | import("antd").MappingAlgorithm[] | undefined;
+}) | undefined;
+export default _default;

package/lib/esm/themes/components/popconfirm.js

@@ -0,0 +1,5 @@
+import { colors } from "../../constant/colors";
+export default {
+  zIndexPopup: 1530,
+  colorText: colors.neutral[800]
+};

package/lib/esm/themes/components/popover.d.ts

@@ -0,0 +1,4 @@
+declare const _default: (Partial<import("antd/es/popover/style").ComponentToken> & Partial<import("antd/es/theme/internal").AliasToken> & {
+    algorithm?: boolean | import("antd").MappingAlgorithm | import("antd").MappingAlgorithm[] | undefined;
+}) | undefined;
+export default _default;

package/lib/esm/themes/components/popover.js

@@ -0,0 +1,3 @@
+export default {
+  titleMinWidth: 56
+};

package/lib/esm/themes/components/radio.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    radioSize: number;
+    dotSize: number;
+    dotColorDisabled: string;
+};
+export default _default;

package/lib/esm/themes/components/radio.js

@@ -0,0 +1,6 @@
+import { semantic } from "../../constant/colors";
+export default {
+  radioSize: 17,
+  dotSize: 9,
+  dotColorDisabled: semantic.white
+};

package/lib/esm/themes/components/select.d.ts

@@ -0,0 +1,10 @@
+declare const _default: {
+    colorBgContainerDisabled: string;
+    optionPadding: string;
+    optionActiveBg: string;
+    multipleItemBg: string;
+    fontSizeIcon: number;
+    optionSelectedBg: string;
+    optionSelectedFontWeight: number;
+};
+export default _default;

package/lib/esm/themes/components/select.js

@@ -0,0 +1,11 @@
+import { colors } from "../../constant/colors";
+export default {
+  colorBgContainerDisabled: colors.fill[200],
+  optionPadding: '9px 16px',
+  optionActiveBg: colors.fill[100],
+  //标签
+  multipleItemBg: colors.neutral[50],
+  fontSizeIcon: 17,
+  optionSelectedBg: colors.fill[200],
+  optionSelectedFontWeight: 400
+};

package/lib/esm/themes/components/switch.d.ts

@@ -0,0 +1,4 @@
+declare const _default: (Partial<import("antd/es/switch/style").ComponentToken> & Partial<import("antd/es/theme/internal").AliasToken> & {
+    algorithm?: boolean | import("antd").MappingAlgorithm | import("antd").MappingAlgorithm[] | undefined;
+}) | undefined;
+export default _default;

package/lib/esm/themes/components/switch.js

@@ -0,0 +1,17 @@
+import { colors, semantic } from "../../constant/colors";
+export default {
+  // 尺寸相关 Token
+  handleSize: 16,
+  trackHeight: 20,
+  trackMinWidth: 36,
+  // 颜色相关 Token - 覆盖 CSS 中的颜色定义
+  colorPrimary: semantic.primary,
+  // 选中状态背景色 #4A50FF
+  colorPrimaryHover: semantic.primaryHover,
+  // 悬停状态背景色 #6A74FF
+  colorPrimaryActive: colors.fi[700],
+  // 激活状态背景色 #3126DA
+
+  // 阴影效果
+  handleShadow: '0 2px 4px rgba(0, 0, 0, 0.1)'
+};

package/lib/esm/themes/components/table.d.ts

@@ -0,0 +1,10 @@
+declare const _default: {
+    cellPaddingBlock: number;
+    cellPaddingInline: number;
+    headerColor: string;
+    colorText: string;
+    headerBg: string;
+    headerSplitColor: string;
+    rowExpandedBg: string;
+};
+export default _default;

package/lib/esm/themes/components/table.js

@@ -0,0 +1,10 @@
+import { colors } from "../../constant/colors";
+export default {
+  cellPaddingBlock: 14,
+  cellPaddingInline: 20,
+  headerColor: colors.neutral[500],
+  colorText: colors.neutral[900],
+  headerBg: '#fafafb',
+  headerSplitColor: '#fafafb',
+  rowExpandedBg: colors.neutral[50]
+};

package/lib/esm/themes/components/tabs.d.ts

@@ -0,0 +1,2 @@
+declare const _default: Partial<import("antd/es/theme/internal").AliasToken> | undefined;
+export default _default;

package/lib/esm/themes/components/tabs.js

@@ -0,0 +1,14 @@
+/**
+ * 因为设计只给了 type(line) 的设计稿，而 antd 还支持其他 type
+ * 所以我们遵循一下规则修改
+ * 1. 如果可以对所有 type 都生效使用 token 修改
+ * 2. token 不支持, 通过 css 修改
+ * 3. 可能对其他类型的 type 有影响，通过 css 修改
+ */
+
+export default {
+  // 横版 tabbar 和 content 的分割线的颜色
+  colorBorderSecondary: '#1415350F',
+  // 竖版 tabbar 和 content 的分割线的颜色
+  colorBorder: '#1415350F'
+};

package/lib/esm/themes/components/tag.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    paddingInlineSM: number;
+    paddingBlockSM: number;
+};
+export default _default;

package/lib/esm/themes/components/tag.js

@@ -0,0 +1,5 @@
+export default {
+  // 小尺寸
+  paddingInlineSM: 8,
+  paddingBlockSM: 4
+};

package/lib/esm/themes/components/tooltip.d.ts

@@ -0,0 +1,4 @@
+declare const _default: (Partial<import("antd/es/tooltip/style").ComponentToken> & Partial<import("antd/es/theme/internal").AliasToken> & {
+    algorithm?: boolean | import("antd").MappingAlgorithm | import("antd").MappingAlgorithm[] | undefined;
+}) | undefined;
+export default _default;

package/lib/esm/themes/components/tooltip.js

@@ -0,0 +1,16 @@
+import { colors } from "../../constant/colors";
+export default {
+  // 提示框背景色
+  colorBgSpotlight: colors.neutral[950],
+  // 提示框文字颜色
+  colorTextLightSolid: colors.neutral[0],
+  // 圆角 - 与样式和文档保持一致，设置为 0（无圆角）
+  borderRadius: 0,
+  // 内边距 - 与样式和文档保持一致：上下 8px，左右 16px
+  paddingBlock: 8,
+  paddingInline: 16,
+  // 字体大小
+  fontSize: 12,
+  // 行高
+  lineHeight: 1.5
+};

package/lib/esm/themes/components/tree-select.d.ts

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

package/lib/esm/themes/components/tree-select.js

@@ -0,0 +1 @@
+export default {};

package/lib/esm/themes/components/tree.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    indentSize: number;
+};
+export default _default;

package/lib/esm/themes/components/tree.js

@@ -0,0 +1,3 @@
+export default {
+  indentSize: 20
+};

package/lib/esm/themes/index.d.ts

@@ -0,0 +1,2 @@
+import type { ThemeConfig } from 'antd';
+export declare const Theme: ThemeConfig;

package/lib/esm/themes/index.js

@@ -0,0 +1,49 @@
+import Breadcrumb from "./components/breadcrumb";
+import Button from "./components/button";
+import Calendar from "./components/calendar";
+import Cascader from "./components/cascader";
+import DatePicker from "./components/date-picker";
+import Descriptions from "./components/descriptions";
+import Drawer from "./components/drawer";
+import Form from "./components/form";
+import Input from "./components/input";
+import Menu from "./components/menu";
+import Pagination from "./components/pagination";
+import Popconfirm from "./components/popconfirm";
+import Popover from "./components/popover";
+import Radio from "./components/radio";
+import Select from "./components/select";
+import Switch from "./components/switch";
+import Table from "./components/table";
+import Tabs from "./components/tabs";
+import Tag from "./components/tag";
+import Tooltip from "./components/tooltip";
+import Tree from "./components/tree";
+import Token from "./token";
+export var Theme = {
+  token: Token,
+  cssVar: true,
+  components: {
+    Breadcrumb: Breadcrumb,
+    Button: Button,
+    Calendar: Calendar,
+    DatePicker: DatePicker,
+    Descriptions: Descriptions,
+    Drawer: Drawer,
+    Form: Form,
+    Input: Input,
+    Menu: Menu,
+    Pagination: Pagination,
+    Popconfirm: Popconfirm,
+    Popover: Popover,
+    Radio: Radio,
+    Select: Select,
+    Tag: Tag,
+    Tooltip: Tooltip,
+    Tree: Tree,
+    Tabs: Tabs,
+    Switch: Switch,
+    Cascader: Cascader,
+    Table: Table
+  }
+};

package/lib/esm/themes/token.d.ts

@@ -0,0 +1,2 @@
+declare const _default: Partial<import("antd/es/theme/internal").AliasToken> | undefined;
+export default _default;

package/lib/esm/themes/token.js

@@ -0,0 +1,22 @@
+import { colors, semantic } from "../constant/colors";
+export default {
+  // 品牌色
+  colorPrimary: semantic.primary,
+  colorInfo: semantic.primary,
+  colorPrimaryHover: semantic.primary,
+  colorPrimaryActive: semantic.primaryActive,
+  colorPrimaryBg: semantic.primaryLight,
+  colorText: semantic.textBase,
+  colorTextPlaceholder: colors.neutral[400],
+  colorBorder: colors.line[100],
+  colorTextDisabled: semantic.textSecondary,
+  colorError: semantic.error,
+  // 尺寸
+  borderRadius: 2,
+  // 线框模式
+  wireframe: false,
+  //字体
+  fontSize: 12,
+  //分割线颜色:级联选择器中间分割线
+  colorSplit: colors.line[100]
+};

package/lib/esm/time-picker/index.d.ts

@@ -0,0 +1,2 @@
+export { default as TimePicker } from './time-picker';
+export type { TimePickerProps } from './time-picker';

package/lib/esm/time-picker/index.js

@@ -0,0 +1 @@
+export { default as TimePicker } from "./time-picker";

package/lib/esm/time-picker/style.less

@@ -0,0 +1,32 @@
+@import '../style/theme-vars.css';
+@import '../date-picker/style.less';
+
+.slimfit-time-picker-popup {
+  .slimfit-picker-popup-common();
+}
+
+// TimePicker 样式
+.slimfit-time-picker {
+  .slimfit-picker-common();
+
+  width: 327px;
+
+  .ant-picker-active-bar {
+    display: none;
+  }
+
+  .ant-picker-input-active {
+    background-color: var(--color-fill-300);
+  }
+
+  .ant-picker-range-separator {
+    padding: 0 12px;
+  }
+
+  // range单个禁用情况
+  &.ant-picker-range:not(.ant-picker-disabled)
+    .ant-picker-input
+    input[disabled] {
+    color: var(--color-neutral-400);
+  }
+}

package/lib/esm/time-picker/time-picker.d.ts

@@ -0,0 +1,12 @@
+import { type TimePickerProps as AntdTimePickerProps, type TimeRangePickerProps as AntdTimeRangePickerProps } from 'antd';
+import React from 'react';
+import { WithFormModeProps } from '../form-mode/types';
+import './style.less';
+export type TimePickerProps = AntdTimePickerProps & WithFormModeProps;
+declare const TimePicker: React.ForwardRefExoticComponent<Omit<Omit<TimePickerProps, "ref"> & React.RefAttributes<any> & WithFormModeProps, "ref"> & React.RefAttributes<any>>;
+declare const RangePicker: React.ForwardRefExoticComponent<Omit<AntdTimeRangePickerProps & React.RefAttributes<any> & WithFormModeProps, "ref"> & React.RefAttributes<any>>;
+type TimePickerType = typeof TimePicker & {
+    RangePicker: typeof RangePicker;
+};
+declare const _default: TimePickerType;
+export default _default;

package/lib/esm/time-picker/time-picker.js

@@ -0,0 +1,49 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["className", "popupClassName", "suffixIcon"],
+  _excluded2 = ["className", "popupClassName", "separator"];
+import { TimePicker as AntdTimePicker } from 'antd';
+import classNames from 'classnames';
+import React from 'react';
+import { ConfigProvider } from "../config-provider";
+import { withFormMode } from "../form-mode";
+import "./style.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+var AntdTimerRangePicker = AntdTimePicker.RangePicker;
+var TimePicker = withFormMode( /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    popupClassName = _ref.popupClassName,
+    suffixIcon = _ref.suffixIcon,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_jsx(ConfigProvider, {
+    theme: {},
+    children: /*#__PURE__*/_jsx(AntdTimePicker, _objectSpread({
+      ref: ref,
+      className: classNames('slimfit-time-picker', className),
+      popupClassName: classNames('slimfit-time-picker-popup', popupClassName)
+    }, props))
+  });
+}), 'time-picker');
+TimePicker.displayName = 'TimePicker';
+
+// 添加RangePicker支持
+var RangePicker = withFormMode( /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
+  var className = _ref2.className,
+    popupClassName = _ref2.popupClassName,
+    _ref2$separator = _ref2.separator,
+    separator = _ref2$separator === void 0 ? '-' : _ref2$separator,
+    props = _objectWithoutProperties(_ref2, _excluded2);
+  return /*#__PURE__*/_jsx(ConfigProvider, {
+    theme: {},
+    children: /*#__PURE__*/_jsx(AntdTimerRangePicker, _objectSpread({
+      ref: ref,
+      className: classNames('slimfit-time-picker', className),
+      popupClassName: classNames('slimfit-time-picker-popup', popupClassName),
+      separator: separator
+    }, props))
+  });
+}), 'time-picker-range-picker');
+RangePicker.displayName = 'RangePicker';
+// 将RangePicker添加到TimePicker上
+TimePicker.RangePicker = RangePicker;
+export default TimePicker;

package/lib/esm/tooltip/index.d.ts

@@ -0,0 +1,2 @@
+export { Tooltip, Tooltip as default } from './tooltip';
+export type { TooltipProps } from './tooltip';

package/lib/esm/tooltip/index.js

@@ -0,0 +1 @@
+export { Tooltip, Tooltip as default } from "./tooltip";

package/lib/esm/tooltip/style.less

@@ -0,0 +1,21 @@
+@import '../style/theme-vars.css';
+
+// 阴影样式 mixin（复用 Popover 的样式）
+.tooltip-shadow() {
+  box-shadow: 0px 2px 8px 0px var(--color-line-100),
+    0px -1px 3px 0px var(--color-line-300);
+}
+
+// 基础 Tooltip 样式
+.slimfit-tooltip {
+  .ant-tooltip-inner {
+    .tooltip-shadow();
+    min-height: auto !important;
+  }
+
+  .ant-tooltip-arrow {
+    &::before {
+      .tooltip-shadow();
+    }
+  }
+}

package/lib/esm/tooltip/tooltip.d.ts

@@ -0,0 +1,6 @@
+import type { TooltipProps as AntdTooltipProps } from 'antd';
+import React from 'react';
+import './style.less';
+export type TooltipProps = AntdTooltipProps;
+export declare const Tooltip: React.FC<TooltipProps>;
+export default Tooltip;

package/lib/esm/tooltip/tooltip.js

@@ -0,0 +1,20 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["overlayClassName"];
+import { Tooltip as AntdTooltip } from 'antd';
+import classNames from 'classnames';
+import React from 'react';
+import "./style.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Tooltip 提示组件
+ * 基于 Ant Design Tooltip 组件，使用自定义样式
+ */
+export var Tooltip = function Tooltip(_ref) {
+  var overlayClassName = _ref.overlayClassName,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_jsx(AntdTooltip, _objectSpread({
+    overlayClassName: classNames('slimfit-tooltip', overlayClassName)
+  }, props));
+};
+export default Tooltip;

package/lib/esm/tree/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Tree } from './tree';
+export type { TreeProps } from './tree';

package/lib/esm/tree/index.js

@@ -0,0 +1 @@
+export { default as Tree } from "./tree";