@digitalc/dxp-ui 0.0.5-alpha.15 → 0.0.5-alpha.17

package/lib/components/Button/demo/index.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const ButtonDemo: React.FC;
-export default ButtonDemo;

package/lib/components/Button/demo/index.js

@@ -1,138 +0,0 @@
-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/Button/demo/index.tsx
-var demo_exports = {};
-__export(demo_exports, {
-  default: () => demo_default
-});
-module.exports = __toCommonJS(demo_exports);
-var import_react = __toESM(require("react"));
-var import__ = __toESM(require("../index"));
-var ButtonDemo = () => {
-  const blueTheme = {
-    components: {
-      Button: {
-        colorPrimary: "#1677ff",
-        borderRadius: 4,
-        primaryColor: "#ffffff"
-      }
-    }
-  };
-  const orangeTheme = {
-    components: {
-      Button: {
-        colorPrimary: "#ff7a45",
-        borderRadius: 8,
-        paddingInline: 24,
-        primaryColor: "#ffffff"
-      }
-    }
-  };
-  const purpleRoundedTheme = {
-    components: {
-      Button: {
-        colorPrimary: "#722ed1",
-        borderRadius: 20,
-        paddingInline: 30,
-        primaryColor: "#ffffff"
-      }
-    }
-  };
-  const flatGreenTheme = {
-    components: {
-      Button: {
-        colorPrimary: "#389e0d",
-        borderRadius: 0,
-        primaryColor: "#ffffff"
-      }
-    }
-  };
-  const customInverseTheme = {
-    components: {
-      Button: {
-        colorPrimary: "#faad14",
-        borderRadius: 4
-      }
-    }
-  };
-  return /* @__PURE__ */ import_react.default.createElement("div", { style: { padding: "24px" } }, /* @__PURE__ */ import_react.default.createElement("h2", null, "Button 组件示例"), /* @__PURE__ */ import_react.default.createElement("h3", null, "基础用法"), /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", gap: "8px", marginBottom: "16px" } }, /* @__PURE__ */ import_react.default.createElement(import__.default, { type: "primary" }, "主要按钮"), /* @__PURE__ */ import_react.default.createElement(import__.default, null, "默认按钮"), /* @__PURE__ */ import_react.default.createElement(import__.default, { type: "dashed" }, "虚线按钮"), /* @__PURE__ */ import_react.default.createElement(import__.default, { type: "link" }, "链接按钮"), /* @__PURE__ */ import_react.default.createElement(import__.default, { type: "text" }, "文本按钮")), /* @__PURE__ */ import_react.default.createElement("h3", null, "按钮尺寸"), /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", gap: "8px", marginBottom: "16px", alignItems: "center" } }, /* @__PURE__ */ import_react.default.createElement(import__.default, { size: "large" }, "大号按钮"), /* @__PURE__ */ import_react.default.createElement(import__.default, { size: "middle" }, "中号按钮"), /* @__PURE__ */ import_react.default.createElement(import__.default, { size: "small" }, "小号按钮")), /* @__PURE__ */ import_react.default.createElement("h3", null, "加载状态"), /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", gap: "8px", marginBottom: "16px" } }, /* @__PURE__ */ import_react.default.createElement(import__.default, { type: "primary", loading: true }, "加载中"), /* @__PURE__ */ import_react.default.createElement(import__.default, { loading: true }, "加载中")), /* @__PURE__ */ import_react.default.createElement("h3", null, "禁用状态"), /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", gap: "8px", marginBottom: "16px" } }, /* @__PURE__ */ import_react.default.createElement(import__.default, { type: "primary", disabled: true }, "禁用主要按钮"), /* @__PURE__ */ import_react.default.createElement(import__.default, { disabled: true }, "禁用默认按钮")), /* @__PURE__ */ import_react.default.createElement("h3", null, "反色模式（深色背景）"), /* @__PURE__ */ import_react.default.createElement(
-    "div",
-    {
-      style: {
-        background: "#1f1f1f",
-        padding: "16px",
-        borderRadius: "4px",
-        display: "flex",
-        gap: "8px",
-        marginBottom: "16px"
-      }
-    },
-    /* @__PURE__ */ import_react.default.createElement(import__.default, { type: "primary", inverse: true }, "主要按钮"),
-    /* @__PURE__ */ import_react.default.createElement(import__.default, { inverse: true }, "默认按钮"),
-    /* @__PURE__ */ import_react.default.createElement(import__.default, { type: "text", inverse: true }, "文本按钮")
-  ), /* @__PURE__ */ import_react.default.createElement("h3", null, "自定义主题（使用antd theme API）"), /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", gap: "8px", marginBottom: "16px", flexWrap: "wrap" } }, /* @__PURE__ */ import_react.default.createElement(import__.default, { type: "primary", theme: blueTheme }, "蓝色按钮"), /* @__PURE__ */ import_react.default.createElement(import__.default, { type: "primary", theme: orangeTheme }, "橙色按钮"), /* @__PURE__ */ import_react.default.createElement(import__.default, { type: "primary", theme: purpleRoundedTheme }, "圆角紫色按钮"), /* @__PURE__ */ import_react.default.createElement(import__.default, { type: "primary", theme: flatGreenTheme }, "无圆角绿色按钮")), /* @__PURE__ */ import_react.default.createElement("h3", null, "深色背景下的自定义反色按钮"), /* @__PURE__ */ import_react.default.createElement(
-    "div",
-    {
-      style: {
-        background: "#1f1f1f",
-        padding: "16px",
-        borderRadius: "4px",
-        display: "flex",
-        gap: "8px",
-        marginBottom: "16px"
-      }
-    },
-    /* @__PURE__ */ import_react.default.createElement(import__.default, { inverse: true, type: "primary" }, "反色按钮（默认）"),
-    /* @__PURE__ */ import_react.default.createElement(
-      import__.default,
-      {
-        inverse: true,
-        type: "primary",
-        theme: customInverseTheme
-      },
-      "反色自定义按钮"
-    )
-  ), /* @__PURE__ */ import_react.default.createElement("h3", null, "块级按钮"), /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", flexDirection: "column", gap: "8px", maxWidth: "400px" } }, /* @__PURE__ */ import_react.default.createElement(import__.default, { type: "primary", block: true }, "块级主要按钮"), /* @__PURE__ */ import_react.default.createElement(import__.default, { block: true }, "块级默认按钮"), /* @__PURE__ */ import_react.default.createElement(
-    import__.default,
-    {
-      type: "primary",
-      block: true,
-      theme: {
-        components: {
-          Button: {
-            colorPrimary: "#eb2f96",
-            borderRadius: 16
-          }
-        }
-      }
-    },
-    "自定义块级按钮"
-  )));
-};
-var demo_default = ButtonDemo;