@digitalc/dxp-ui 0.0.4 → 0.0.5-alpha-gomo.1

package/lib/components/Icon/designTokens.d.ts

@@ -0,0 +1,6 @@
+declare const designTokens: {
+    colorIconButtonNeutral: any;
+    colorIconButtonInverse: any;
+    sizingButtonIcon: any;
+};
+export default designTokens;

package/lib/components/Icon/designTokens.js

@@ -0,0 +1,41 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Icon/designTokens.ts
+var designTokens_exports = {};
+__export(designTokens_exports, {
+  default: () => designTokens_default
+});
+module.exports = __toCommonJS(designTokens_exports);
+var import_tokenManager = __toESM(require("../../utils/tokenManager"));
+var designTokens = {
+  colorIconButtonNeutral: import_tokenManager.default.tokenKey("colorIconButtonNeutral"),
+  colorIconButtonInverse: import_tokenManager.default.tokenKey("colorIconButtonInverse"),
+  sizingButtonIcon: import_tokenManager.default.tokenKey("sizingButtonIcon")
+};
+var designTokens_default = designTokens;

package/lib/components/Icon/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export interface IIconProps {
+    name: string;
+    color?: string;
+    size?: string | number;
+    style?: React.CSSProperties;
+    inverse?: boolean;
+    className?: string;
+    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
+}
+declare const Icon: (props: IIconProps) => React.JSX.Element;
+export default Icon;

package/lib/components/Icon/index.js

@@ -0,0 +1,73 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Icon/index.tsx
+var Icon_exports = {};
+__export(Icon_exports, {
+  default: () => Icon_default
+});
+module.exports = __toCommonJS(Icon_exports);
+var import_react = __toESM(require("react"));
+var import_Icon = __toESM(require("./Icon"));
+var import_designTokens = __toESM(require("./designTokens"));
+var Icon = (props) => {
+  const { colorIconButtonInverse, colorIconButtonNeutral, sizingButtonIcon } = import_designTokens.default;
+  const _a = props, { name, color, size = sizingButtonIcon, inverse = false, style } = _a, rest = __objRest(_a, ["name", "color", "size", "inverse", "style"]);
+  const mergeStyle = __spreadValues({
+    color: color || (inverse ? colorIconButtonInverse : colorIconButtonNeutral),
+    fontSize: size ? `${size}px` : ""
+  }, style);
+  return /* @__PURE__ */ import_react.default.createElement(import_Icon.default, __spreadValues({ type: name, style: mergeStyle }, rest));
+};
+var Icon_default = Icon;

package/lib/components/IconButton/designTokens.d.ts

@@ -0,0 +1,21 @@
+declare const designTokens: {
+    colorIconButtonNeutral: any;
+    colorIconButtonInverse: any;
+    sizingIconButtonMedium: any;
+    sizingIconButtonSmall: any;
+    spacingIconButtonPaddingVertical: any;
+    spacingIconButtonPaddingVerticalSm: any;
+    spacingIconButtonPaddingHorizontal: any;
+    spacingIconButtonPaddingHorizontalSm: any;
+    spacingIconButtonHorizontalGap: any;
+    spacingIconButtonHorizontalGapSm: any;
+    colorIconButtonDisabled: any;
+    colorIconButtonHover: any;
+    colorIconButtonActive: any;
+    transitionIconButton: string;
+};
+declare const otherDesignTokens: {
+    [x: string]: string;
+};
+export { designTokens, otherDesignTokens, };
+export default designTokens;

package/lib/components/IconButton/designTokens.js

@@ -0,0 +1,61 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/IconButton/designTokens.ts
+var designTokens_exports = {};
+__export(designTokens_exports, {
+  default: () => designTokens_default,
+  designTokens: () => designTokens,
+  otherDesignTokens: () => otherDesignTokens
+});
+module.exports = __toCommonJS(designTokens_exports);
+var import_tokenHelper = require("../../utils/tokenHelper");
+var import_constants = require("../../constants");
+var prefixCls = import_constants.cssClasses.PREFIX + "-icon-button";
+var designTokens = {
+  // 图标按钮颜色
+  colorIconButtonNeutral: (0, import_tokenHelper.getToken)("colorIconButtonNeutral"),
+  colorIconButtonInverse: (0, import_tokenHelper.getToken)("colorIconButtonInverse"),
+  // 反色
+  // 图标按钮尺寸
+  sizingIconButtonMedium: (0, import_tokenHelper.getToken)("sizingIconButtonIconMedium"),
+  // Medium Icon: 24px x 24px
+  sizingIconButtonSmall: (0, import_tokenHelper.getToken)("sizingIconButtonIconSmall"),
+  // Small Icon: 16px x 16px
+  //  padding
+  spacingIconButtonPaddingVertical: (0, import_tokenHelper.getToken)("spacingIconButtonPaddingVertical"),
+  // Medium
+  spacingIconButtonPaddingVerticalSm: (0, import_tokenHelper.getToken)("spacingIconButtonPaddingVerticalSm"),
+  // Small
+  spacingIconButtonPaddingHorizontal: (0, import_tokenHelper.getToken)("spacingIconButtonPaddingHorizontal"),
+  spacingIconButtonPaddingHorizontalSm: (0, import_tokenHelper.getToken)("spacingIconButtonPaddingHorizontalSm"),
+  spacingIconButtonHorizontalGap: (0, import_tokenHelper.getToken)("spacingIconButtonHorizontalGap"),
+  spacingIconButtonHorizontalGapSm: (0, import_tokenHelper.getToken)("spacingIconButtonHorizontalGapSm"),
+  colorIconButtonDisabled: (0, import_tokenHelper.getToken)("colorIconButtonDisabled"),
+  colorIconButtonHover: (0, import_tokenHelper.getToken)("colorIconButtonHover"),
+  colorIconButtonActive: (0, import_tokenHelper.getToken)("colorIconButtonActive"),
+  // 过渡动画
+  transitionIconButton: "0.3s"
+};
+var otherDesignTokens = {
+  [`--${prefixCls}-color`]: `${(0, import_tokenHelper.getToken)("colorIconButtonNeutral")}`,
+  [`--${prefixCls}-color-inverse`]: `${(0, import_tokenHelper.getToken)("colorIconButtonInverse")}`,
+  [`--${prefixCls}-color-disabled`]: `${(0, import_tokenHelper.getToken)("colorIconButtonDisabled")}`,
+  [`--${prefixCls}-transition`]: `all ${designTokens.transitionIconButton}`
+};
+var designTokens_default = designTokens;

package/lib/components/IconButton/index.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import './style/index.less';
+export type Size = 'medium' | 'small';
+export interface IconButtonProps {
+    customeIconSize?: string | number;
+    prefixCls?: string;
+    name: string;
+    color?: string;
+    size?: Size | string | number;
+    style?: React.CSSProperties;
+    className?: string;
+    inverse?: boolean;
+    disabled?: boolean;
+    loading?: boolean;
+    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
+    onMouseDown?: (e: React.MouseEvent<HTMLDivElement>) => void;
+    onMouseEnter?: (e: React.MouseEvent<HTMLDivElement>) => void;
+    onMouseLeave?: (e: React.MouseEvent<HTMLDivElement>) => void;
+    [key: string]: any;
+}
+declare const IconButton: React.FC<IconButtonProps>;
+import IconButtonGroup from '../IconButtonGroup';
+export { IconButtonGroup };
+export default IconButton;

package/lib/components/IconButton/index.js

@@ -0,0 +1,202 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/IconButton/index.tsx
+var IconButton_exports = {};
+__export(IconButton_exports, {
+  IconButtonGroup: () => import_IconButtonGroup.default,
+  default: () => IconButton_default
+});
+module.exports = __toCommonJS(IconButton_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var import_cssinjs = require("@ant-design/cssinjs");
+var import_Icon = __toESM(require("../Icon"));
+var import_constants = require("../../constants");
+var import_noop = require("../../utils/noop");
+var import_designTokens = require("./designTokens");
+var import_style = require("./style/index.less");
+var import_IconButtonGroup = __toESM(require("../IconButtonGroup"));
+var derivativeFunc = (token) => {
+  return {
+    buttonColor: token.primaryColor,
+    buttonFontSize: token.fontSize * 1.2
+  };
+};
+var theme = new import_cssinjs.Theme(derivativeFunc);
+var IconButton = (props) => {
+  const _a = props, {
+    prefixCls = import_constants.cssClasses.PREFIX + "-icon-button",
+    size = "medium",
+    customeIconSize,
+    disabled = false,
+    loading = false,
+    style,
+    className,
+    onMouseDown = import_noop.noop,
+    onClick = import_noop.noop,
+    onMouseEnter = import_noop.noop,
+    onMouseLeave = import_noop.noop
+  } = _a, restProps = __objRest(_a, [
+    "prefixCls",
+    "size",
+    "customeIconSize",
+    "disabled",
+    "loading",
+    "style",
+    "className",
+    "onMouseDown",
+    "onClick",
+    "onMouseEnter",
+    "onMouseLeave"
+  ]);
+  const getIconSize = () => {
+    if (size === "medium") {
+      return import_designTokens.designTokens.sizingIconButtonMedium;
+    } else if (size === "small") {
+      return import_designTokens.designTokens.sizingIconButtonSmall;
+    }
+    return import_designTokens.designTokens.sizingIconButtonMedium;
+  };
+  const handleClick = (e) => {
+    if (disabled || loading) {
+      return;
+    }
+    onClick == null ? void 0 : onClick(e);
+  };
+  const useCustomIconButtonStyle = () => {
+    const iconSize2 = getIconSize();
+    const gap = size === "medium" ? import_designTokens.designTokens.spacingIconButtonHorizontalGap : import_designTokens.designTokens.spacingIconButtonHorizontalGapSm;
+    const hashId2 = (0, import_cssinjs.useStyleRegister)(
+      {
+        theme,
+        token: {},
+        path: [prefixCls]
+      },
+      () => `
+      .${prefixCls}-container {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        // width: ${iconSize2}px;
+        // height: ${iconSize2}px;
+        cursor: ${disabled ? "not-allowed" : "pointer"};
+        opacity: ${disabled ? 0.5 : 1};
+        transition: ${import_designTokens.designTokens.transitionIconButton};
+      }
+
+      .${prefixCls}-medium {
+        width: ${import_designTokens.designTokens.sizingIconButtonMedium}px;
+        height: ${import_designTokens.designTokens.sizingIconButtonMedium}px;
+        padding:  ${import_designTokens.designTokens.spacingIconButtonPaddingHorizontal}px ${import_designTokens.designTokens.spacingIconButtonPaddingVertical}px;
+      }
+
+      .${prefixCls}-small {
+        width: ${import_designTokens.designTokens.sizingIconButtonSmall}px;
+        height: ${import_designTokens.designTokens.sizingIconButtonSmall}px;
+        padding: ${import_designTokens.designTokens.spacingIconButtonPaddingHorizontalSm}px ${import_designTokens.designTokens.spacingIconButtonPaddingVerticalSm}px;
+      }
+
+      .${prefixCls}-container:hover {
+        opacity: 0.8;
+        color: ${import_designTokens.designTokens.colorIconButtonHover};
+      }
+
+      .${prefixCls}-container:active {
+        opacity: 0.7;
+        color: ${import_designTokens.designTokens.colorIconButtonActive};
+      }
+
+      .${prefixCls}-loading i {
+        animation: loadingCircle 1s infinite linear;
+      }
+
+      .${prefixCls}-group {
+        gap: ${gap}px;
+      }
+
+      .${prefixCls}-group .${prefixCls}-medium + .${prefixCls}-medium {
+        padding-left: ${import_designTokens.designTokens.spacingIconButtonHorizontalGap}px;
+      }
+
+      .${prefixCls}-group .${prefixCls}-small + .${prefixCls}-small {
+        padding-left: ${import_designTokens.designTokens.spacingIconButtonHorizontalGapSm}px;
+      }
+    `
+    );
+    return hashId2;
+  };
+  const hashId = useCustomIconButtonStyle();
+  const iconSize = getIconSize();
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)(
+        `${prefixCls} ${prefixCls}-container ${prefixCls}-${size} ${loading ? `${prefixCls}-loading` : ""}`,
+        hashId,
+        className
+      ),
+      style,
+      onClick: handleClick,
+      onMouseDown,
+      onMouseEnter,
+      onMouseLeave
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_Icon.default, __spreadProps(__spreadValues({}, restProps), { size: customeIconSize || iconSize, style: __spreadValues({}, import_designTokens.otherDesignTokens) }))
+  );
+};
+var IconButton_default = IconButton;

package/lib/components/IconButton/style/index.less

@@ -0,0 +1,59 @@
+@import './variables.less';
+
+// 基础图标按钮样式
+@components: icon-button;
+
+// 使用字符串拼接
+.@{prefix}-@{components} {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  vertical-align: middle; // 垂直居中
+  transition: all 0.3s;
+  user-select: none;
+  position: relative;
+
+  &:hover {
+    opacity: 0.8;
+    transform: scale(0.9);
+  }
+
+  &:active {
+    opacity: 0.5;
+    transform: scale(0.9);
+  }
+
+  // 禁用状态
+  &[disabled],
+  &.@{prefix}-disabled {
+    cursor: not-allowed;
+    opacity: 0.5;
+    pointer-events: none;
+  }
+
+  // 加载状态
+  &.@{prefix}-loading {
+    cursor: default;
+    pointer-events: none;
+
+    i {
+      animation: loadingCircle 1s infinite linear;
+    }
+  }
+
+  @keyframes loadingCircle {
+    100% {
+      transform: rotate(360deg);
+    }
+  }
+
+  // 分组样式
+  &-group {
+    display: inline-flex;
+    align-items: center;
+    flex-direction: row;
+    flex-wrap: wrap;
+    justify-content: flex-start;
+    align-content: center;
+  }
+}

package/lib/components/IconButton/style/variables.less

@@ -0,0 +1,5 @@
+
+@import '../../../style/variables.less';
+
+// 图标按钮变量
+@btn-border-radius: var(--base-border-radius-button);

package/lib/components/IconButtonGroup/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+export interface IconButtonGroupProps {
+    prefixCls?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    children: React.ReactNode;
+}
+/**
+ * IconButtonGroup 组件用于对图标按钮进行分组
+ * 分组间距：
+ * - 中等图标按钮：8px
+ * - 小图标按钮：16px
+ */
+declare const IconButtonGroup: React.FC<IconButtonGroupProps>;
+export default IconButtonGroup;

package/lib/components/IconButtonGroup/index.js

@@ -0,0 +1,53 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/IconButtonGroup/index.tsx
+var IconButtonGroup_exports = {};
+__export(IconButtonGroup_exports, {
+  default: () => IconButtonGroup_default
+});
+module.exports = __toCommonJS(IconButtonGroup_exports);
+var import_react = __toESM(require("react"));
+var import_constants = require("../../constants");
+var IconButtonGroup = (props) => {
+  const {
+    prefixCls = import_constants.cssClasses.PREFIX + "-icon-button-group",
+    className,
+    style,
+    children
+  } = props;
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: `${prefixCls} ${import_constants.cssClasses.PREFIX}-icon-button-group ${className || ""}`,
+      style
+    },
+    children
+  );
+};
+var IconButtonGroup_default = IconButtonGroup;

package/lib/components/Image/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export type backImageRadio = 1 | 2 | 0.68;
+export declare const BackImageEunm: Record<string, backImageRadio>;
+export interface IImageProps {
+    src?: string;
+    radio?: backImageRadio;
+    imageSize?: number | string;
+    style?: React.CSSProperties;
+    className?: string;
+}
+declare const Image: (props: IImageProps) => React.JSX.Element;
+export default Image;