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

package/lib/components/Divider/index.js

@@ -0,0 +1,111 @@
+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/Divider/index.tsx
+var Divider_exports = {};
+__export(Divider_exports, {
+  default: () => Divider
+});
+module.exports = __toCommonJS(Divider_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var import_tokenManager = __toESM(require("../../utils/tokenManager"));
+var import_constants = require("../../constants");
+var import_style = require("./style/index.less");
+var Divider = class extends import_react.PureComponent {
+  render() {
+    const _a = this.props, {
+      children,
+      className,
+      prefixCls,
+      type,
+      style,
+      height
+    } = _a, attr = __objRest(_a, [
+      "children",
+      "className",
+      "prefixCls",
+      "type",
+      "style",
+      "height"
+    ]);
+    const baseProps = {
+      className: (0, import_classnames.default)(
+        prefixCls,
+        {
+          [`${prefixCls}-type-${type}`]: type
+        },
+        className
+      )
+    };
+    return /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      __spreadProps(__spreadValues(__spreadValues({}, baseProps), attr), {
+        style: __spreadProps(__spreadValues({
+          height
+        }, style), {
+          borderColor: import_tokenManager.default.tokenKey("colorDivider10Horizontal")
+        })
+      }),
+      /* @__PURE__ */ import_react.default.createElement("div", null, children)
+    );
+  }
+};
+Divider.defaultProps = {
+  type: "solid",
+  prefixCls: import_constants.cssClasses.PREFIX + "-divider"
+};

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

@@ -0,0 +1,78 @@
+
+@import './variables.less';
+
+@components: divider;
+.@{prefix}-@{components} {
+  width: 100%;
+}
+
+.@{prefix}-@{components}-type-solid {
+  border-bottom: 1px solid #BFBFC7;
+}
+
+.@{prefix}-@{components}-type-dashed {
+  border-bottom: 1px dashed #E6E6E6;
+}
+
+.@{prefix}-@{components}-type-eight {
+  border-bottom: 8px solid #F5F5F8;
+}
+.@{prefix}-@{components}-type-whiteBg {
+  position: relative;
+  padding-top: 8px;
+  overflow: hidden;
+  &::before,
+  &::after {
+    position: absolute;
+    top: 0;
+    display: block;
+    content: '';
+    width: 16px;
+    height: 16px;
+    border-radius: 50%;
+    border: 1px solid #D5D5D5;
+    background: #fff;
+    box-sizing: border-box;
+  }
+  &::before {
+    left: -8px;
+  }
+  &::after {
+    right: -8px;
+  }
+  > div {
+    margin-bottom: 8px;
+    border-bottom: 2px dashed #EBEBEB;
+  }
+}
+.@{prefix}-@{components}-type-grayBg {
+  position: relative;
+  padding-top: 8px;
+  overflow: hidden;
+  &::before,
+  &::after {
+    position: absolute;
+    top: 0;
+    display: block;
+    content: '';
+    width: 16px;
+    height: 16px;
+    border-radius: 50%;
+    background: #F5F5F5;
+  }
+  &::before {
+    left: -8px;
+  }
+  &::after {
+    right: -8px;
+  }
+  > div {
+    margin-bottom: 8px;
+    border-bottom: 2px dashed #F2F2F2;
+  }
+}
+.@{prefix}-@{components}-type-vertical {
+  width: auto;
+  min-height: 12px;
+  border-left: 1px solid #BFBFC7;
+}

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

@@ -0,0 +1,4 @@
+
+@import '../../../style/variables.less';
+
+@btn-primary-bg-default: var(--base-color-primary);

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

@@ -0,0 +1,16 @@
+declare const designTokens: {
+    colorDrawerBackgroundOverlay: any;
+    colorDrawerBackgroundStandard: any;
+    borderTopLeftRadius: any;
+    borderTopRightRadius: any;
+    spacingDrawerPaddingHorizontal: any;
+    spacingDrawerPaddingBottom: any;
+    spacingDrawerPaddingTop: any;
+    sizingDrawerHandle: any;
+    colorDrawerHandle: any;
+    spacingDrawerHandlePaddingTop: any;
+    spacingDrawerHandlePaddingBottom: any;
+    colorDrawerTextHeader: any;
+    spacingDrawerListOptionHorizontalGap: any;
+};
+export default designTokens;

package/lib/components/Drawer/designTokens.js

@@ -0,0 +1,62 @@
+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/Drawer/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 = {
+  colorDrawerBackgroundOverlay: import_tokenManager.default.tokenKey("colorDrawerBackgroundOverlay") || "rgba(0, 0, 0, 0.60)",
+  // 遮罩层背景色
+  colorDrawerBackgroundStandard: import_tokenManager.default.tokenKey("colorDrawerBackgroundStandard") || "#FFF",
+  // 内容的底色
+  borderTopLeftRadius: import_tokenManager.default.tokenKey("borderRadiusDrawerTopLeft"),
+  // 弹出窗上左上圆角
+  borderTopRightRadius: import_tokenManager.default.tokenKey("borderRadiusDrawerTopRight"),
+  // 弹出窗上右上圆角
+  spacingDrawerPaddingHorizontal: import_tokenManager.default.tokenKey("spacingDrawerPaddingHorizontal"),
+  // 内部横padding
+  spacingDrawerPaddingBottom: import_tokenManager.default.tokenKey("spacingDrawerPaddingBottom"),
+  spacingDrawerPaddingTop: import_tokenManager.default.tokenKey("spacingDrawerPaddingTop"),
+  sizingDrawerHandle: import_tokenManager.default.tokenKey("sizingDrawerHandle"),
+  // 上部 小滑块的宽
+  colorDrawerHandle: import_tokenManager.default.tokenKey("colorDrawerHandle"),
+  // 上部 小滑块的背景色
+  spacingDrawerHandlePaddingTop: import_tokenManager.default.tokenKey("spacingDrawerHandlePaddingTop"),
+  // 上部 小滑块
+  spacingDrawerHandlePaddingBottom: import_tokenManager.default.tokenKey("spacingDrawerHandlePaddingBottom"),
+  // 上部 小滑块
+  colorDrawerTextHeader: import_tokenManager.default.tokenKey("colorDrawerTextHeader"),
+  // title的颜色
+  spacingDrawerListOptionHorizontalGap: import_tokenManager.default.tokenKey("spacingDrawerListOptionHorizontalGap")
+  // 间距
+};
+var designTokens_default = designTokens;

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import './style/index.less';
+export type DrawerType = 'DrawerTypeHandler' | 'DrawerTypeCloseBtn';
+export declare const DrawerTypeEnum: Record<string, DrawerType>;
+export interface BottomDrawerProps {
+    visible: boolean;
+    onClose: () => void;
+    children: React.ReactNode;
+    height?: number | string;
+    title?: string;
+    drawerType: DrawerType;
+    bottomBtnText?: string;
+    bottomLinkText?: string;
+    showBottomBorder?: boolean;
+    showImage?: boolean;
+    imageSrc?: string;
+    onLinkClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
+    onBottomBtnClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
+}
+declare const BottomDrawer: React.FC<BottomDrawerProps>;
+export default BottomDrawer;

package/lib/components/Drawer/index.js

@@ -0,0 +1,229 @@
+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 __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/Drawer/index.tsx
+var Drawer_exports = {};
+__export(Drawer_exports, {
+  DrawerTypeEnum: () => DrawerTypeEnum,
+  default: () => Drawer_default
+});
+module.exports = __toCommonJS(Drawer_exports);
+var import_react = __toESM(require("react"));
+var import_designTokens = __toESM(require("./designTokens"));
+var import__ = require("../index");
+var import_constants = require("../../constants");
+var import_style = require("./style/index.less");
+var DrawerTypeEnum = {
+  DrawerTypeHandler: "DrawerTypeHandler",
+  DrawerTypeCloseBtn: "DrawerTypeCloseBtn"
+};
+var BottomDrawer = ({
+  visible,
+  onClose,
+  children,
+  height,
+  title,
+  drawerType = DrawerTypeEnum.DrawerTypeHandler,
+  bottomBtnText,
+  bottomLinkText,
+  showBottomBorder,
+  showImage,
+  imageSrc,
+  onLinkClick,
+  onBottomBtnClick
+}) => {
+  const originalBodyOverflow = (0, import_react.useRef)("");
+  const [isMounted, setIsMounted] = (0, import_react.useState)(false);
+  const [paddingBottom, setPaddingBottom] = (0, import_react.useState)(0);
+  (0, import_react.useEffect)(() => {
+    if (visible) {
+      originalBodyOverflow.current = document.body.style.overflow;
+      document.body.style.overflow = "hidden";
+      document.body.style.touchAction = "none";
+      setIsMounted(true);
+    } else {
+      document.body.style.overflow = originalBodyOverflow.current;
+      document.body.style.touchAction = "auto";
+      const timer = setTimeout(() => setIsMounted(false), 100);
+      return () => clearTimeout(timer);
+    }
+  }, [visible]);
+  (0, import_react.useEffect)(() => {
+    if (!visible) {
+      return;
+    }
+    const timer = setTimeout(() => {
+      const footer = document.querySelector(`.${import_constants.cssClasses.PREFIX}-stickyFooter`);
+      if (footer) {
+        const observer = new ResizeObserver((entries) => {
+          const contentHeight = (entries == null ? void 0 : entries[0].contentRect.height) + 10;
+          const borderBoxHeight = (entries == null ? void 0 : entries[0].target.getBoundingClientRect().height) + 10;
+          setPaddingBottom(borderBoxHeight || contentHeight);
+        });
+        observer.observe(footer, { box: "border-box" });
+        return () => observer.disconnect();
+      }
+    }, 100);
+    return () => clearTimeout(timer);
+  }, [visible]);
+  const {
+    colorDrawerBackgroundOverlay,
+    colorDrawerBackgroundStandard,
+    borderTopLeftRadius,
+    borderTopRightRadius,
+    spacingDrawerPaddingHorizontal,
+    sizingDrawerHandle,
+    colorDrawerHandle,
+    spacingDrawerHandlePaddingTop,
+    spacingDrawerHandlePaddingBottom,
+    colorDrawerTextHeader,
+    spacingDrawerListOptionHorizontalGap,
+    spacingDrawerPaddingBottom,
+    spacingDrawerPaddingTop
+  } = import_designTokens.default;
+  if (!isMounted)
+    return null;
+  const borderStyle = showBottomBorder ? {} : { border: "none" };
+  const TitleCom = title ? /* @__PURE__ */ import_react.default.createElement("div", { className: `${import_constants.cssClasses.PREFIX}-drawer-header` }, /* @__PURE__ */ import_react.default.createElement(
+    import__.Text,
+    {
+      size: "TitleT21Bold",
+      style: { color: colorDrawerTextHeader, marginBottom: `${spacingDrawerListOptionHorizontalGap}px`, display: "block" }
+    },
+    title
+  )) : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null);
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: `${import_constants.cssClasses.PREFIX}-drawer-mask ${visible ? "visible" : ""}`,
+      style: { background: colorDrawerBackgroundOverlay },
+      onClick: onClose
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: `${import_constants.cssClasses.PREFIX}-drawer-content ${visible ? "active" : ""}`,
+        style: {
+          height,
+          background: colorDrawerBackgroundStandard,
+          borderTopLeftRadius: `${borderTopLeftRadius}px`,
+          borderTopRightRadius: `${borderTopRightRadius}px`
+        },
+        onClick: (e) => e.stopPropagation()
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          className: `${import_constants.cssClasses.PREFIX}-drawer-inner`,
+          style: {
+            paddingLeft: `${spacingDrawerPaddingHorizontal}px`,
+            paddingRight: `${spacingDrawerPaddingHorizontal}px`,
+            paddingBottom: `${paddingBottom}px`
+          }
+        },
+        drawerType === DrawerTypeEnum.DrawerTypeHandler && /* @__PURE__ */ import_react.default.createElement(
+          "div",
+          {
+            className: "handle-bar",
+            style: {
+              width: sizingDrawerHandle ? `${sizingDrawerHandle}px` : 0,
+              background: colorDrawerHandle,
+              marginTop: `${spacingDrawerHandlePaddingTop}px`,
+              marginBottom: `${spacingDrawerHandlePaddingBottom}px`
+            }
+          }
+        ),
+        drawerType === DrawerTypeEnum.DrawerTypeCloseBtn && /* @__PURE__ */ import_react.default.createElement(
+          "div",
+          {
+            className: "close-warp",
+            style: {
+              paddingTop: `${spacingDrawerPaddingTop}px`
+              // paddingBottom: `${spacingDrawerListOptionHorizontalGap}px`,
+            }
+          },
+          /* @__PURE__ */ import_react.default.createElement("div", null, TitleCom),
+          /* @__PURE__ */ import_react.default.createElement(import__.Icon, { name: "icon-Close", onClick: onClose })
+        ),
+        showImage && /* @__PURE__ */ import_react.default.createElement(
+          import__.Image,
+          {
+            radio: 2,
+            src: imageSrc,
+            imageSize: "100%",
+            style: { marginBottom: `${spacingDrawerPaddingBottom}px` }
+          }
+        ),
+        drawerType !== DrawerTypeEnum.DrawerTypeCloseBtn && title && TitleCom,
+        children
+      ),
+      (!!bottomBtnText || !!bottomLinkText) && /* @__PURE__ */ import_react.default.createElement(
+        import__.StickyFooter,
+        {
+          onClick: onBottomBtnClick,
+          buttonText: bottomBtnText,
+          style: __spreadValues({
+            flexDirection: "column",
+            flexShrink: 0
+          }, borderStyle)
+        },
+        !!bottomLinkText && /* @__PURE__ */ import_react.default.createElement(
+          import__.Text,
+          {
+            onClick: (e) => {
+              e == null ? void 0 : e.stopPropagation();
+              if (onLinkClick) {
+                onLinkClick(e);
+              }
+            },
+            size: "ContentC14TextLink",
+            style: {
+              marginTop: `${spacingDrawerListOptionHorizontalGap}px`
+            }
+          },
+          bottomLinkText
+        )
+      )
+    )
+  );
+};
+var Drawer_default = BottomDrawer;

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

@@ -0,0 +1,73 @@
+@import './variables.less';
+
+// 添加iOS惯性滚动限制
+.@{prefix}-drawer-content {
+  -webkit-overflow-scrolling: touch;
+  overscroll-behavior: contain;
+}
+
+.@{prefix}-drawer-mask {
+  touch-action: none; // 阻止移动端触摸事件
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.5);
+  opacity: 0;
+  transition: opacity @transition-duration @easing-function;
+  z-index: @mask-zindex;
+
+  &.visible {
+    opacity: 1;
+  }
+}
+
+.@{prefix}-drawer-content {
+  .transition-properties();
+  position: fixed;
+  left: 0;
+  width: 100%;
+  bottom: -100%;
+  background: white;
+  border-radius: @border-radius @border-radius 0 0;
+  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
+
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+
+  min-height: 20vh;
+  max-height: 80vh;
+
+  &.active {
+    bottom: 0;
+  }
+
+  .handle-bar {
+    height: 4px;
+    margin: 0 auto;
+    border-radius: 4px;
+  }
+
+  .@{prefix}-drawer-inner {
+    overflow: auto;
+    flex: 1;
+    min-height: 0;
+    padding-bottom: 20px;
+    /* 防止底部遮挡 */
+
+  }
+
+  .close-warp {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+  }
+
+}
+
+// 混合 (Mixin)
+.transition-properties() {
+  transition: bottom @transition-duration @easing-function;
+}

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

@@ -0,0 +1,8 @@
+@import '../../../style/variables.less';
+
+
+@mask-zindex: 99999;
+@transition-duration: 0.3s;
+@easing-function: cubic-bezier(0.4, 0, 0.2, 1);
+@border-radius: 16px;
+@handle-color: #ddd;

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

@@ -0,0 +1,9 @@
+import React, { CSSProperties } from 'react';
+import '../../assets/iconFont/iconfont.css';
+interface IProps {
+    type: string;
+    style?: CSSProperties;
+    className?: string;
+}
+declare const MIcon: React.FC<IProps>;
+export default MIcon;

package/lib/components/Icon/Icon.js

@@ -0,0 +1,74 @@
+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/Icon.tsx
+var Icon_exports = {};
+__export(Icon_exports, {
+  default: () => Icon_default
+});
+module.exports = __toCommonJS(Icon_exports);
+var import_react = __toESM(require("react"));
+var import_iconfont = require("../../assets/iconFont/iconfont.css");
+var MIcon = (_a) => {
+  var _b = _a, { type, style, className } = _b, rest = __objRest(_b, ["type", "style", "className"]);
+  return /* @__PURE__ */ import_react.default.createElement(
+    "i",
+    __spreadValues({
+      className: `DCPL ${className || ""} ${type}`,
+      style,
+      "aria-hidden": "true"
+    }, rest)
+  );
+};
+var Icon_default = MIcon;