@yqg/slimfit 0.0.1 → 0.0.2

package/lib/esm/hooks/withCustomClearIcon.js

@@ -0,0 +1,58 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["allowClear", "className"];
+import classNames from 'classnames';
+import React from 'react';
+import { IconCloseCircleFill } from "../icon";
+
+/** 公共类名，用于统一 Select 类组件的清除图标相关样式 */
+import { jsx as _jsx } from "react/jsx-runtime";
+export var CLEAR_ICON_CLASS = 'slimfit-with-clear';
+
+/**
+ * 自定义 clearIcon - 统一的清除图标样式
+ */
+export var customClearIcon = /*#__PURE__*/_jsx(IconCloseCircleFill, {});
+
+/**
+ * 处理 allowClear 属性，将 true 转换为带自定义 clearIcon 的对象
+ *
+ * @param allowClear - 原始的 allowClear 属性值
+ * @returns 处理后的 allowClear 值
+ */
+export var processAllowClear = function processAllowClear(allowClear) {
+  return allowClear === true ? {
+    clearIcon: customClearIcon
+  } : allowClear;
+};
+
+/**
+ * 高阶组件：为组件添加自定义 clearIcon 支持
+ * 同时添加公共类名 `slimfit-with-clear`，用于统一样式管理
+ *
+ * @param Component - 要包装的组件
+ * @param displayName - 组件显示名称
+ * @returns 包装后的组件
+ *
+ * @example
+ * ```tsx
+ * // 包装 Ant Design 组件
+ * const InputWithClearIcon = withCustomClearIcon(AntdInput, 'InputWithClearIcon');
+ * const SelectWithClearIcon = withCustomClearIcon(AntdSelect, 'SelectWithClearIcon');
+ * ```
+ */
+export function withCustomClearIcon(Component, displayName) {
+  var WrappedComponent = /*#__PURE__*/React.forwardRef(function (props, ref) {
+    var allowClear = props.allowClear,
+      className = props.className,
+      restProps = _objectWithoutProperties(props, _excluded);
+    var processedAllowClear = processAllowClear(allowClear);
+    return /*#__PURE__*/_jsx(Component, _objectSpread({
+      ref: ref,
+      allowClear: processedAllowClear,
+      className: classNames(CLEAR_ICON_CLASS, className)
+    }, restProps));
+  });
+  WrappedComponent.displayName = displayName;
+  return WrappedComponent;
+}

package/lib/esm/hooks/withCustomSelect.d.ts

@@ -0,0 +1,7 @@
+import type { SelectProps } from 'antd';
+import React from 'react';
+type CustomSelectProps = Pick<SelectProps, 'open' | 'value' | 'defaultValue' | 'disabled' | 'mode' | 'placeholder' | 'suffixIcon' | 'maxTagPlaceholder' | 'tagRender' | 'optionRender' | 'onDropdownVisibleChange' | 'loading'> & {
+    onChange?: (...args: any[]) => void;
+};
+export declare function withCustomSelect<P extends CustomSelectProps>(Component: React.ComponentType<P>, displayName: string): React.ForwardRefExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<any>>;
+export {};

package/lib/esm/hooks/withCustomSelect.js

@@ -0,0 +1,218 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+var _excluded = ["suffixIcon", "maxTagPlaceholder", "tagRender", "disabled", "mode", "value", "defaultValue", "optionRender", "open", "onDropdownVisibleChange", "onChange", "loading"];
+import { Popover } from 'antd';
+import useAntdLocale from 'antd/es/locale/useLocale';
+import React, { useState } from 'react';
+import { Trans } from 'react-i18next';
+import { Checkbox } from "../checkbox";
+import { IconDropdown, IconExpand2 } from "../icon";
+import i18n from "../locale";
+import { Tag } from "../tag";
+import { useLocale } from "./useLocale";
+
+// PopoverMaxTagPlaceholder 组件 - 显示超出标签的气泡
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var PopoverMaxTagPlaceholder = function PopoverMaxTagPlaceholder(_ref) {
+  var omittedValues = _ref.omittedValues,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    popoverOpen = _useState2[0],
+    setPopoverOpen = _useState2[1];
+
+  // 构建气泡内容 - 使用 Tag 组件展示超出的标签
+  var popoverContent = /*#__PURE__*/_jsx("div", {
+    className: "slimfit-select-popover-content",
+    children: omittedValues.map(function (value) {
+      var _value$value;
+      // 使用 value 值作为唯一标识符，如果 value 是对象则使用其 value 属性，否则直接使用 value
+      var uniqueKey = (_value$value = value === null || value === void 0 ? void 0 : value.value) !== null && _value$value !== void 0 ? _value$value : value;
+      return /*#__PURE__*/_jsx(Tag, {
+        type: "shallow",
+        disabled: disabled,
+        children: (value === null || value === void 0 ? void 0 : value.label) || value
+      }, uniqueKey);
+    })
+  });
+
+  // 气泡触发文本
+  var triggerText = /*#__PURE__*/_jsx(Trans, {
+    i18n: i18n,
+    i18nKey: "Select.maxTagPlaceholder",
+    values: {
+      count: omittedValues.length
+    },
+    components: {
+      highlight: /*#__PURE__*/_jsx("span", {
+        style: {
+          color: disabled ? 'var(--color-fi-400)' : 'var(--color-fi-600)'
+        }
+      })
+    }
+  });
+  return /*#__PURE__*/_jsx(Popover, {
+    content: popoverContent,
+    trigger: "hover",
+    open: popoverOpen,
+    onOpenChange: setPopoverOpen,
+    placement: "topRight",
+    arrow: true,
+    children: /*#__PURE__*/_jsx("span", {
+      className: disabled ? 'slimfit-disabled' : '',
+      children: triggerText
+    })
+  });
+};
+/**
+ * 高阶组件：为组件添加自定义 Select 支持
+ *
+ * @param Component - 要包装的组件
+ * @param displayName - 组件显示名称
+ * @returns 包装后的组件
+ *
+ * @example
+ * ```tsx
+ * // 包装 Ant Design 组件
+ * const Select = withCustomSelect(AntdSelect, 'select');
+ * const TreeSelect = withCustomSelect(AntdTreeSelect, 'tree-select');
+ * ```
+ */
+export function withCustomSelect(Component, displayName) {
+  var WrappedComponent = /*#__PURE__*/React.forwardRef(function (props, ref) {
+    var _notFoundContent;
+    var suffixIcon = props.suffixIcon,
+      maxTagPlaceholder = props.maxTagPlaceholder,
+      tagRender = props.tagRender,
+      disabled = props.disabled,
+      mode = props.mode,
+      externalValue = props.value,
+      defaultValue = props.defaultValue,
+      optionRender = props.optionRender,
+      externalOpen = props.open,
+      onDropdownVisibleChange = props.onDropdownVisibleChange,
+      onChange = props.onChange,
+      loading = props.loading,
+      restProps = _objectWithoutProperties(props, _excluded);
+    var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      internalOpen = _useState4[0],
+      setInternalOpen = _useState4[1];
+    // 维护内部选中值状态，用于判断 checkbox 选中状态
+    var _useState5 = useState(defaultValue),
+      _useState6 = _slicedToArray(_useState5, 2),
+      internalValue = _useState6[0],
+      setInternalValue = _useState6[1];
+    useLocale(); // 确保语言同步
+    var _useAntdLocale = useAntdLocale('Empty'),
+      _useAntdLocale2 = _slicedToArray(_useAntdLocale, 1),
+      emptyLocale = _useAntdLocale2[0];
+
+    // 优先使用外部 open，否则使用内部状态
+    var open = externalOpen !== undefined ? externalOpen : internalOpen;
+
+    // 获取当前实际的选中值（受控或非受控）
+    var currentValue = externalValue !== undefined ? externalValue : internalValue;
+
+    // 计算最终的 suffixIcon
+    // loading 时不显示 suffixIcon，让 loading icon 单独显示
+    var getFinalSuffixIcon = function getFinalSuffixIcon() {
+      if (loading) return null;
+      if (suffixIcon !== undefined) return suffixIcon;
+      return open ? /*#__PURE__*/_jsx(IconExpand2, {}) : /*#__PURE__*/_jsx(IconDropdown, {});
+    };
+    var finalSuffixIcon = getFinalSuffixIcon();
+
+    // 默认的 maxTagPlaceholder 实现
+    var defaultMaxTagPlaceholder = function defaultMaxTagPlaceholder(omittedValues) {
+      return /*#__PURE__*/_jsx(PopoverMaxTagPlaceholder, {
+        omittedValues: omittedValues,
+        disabled: disabled
+      });
+    };
+
+    // 默认的 tagRender 实现 - 使用本地 Tag 组件
+    var defaultTagRender = function defaultTagRender(props) {
+      var label = props.label,
+        closable = props.closable,
+        _onClose = props.onClose;
+      return /*#__PURE__*/_jsx(Tag, {
+        closable: closable,
+        onClose: function onClose(e) {
+          // 阻止事件冒泡，防止触发下拉框
+          e.stopPropagation();
+          _onClose === null || _onClose === void 0 || _onClose(e);
+        },
+        type: "shallow",
+        category: true,
+        disabled: disabled,
+        style: disabled ? {
+          backgroundColor: 'var(--color-fill-100)'
+        } : undefined,
+        children: label
+      });
+    };
+
+    // 多选或 tags 模式下，使用 checkbox 渲染选项
+    var defaultOptionRender = function defaultOptionRender(option, info) {
+      // 如果是多选或 tags 模式，渲染 checkbox
+      if (mode === 'multiple' || mode === 'tags') {
+        // 判断当前选项是否被选中
+        var selectedValues = Array.isArray(currentValue) ? currentValue : [];
+        var isChecked = selectedValues.includes(option.value);
+        return /*#__PURE__*/_jsxs("div", {
+          className: "slimfit-select-option-with-checkbox",
+          children: [/*#__PURE__*/_jsx(Checkbox, {
+            checked: isChecked
+          }), /*#__PURE__*/_jsx("span", {
+            children: option.label
+          })]
+        });
+      }
+
+      // 单选模式直接返回 label
+      return /*#__PURE__*/_jsx("span", {
+        children: option.label
+      });
+    };
+
+    // 处理 dropdown 可见性变化
+    var handleDropdownVisibleChange = function handleDropdownVisibleChange(visible) {
+      setInternalOpen(visible);
+      onDropdownVisibleChange === null || onDropdownVisibleChange === void 0 || onDropdownVisibleChange(visible);
+    };
+
+    // 处理值变化
+    var handleChange = function handleChange(newValue, option) {
+      // 更新内部状态（用于非受控模式）
+      if (externalValue === undefined) {
+        setInternalValue(newValue);
+      }
+      // 调用外部 onChange
+      onChange === null || onChange === void 0 || onChange(newValue, option);
+    };
+    return /*#__PURE__*/_jsx(Component, _objectSpread(_objectSpread({
+      getPopupContainer: function getPopupContainer(triggerNode) {
+        return triggerNode.parentElement || document.body;
+      }
+    }, restProps), {}, {
+      mode: mode,
+      value: externalValue,
+      defaultValue: defaultValue,
+      disabled: disabled,
+      open: open,
+      onDropdownVisibleChange: handleDropdownVisibleChange,
+      onChange: handleChange,
+      suffixIcon: finalSuffixIcon,
+      notFoundContent: (_notFoundContent = restProps === null || restProps === void 0 ? void 0 : restProps.notFoundContent) !== null && _notFoundContent !== void 0 ? _notFoundContent : emptyLocale.description,
+      maxTagPlaceholder: maxTagPlaceholder !== null && maxTagPlaceholder !== void 0 ? maxTagPlaceholder : defaultMaxTagPlaceholder,
+      tagRender: tagRender !== null && tagRender !== void 0 ? tagRender : defaultTagRender,
+      optionRender: optionRender !== null && optionRender !== void 0 ? optionRender : defaultOptionRender
+    }));
+  });
+  WrappedComponent.displayName = displayName;
+  return WrappedComponent;
+}

package/lib/esm/hooks/withCustomerLoading.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+export type LoadingPosition = 'left' | 'middle' | 'right';
+export interface CustomerLoadingOptions {
+    icon?: React.ReactNode;
+    color?: string;
+    position?: LoadingPosition;
+}
+export interface WithCustomerLoadingProps {
+    loading?: boolean;
+    disabled?: boolean;
+}
+export declare function withCustomerLoading<P extends WithCustomerLoadingProps & {
+    className?: string;
+}>(Component: React.ComponentType<P>, options?: CustomerLoadingOptions): React.ForwardRefExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<any>>;
+export default withCustomerLoading;

package/lib/esm/hooks/withCustomerLoading.js

@@ -0,0 +1,120 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+var _excluded = ["loading", "disabled", "className"];
+import React from 'react';
+import { colors } from "../constant/colors";
+import { IconLoadingConic } from "../icon/icons/common";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * 获取 loading icon 的位置样式
+ */
+var getPositionStyle = function getPositionStyle(position) {
+  var baseStyle = {
+    position: 'absolute',
+    top: '50%',
+    transform: 'translateY(-50%)',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    pointerEvents: 'none',
+    zIndex: 1
+  };
+  switch (position) {
+    case 'left':
+      return _objectSpread(_objectSpread({}, baseStyle), {}, {
+        left: '12px'
+      });
+    case 'middle':
+      return _objectSpread(_objectSpread({}, baseStyle), {}, {
+        left: '50%',
+        transform: 'translate(-50%, -50%)'
+      });
+    case 'right':
+    default:
+      return _objectSpread(_objectSpread({}, baseStyle), {}, {
+        right: '12px'
+      });
+  }
+};
+
+/**
+ * HOC：为组件添加自定义 loading 功能
+ *
+ * 功能特性：
+ * 1. 接收 loading 属性，并传递给子组件（子组件可据此调整 UI）
+ * 2. 在子组件内部显示 loading icon（默认右侧，垂直居中）
+ * 3. 使用 IconLoadingConic，颜色 colors.fi[600]，支持自定义 icon
+ * 4. loading 为 true 时显示并旋转，falsy 时隐藏
+ * 5. disabled 状态下 loading icon 显示为置灰样式
+ *
+ * 注意：loading 属性会传递给子组件，子组件应根据此状态调整 UI
+ * （例如 Select 在 loading 时隐藏 suffixIcon）
+ *
+ * @param Component 要包装的组件
+ * @param options 配置选项
+ * @returns 包装后的组件，支持 ref 转发
+ *
+ * @example
+ *
+ * // 基础用法 - 右侧显示
+ * const InputWithLoading = withCustomerLoading(Input);
+ * <InputWithLoading loading={true} />
+ *
+ * // 自定义配置
+ * const InputWithLoading = withCustomerLoading(Input, {
+ *   color: colors.red[600],
+ *   position: 'middle'
+ * });
+ */
+export function withCustomerLoading(Component) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var icon = options.icon,
+    _options$color = options.color,
+    color = _options$color === void 0 ? colors.fi[600] : _options$color,
+    _options$position = options.position,
+    position = _options$position === void 0 ? 'right' : _options$position;
+  var WrappedComponent = /*#__PURE__*/React.forwardRef(function (props, ref) {
+    var loading = props.loading,
+      disabled = props.disabled,
+      className = props.className,
+      restProps = _objectWithoutProperties(props, _excluded);
+
+    // 根据 disabled 状态决定颜色
+    var iconColor = disabled ? colors.neutral[300] : color;
+
+    // 默认使用 IconLoadingConic
+    var loadingIcon = icon || /*#__PURE__*/_jsx(IconLoadingConic, {
+      spin: true,
+      style: {
+        color: iconColor,
+        fontSize: '16px'
+      }
+    });
+
+    // 获取位置样式
+    var loadingIconStyle = getPositionStyle(position);
+
+    // wrapper 样式
+    var wrapperStyle = {
+      position: 'relative',
+      display: 'inline-block'
+    };
+    return /*#__PURE__*/_jsxs("div", {
+      style: wrapperStyle,
+      children: [/*#__PURE__*/_jsx(Component, _objectSpread(_objectSpread({
+        ref: ref
+      }, restProps), {}, {
+        className: className,
+        disabled: disabled,
+        loading: loading
+      })), loading && /*#__PURE__*/_jsx("div", {
+        style: loadingIconStyle,
+        children: loadingIcon
+      })]
+    });
+  });
+  WrappedComponent.displayName = "withCustomerLoading(".concat(Component.displayName || Component.name || 'Component', ")");
+  return WrappedComponent;
+}
+export default withCustomerLoading;

package/lib/esm/hooks/withDisabledClass.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface DisabledClassOptions {
+    disabledClassName?: string;
+    passDisabled?: boolean;
+}
+declare function withDisabledClass<P extends {
+    disabled?: boolean;
+    className?: string;
+}>(WrappedComponent: React.ComponentType<P>, options?: DisabledClassOptions): React.ForwardRefExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<any>>;
+export default withDisabledClass;
+export type { DisabledClassOptions };

package/lib/esm/hooks/withDisabledClass.js

@@ -0,0 +1,41 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["disabled", "className"];
+import classNames from 'classnames';
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * 为组件添加禁用状态类名的 HOC
+ * @param WrappedComponent 要包装的组件
+ * @param options 配置选项
+ * @returns 包装后的组件
+ */
+function withDisabledClass(WrappedComponent) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var _options$disabledClas = options.disabledClassName,
+    disabledClassName = _options$disabledClas === void 0 ? 'slimfit-disabled' : _options$disabledClas,
+    _options$passDisabled = options.passDisabled,
+    passDisabled = _options$passDisabled === void 0 ? true : _options$passDisabled;
+  var WithDisabledClassComponent = /*#__PURE__*/React.forwardRef(function (props, ref) {
+    var disabled = props.disabled,
+      className = props.className,
+      restProps = _objectWithoutProperties(props, _excluded);
+    var componentClassName = classNames(className, _defineProperty({}, disabledClassName, disabled));
+
+    // 如果 passDisabled 为 false，则不传递 disabled 属性
+    // 事件拦截完全由 CSS pointer-events 处理
+    var componentProps = passDisabled ? _objectSpread({
+      disabled: disabled,
+      className: componentClassName
+    }, restProps) : _objectSpread({
+      className: componentClassName
+    }, restProps);
+    return /*#__PURE__*/_jsx(WrappedComponent, _objectSpread({
+      ref: ref
+    }, componentProps));
+  });
+  WithDisabledClassComponent.displayName = "withDisabledClass(".concat(WrappedComponent.displayName || WrappedComponent.name || 'Component', ")");
+  return WithDisabledClassComponent;
+}
+export default withDisabledClass;

package/lib/esm/icon/component.d.ts

@@ -0,0 +1,3 @@
+export { createIcon } from './createIcon';
+export { default as Icon } from './icon';
+export type { IconProps } from './icon';

package/lib/esm/icon/component.js

@@ -0,0 +1,3 @@
+// 只导出 Icon 组件和工具函数，供主包使用
+export { createIcon } from "./createIcon";
+export { default as Icon } from "./icon";

package/lib/esm/icon/createIcon.d.ts

@@ -0,0 +1,9 @@
+import Icon from '@ant-design/icons';
+import type { GetProps } from 'antd';
+import React from 'react';
+export type IconProps = GetProps<typeof Icon>;
+export type IconWithMeta = React.FC<IconProps> & {
+    cnName?: string;
+};
+export declare function createIcon(Svg: React.FC<React.SVGProps<SVGSVGElement>>, displayName: string, cnName?: string): IconWithMeta;
+export default createIcon;

package/lib/esm/icon/createIcon.js

@@ -0,0 +1,35 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+var _excluded = ["style"];
+import Icon from '@ant-design/icons';
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * 创建SlimFit图标组件的工厂函数
+ * @param Svg SVG组件（通常由SVGR生成）
+ * @param displayName 组件显示名称
+ * @returns 符合IconProps的React组件
+ */
+export function createIcon(Svg, displayName, cnName) {
+  // 创建包装的 SVG 组件，添加 data-icon 属性（参考 antd icon 的实现方式）
+  var SvgWithDataIcon = function SvgWithDataIcon(props) {
+    return /*#__PURE__*/_jsx(Svg, _objectSpread(_objectSpread({}, props), {}, {
+      "data-icon": displayName
+    }));
+  };
+  var IconComponent = function IconComponent() {
+    var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+      style = _ref.style,
+      props = _objectWithoutProperties(_ref, _excluded);
+    return /*#__PURE__*/_jsx(Icon, _objectSpread({
+      component: SvgWithDataIcon,
+      style: _objectSpread({
+        fontSize: '16px'
+      }, style)
+    }, props));
+  };
+  IconComponent.displayName = displayName;
+  IconComponent.cnName = cnName;
+  return IconComponent;
+}
+export default createIcon;

package/lib/esm/icon/icon.d.ts

@@ -0,0 +1,4 @@
+import Icon from '@ant-design/icons';
+import type { GetProps } from 'antd';
+export type IconProps = GetProps<typeof Icon>;
+export default Icon;

package/lib/esm/icon/icon.js

@@ -0,0 +1,2 @@
+import Icon from '@ant-design/icons';
+export default Icon;

package/lib/esm/icon/icons/common/Apps.d.ts

@@ -0,0 +1,2 @@
+export declare const IconApps: import("../../createIcon").IconWithMeta;
+export default IconApps;

package/lib/esm/icon/icons/common/Apps.js

@@ -0,0 +1,23 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import React from 'react';
+import { createIcon } from "../../createIcon";
+
+// 原文件名：apps.svg
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+var Svg = function Svg(props) {
+  return /*#__PURE__*/_jsx("svg", _objectSpread(_objectSpread({
+    viewBox: "0 0 24 24"
+  }, props), {}, {
+    children: /*#__PURE__*/_jsx(_Fragment, {
+      children: /*#__PURE__*/_jsx("path", {
+        fill: "currentColor",
+        fillRule: "evenodd",
+        d: "M2.5 3.5a1 1 0 0 1 1-1H10a1 1 0 0 1 1 1V10a1 1 0 0 1-1 1H3.5a1 1 0 0 1-1-1V3.5Zm2 1V9H9V4.5H4.5Zm8.5-1a1 1 0 0 1 1-1h6.5a1 1 0 0 1 1 1V10a1 1 0 0 1-1 1H14a1 1 0 0 1-1-1V3.5Zm2 1V9h4.5V4.5H15ZM2.5 14a1 1 0 0 1 1-1H10a1 1 0 0 1 1 1v6.5a1 1 0 0 1-1 1H3.5a1 1 0 0 1-1-1V14Zm2 1v4.5H9V15H4.5Zm8.5-1a1 1 0 0 1 1-1h6.5a1 1 0 0 1 1 1v6.5a1 1 0 0 1-1 1H14a1 1 0 0 1-1-1V14Zm2 1v4.5h4.5V15H15Z",
+        clipRule: "evenodd"
+      })
+    })
+  }));
+};
+export var IconApps = createIcon(Svg, 'IconApps', 'apps');
+export default IconApps;

package/lib/esm/icon/icons/common/Archive.d.ts

@@ -0,0 +1,2 @@
+export declare const IconArchive: import("../../createIcon").IconWithMeta;
+export default IconArchive;

package/lib/esm/icon/icons/common/Archive.js

@@ -0,0 +1,29 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import React from 'react';
+import { createIcon } from "../../createIcon";
+
+// 原文件名：存档.svg
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var Svg = function Svg(props) {
+  return /*#__PURE__*/_jsx("svg", _objectSpread(_objectSpread({
+    viewBox: "0 0 24 24"
+  }, props), {}, {
+    children: /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx("path", {
+        fill: "currentColor",
+        fillRule: "evenodd",
+        d: "M5.5 10v9h13v-9h-13Zm-2-.5A1.5 1.5 0 0 1 5 8h14a1.5 1.5 0 0 1 1.5 1.5v10A1.5 1.5 0 0 1 19 21H5a1.5 1.5 0 0 1-1.5-1.5v-10Z",
+        clipRule: "evenodd"
+      }), /*#__PURE__*/_jsx("path", {
+        fill: "currentColor",
+        fillRule: "evenodd",
+        d: "M4 5v3h16V5H4ZM2.44 3.44A1.5 1.5 0 0 1 3.5 3h17A1.5 1.5 0 0 1 22 4.5v4a1.5 1.5 0 0 1-1.5 1.5h-17A1.5 1.5 0 0 1 2 8.5v-4c0-.398.158-.78.44-1.06ZM14.5 14.5h-5v-2h5v2Z",
+        clipRule: "evenodd"
+      })]
+    })
+  }));
+};
+export var IconArchive = createIcon(Svg, 'IconArchive', '存档');
+export default IconArchive;

package/lib/esm/icon/icons/common/Beaker.d.ts

@@ -0,0 +1,2 @@
+export declare const IconBeaker: import("../../createIcon").IconWithMeta;
+export default IconBeaker;

package/lib/esm/icon/icons/common/Beaker.js

@@ -0,0 +1,29 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import React from 'react';
+import { createIcon } from "../../createIcon";
+
+// 原文件名：烧杯.svg
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var Svg = function Svg(props) {
+  return /*#__PURE__*/_jsx("svg", _objectSpread(_objectSpread({
+    viewBox: "0 0 24 24"
+  }, props), {}, {
+    children: /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx("path", {
+        fill: "currentColor",
+        fillRule: "evenodd",
+        d: "M7.25 4.5h-2v-2h13.5v2h-2v4.069l2.683 7.155 1.205 3.039a2.002 2.002 0 0 1-1.86 2.737H5.398a2 2 0 0 1-1.891-2.647l1.176-3.44L7.25 8.569V4.5Zm2 0v4.431l-2.684 7.156L5.4 19.5h13.379l-1.211-3.057-2.817-7.512V4.5h-5.5ZM12 11.255v-.005h2v.005h-2Z",
+        clipRule: "evenodd"
+      }), /*#__PURE__*/_jsx("path", {
+        fill: "currentColor",
+        fillRule: "evenodd",
+        d: "M15.477 15.689c-.97-.183-2.046-.051-3.081.824-1.523 1.29-3.105 1.597-4.47 1.395-1.32-.195-2.386-.856-2.992-1.435l1.382-1.446c.353.337 1.05.777 1.902.902.808.12 1.81-.031 2.886-.942 1.565-1.325 3.28-1.54 4.744-1.263a7.26 7.26 0 0 1 3.313 1.61l-1.322 1.5a5.267 5.267 0 0 0-2.362-1.145Z",
+        clipRule: "evenodd"
+      })]
+    })
+  }));
+};
+export var IconBeaker = createIcon(Svg, 'IconBeaker', '烧杯');
+export default IconBeaker;

package/lib/esm/icon/icons/common/Book.d.ts

@@ -0,0 +1,2 @@
+export declare const IconBook: import("../../createIcon").IconWithMeta;
+export default IconBook;