pv-design 1.0.21 → 1.0.23

package/README.md

@@ -23,16 +23,15 @@
 1. 创建组件：在 /components 目录下创建组件文件夹和文件。
 2. 编写文档：在 /src/template 目录下为每个组件编写使用文档（目录名称与components下的一致）。
 3. 组件命名约束：使用Pv拼接组件名，如：PvTabs
-4. 编译组件：npm run build
-5. 生成API文档：npm run build:doc
-6. 生成组件文档：npm run build:template
+4. 编译组件：npm run build:watch，确保组件库的实时更新。
+5. 可以在template目录下查看组件的demo，确保组件的正常使用。
+6. 确保没问题后在stories下添加组件的stories，确保组件的正常展示。
 7. 发布组件库：使用 npm publish 发布
 
 ### 本地调试 link
-1. 进入components目录：cd components
-2. 本地打包：npm run build
+1. 为了确保开发过程中可能会更新组件，所以先在终端执行npm run build:watch，确保组件库的实时更新。
+2. 进入components目录：cd components
 3. 链接组件库：npm link
 4. 在其他项目中使用组件库：npm link pv-design
 5. 后续正常的使用组件库和开发即可
-6. 当组件更新时，执行：npm run build
-7. 当需要取消使用组件库时，执行：npm unlink pv-design
+6. 当需要取消使用组件库时，执行：npm unlink pv-design

package/dist/pv-design.js

@@ -1,21 +1,21 @@
 (function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode("._iconButton_1fiji_1{color:#9d9d9d;cursor:pointer}._iconButton_1fiji_1._iconButton-primary_1fiji_5:hover{color:#2777e5}._iconButton_1fiji_1._iconButton-danger_1fiji_8:hover{color:#dc4446}._iconButton_1fiji_1._iconButton-disable_1fiji_11{color:#4f4f4f!important;cursor:not-allowed}._iconButton_1fiji_1._iconButton-disable_1fiji_11:hover{color:#4f4f4f!important}._iconButton_1fiji_1._iconButton-block_1fiji_18{display:block}")),document.head.appendChild(o)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}})();
-import { lazy as e } from "react";
-import { jsxs as s, jsx as a } from "react/jsx-runtime";
-import { ConfigProvider as m, Modal as b } from "antd";
-const v = ({ theme: o, ...t }) => {
+import { lazy as d } from "react";
+import { jsxs as l, jsx as a } from "react/jsx-runtime";
+import { ConfigProvider as p, Modal as i } from "antd";
+const h = ({ theme: o, ...t }) => {
   var r;
-  const d = {
+  const n = {
     titleColor: "rgba(204,204,204,0.85)",
     ...((r = o == null ? void 0 : o.components) == null ? void 0 : r.Modal) || {}
   };
-  return /* @__PURE__ */ s(
-    m,
+  return /* @__PURE__ */ l(
+    p,
     {
       prefixCls: "pv-base-modal-third",
       theme: {
         ...o || {},
         components: {
-          Modal: d
+          Modal: n
         }
       },
       children: [
@@ -70,7 +70,7 @@ const v = ({ theme: o, ...t }) => {
         }
         ` }),
         /* @__PURE__ */ a(
-          b,
+          i,
           {
             width: 780,
             ...t,
@@ -80,20 +80,20 @@ const v = ({ theme: o, ...t }) => {
       ]
     }
   );
-}, p = ({ theme: o, ...t }) => {
+}, b = ({ theme: o, ...t }) => {
   var r;
-  const d = {
+  const n = {
     titleColor: "rgba(204,204,204,0.85)",
     ...((r = o == null ? void 0 : o.components) == null ? void 0 : r.Modal) || {}
   };
-  return /* @__PURE__ */ s(
-    m,
+  return /* @__PURE__ */ l(
+    p,
     {
       prefixCls: "pv-base-modal-default",
       theme: {
         ...o || {},
         components: {
-          Modal: d
+          Modal: n
         }
       },
       children: [
@@ -145,7 +145,7 @@ const v = ({ theme: o, ...t }) => {
         }
         ` }),
         /* @__PURE__ */ a(
-          b,
+          i,
           {
             ...t,
             className: [t.className, "pv-base-modal-default-body"].join(" ")
@@ -154,58 +154,299 @@ const v = ({ theme: o, ...t }) => {
       ]
     }
   );
+}, g = ({ theme: o, ...t }) => {
+  var r;
+  const n = {
+    titleColor: "rgba(204,204,204,0.85)",
+    ...((r = o == null ? void 0 : o.components) == null ? void 0 : r.Modal) || {}
+  };
+  return /* @__PURE__ */ l(
+    p,
+    {
+      prefixCls: "pv-base-modal-four",
+      theme: {
+        ...o || {},
+        components: {
+          Modal: n
+        }
+      },
+      children: [
+        /* @__PURE__ */ a("style", { children: `
+        .pv-base-modal-four-body .pv-base-modal-four-modal-content {
+          display: flex;
+          flex-direction: column;
+          padding: 20px 28px  !important;
+          border-radius: 12px !important;
+          box-shadow: 0px 8px 48px 0px rgba(0,0,0,0.4) !important;
+          width: 1052px !important;
+          height: 682px !important;
+          background-color: #252526 !important;
+        }
+        .pv-base-modal-four-body .pv-base-modal-four-modal-title {
+          text-align: center;
+          height: 24px;
+          line-height: 24px !important;
+        }
+        .pv-base-modal-four-body .pv-base-modal-four-modal-close-icon {
+          color: rgba(204, 204, 204, 0.85) !important;
+        }
+        .pv-base-modal-four-body .pv-base-modal-four-modal-close {
+          top: 17px !important;
+          right: 20px !important;
+        }
+        .pv-base-modal-four-body .pv-base-modal-four-modal-header {
+          margin-bottom: 20px !important;
+          background-color: transparent !important;
+        }
+        .pv-base-modal-four-body .pv-base-modal-four-modal-body {
+          display: flex;
+          flex: 1;
+          overflow: hidden;
+        }
+         .pv-base-modal-four-body .pv-base-modal-four-modal-footer {
+          margin-top: 20px !important;
+        }
+        .pv-base-modal-four-body .pv-base-modal-four-modal-footer{
+          button:nth-of-type(1) {
+            background: transparent;
+          }
+          button:nth-of-type(1):hover {
+            background-color: transparent !important;
+            border: 1px solid #4B4A4A !important;
+            color: #d9d9d9 !important;
+          } 
+          button {
+            font-size: 12px;
+          }
+        }
+        ` }),
+        /* @__PURE__ */ a(
+          i,
+          {
+            width: 1052,
+            ...t,
+            className: [t.className, "pv-base-modal-four-body"].join(" ")
+          }
+        )
+      ]
+    }
+  );
+}, y = ({ theme: o, ...t }) => {
+  var r;
+  const n = {
+    titleColor: "rgba(204,204,204,0.85)",
+    ...((r = o == null ? void 0 : o.components) == null ? void 0 : r.Modal) || {}
+  };
+  return /* @__PURE__ */ l(
+    p,
+    {
+      prefixCls: "pv-base-modal-two",
+      theme: {
+        ...o || {},
+        components: {
+          Modal: n
+        }
+      },
+      children: [
+        /* @__PURE__ */ a("style", { children: `
+        .pv-base-modal-two-body .pv-base-modal-two-modal-content {
+          display: flex;
+          flex-direction: column;
+          padding: 20px 28px  !important;
+          border-radius: 12px !important;
+          box-shadow: 0px 8px 48px 0px rgba(0,0,0,0.4) !important;
+          min-height: 362px !important;
+          max-height: 580px !important;
+          width: 486px !important;
+          background-color: #252526 !important;
+        }
+        .pv-base-modal-two-body .pv-base-modal-two-modal-title {
+          text-align: center;
+          height: 24px;
+          line-height: 24px !important;
+        }
+        .pv-base-modal-two-body .pv-base-modal-two-modal-close-icon {
+          color: rgba(204, 204, 204, 0.85) !important;
+        }
+        .pv-base-modal-two-body .pv-base-modal-two-modal-close {
+          top: 17px !important;
+          right: 20px !important;
+        }
+        .pv-base-modal-two-body .pv-base-modal-two-modal-header {
+          margin-bottom: 20px !important;
+          background-color: transparent !important;
+        }
+        .pv-base-modal-two-body .pv-base-modal-two-modal-body {
+          display: flex;
+          flex: 1;
+          overflow: hidden;
+        }
+         .pv-base-modal-two-body .pv-base-modal-two-modal-footer {
+          margin-top: 20px !important;
+        }
+        .pv-base-modal-two-body .pv-base-modal-two-modal-footer{
+          button:nth-of-type(1) {
+            background: transparent;
+          }
+          button:nth-of-type(1):hover {
+            background-color: transparent !important;
+            border: 1px solid #4B4A4A !important;
+            color: #d9d9d9 !important;
+          } 
+          button {
+            font-size: 12px;
+          }
+        }
+        ` }),
+        /* @__PURE__ */ a(
+          i,
+          {
+            width: 486,
+            ...t,
+            className: [t.className, "pv-base-modal-two-body"].join(" ")
+          }
+        )
+      ]
+    }
+  );
+}, w = ({ theme: o, ...t }) => {
+  var r;
+  const n = {
+    titleColor: "rgba(204,204,204,0.85)",
+    ...((r = o == null ? void 0 : o.components) == null ? void 0 : r.Modal) || {}
+  };
+  return /* @__PURE__ */ l(
+    p,
+    {
+      prefixCls: "pv-base-modal-one",
+      theme: {
+        ...o || {},
+        components: {
+          Modal: n
+        }
+      },
+      children: [
+        /* @__PURE__ */ a("style", { children: `
+        .pv-base-modal-one-body .pv-base-modal-one-modal-content {
+          display: flex;
+          flex-direction: column;
+          padding: 20px 28px  !important;
+          border-radius: 12px !important;
+          box-shadow: 0px 8px 48px 0px rgba(0,0,0,0.4) !important;
+          width: 338px !important;
+          min-height: 228px !important;
+          max-height: 580px !important;
+          background-color: #252526 !important;
+        }
+        .pv-base-modal-one-body .pv-base-modal-one-modal-title {
+          text-align: center;
+          height: 24px;
+          line-height: 24px !important;
+        }
+        .pv-base-modal-one-body .pv-base-modal-one-modal-close-icon {
+          color: rgba(204, 204, 204, 0.85) !important;
+        }
+        .pv-base-modal-one-body .pv-base-modal-one-modal-close {
+          top: 17px !important;
+          right: 20px !important;
+        }
+        .pv-base-modal-one-body .pv-base-modal-one-modal-header {
+          margin-bottom: 20px !important;
+          background-color: transparent !important;
+        }
+        .pv-base-modal-one-body .pv-base-modal-one-modal-body {
+          display: flex;
+          flex: 1;
+          overflow: hidden;
+        }
+        .pv-base-modal-one-body .pv-base-modal-one-modal-footer {
+          margin-top: 20px !important;
+        }
+        .pv-base-modal-one-body .pv-base-modal-one-modal-footer{
+          button:nth-of-type(1) {
+            background: transparent;
+          }
+          button:nth-of-type(1):hover {
+            background-color: transparent !important;
+            border: 1px solid #4B4A4A !important;
+            color: #d9d9d9 !important;
+          } 
+          button {
+            font-size: 12px;
+          }
+        }
+        ` }),
+        /* @__PURE__ */ a(
+          i,
+          {
+            ...t,
+            className: [t.className, "pv-base-modal-one-body"].join(" ")
+          }
+        )
+      ]
+    }
+  );
 };
-var c = /* @__PURE__ */ ((o) => (o[o.default = 0] = "default", o[o.third = 3] = "third", o))(c || {});
-const y = {
+var c = /* @__PURE__ */ ((o) => (o[o.default = 0] = "default", o[o.third = 3] = "third", o[o.four = 4] = "four", o[o.one = 1] = "one", o[o.two = 2] = "two", o))(c || {});
+const B = {
   default: 0,
-  third: 3
-}, g = ({ modalType: o, ...t }) => {
+  third: 3,
+  four: 4,
+  one: 1,
+  two: 2
+}, _ = ({ modalType: o, ...t }) => {
   switch (o) {
     case 0:
-      return /* @__PURE__ */ a(p, { ...t });
+      return /* @__PURE__ */ a(b, { ...t });
+    case 1:
+      return /* @__PURE__ */ a(w, { ...t });
+    case 2:
+      return /* @__PURE__ */ a(y, { ...t });
     case 3:
-      return /* @__PURE__ */ a(v, { ...t });
+      return /* @__PURE__ */ a(h, { ...t });
+    case 4:
+      return /* @__PURE__ */ a(g, { ...t });
     default:
-      return /* @__PURE__ */ a(p, { ...t });
+      return /* @__PURE__ */ a(b, { ...t });
   }
-}, B = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, k = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   ModalType: c,
-  ModalTypeMap: y,
-  default: g
-}, Symbol.toStringTag, { value: "Module" })), _ = "_iconButton_1fiji_1", n = {
-  iconButton: _,
+  ModalTypeMap: B,
+  default: _
+}, Symbol.toStringTag, { value: "Module" })), j = "_iconButton_1fiji_1", e = {
+  iconButton: j,
   "iconButton-primary": "_iconButton-primary_1fiji_5",
   "iconButton-danger": "_iconButton-danger_1fiji_8",
   "iconButton-disable": "_iconButton-disable_1fiji_11",
   "iconButton-block": "_iconButton-block_1fiji_18"
-}, l = {
+}, m = {
   primary: "primary",
   danger: "danger"
-}, j = ({ children: o, onClick: t, className: d, size: r = 12, disable: i = !1, type: u = l.primary, block: f = !1 }) => {
-  const x = () => {
+}, M = ({ children: o, onClick: t, className: n, size: r = 12, disable: s = !1, type: u = m.primary, block: x = !1 }) => {
+  const f = () => {
     switch (u) {
-      case l.primary:
-        return n["iconButton-primary"];
-      case l.danger:
-        return n["iconButton-danger"];
+      case m.primary:
+        return e["iconButton-primary"];
+      case m.danger:
+        return e["iconButton-danger"];
     }
-  }, h = () => {
-    i || t == null || t();
+  }, v = () => {
+    s || t == null || t();
   };
-  return /* @__PURE__ */ a("span", { className: [n.iconButton, d, i && n["iconButton-disable"], x(), f && n["iconButton-block"]].join(" "), onClick: h, style: { fontSize: `${r}px` }, children: o });
-}, M = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  return /* @__PURE__ */ a("span", { className: [e.iconButton, n, s ? e["iconButton-disable"] : "", f(), x ? e["iconButton-block"] : ""].join(" "), onClick: v, style: { fontSize: `${r}px` }, children: o });
+}, N = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  IconButtonType: l,
-  default: j
-}, Symbol.toStringTag, { value: "Module" })), z = e(() => import("./index-C5hvxSxS.js")), N = e(() => import("./index-Dyq3zBZo.js")), S = e(() => import("./index-FYoViA-E.js")), T = e(() => import("./index-CaYRL7KG.js")), A = e(() => Promise.resolve().then(() => B)), C = e(() => Promise.resolve().then(() => M));
+  IconButtonType: m,
+  default: M
+}, Symbol.toStringTag, { value: "Module" })), P = d(() => import("./index-C5hvxSxS.js")), O = d(() => import("./index-Dyq3zBZo.js")), S = d(() => import("./index-FYoViA-E.js")), $ = d(() => import("./index-CaYRL7KG.js")), I = d(() => Promise.resolve().then(() => k)), D = d(() => Promise.resolve().then(() => N));
 export {
-  A as BaseModal,
-  C as IconButton,
-  l as IconButtonType,
-  y as ModalTypeMap,
+  I as BaseModal,
+  D as IconButton,
+  m as IconButtonType,
+  B as ModalTypeMap,
   S as PvModal,
-  N as PvTable,
-  z as PvTabs,
-  T as ThirdModal
+  O as PvTable,
+  P as PvTabs,
+  $ as ThirdModal
 };

package/dist/types/baseModal/four/index.d.ts

@@ -0,0 +1,7 @@
+import type { ModalProps, ThemeConfig } from 'antd';
+import React from 'react';
+export interface ExtendedModalProps extends ModalProps {
+    theme?: ThemeConfig;
+}
+declare const FourModal: React.FC<ExtendedModalProps>;
+export default FourModal;

package/dist/types/baseModal/index.d.ts

@@ -2,11 +2,17 @@ import type { ModalProps, ThemeConfig } from 'antd';
 import React from 'react';
 export declare enum ModalType {
     'default' = 0,
-    'third' = 3
+    'third' = 3,
+    'four' = 4,
+    'one' = 1,
+    'two' = 2
 }
 export declare const ModalTypeMap: {
     default: number;
     third: number;
+    four: number;
+    one: number;
+    two: number;
 };
 export interface ExtendedModalProps extends ModalProps {
     theme?: ThemeConfig;

package/dist/types/baseModal/one/index.d.ts

@@ -0,0 +1,7 @@
+import type { ModalProps, ThemeConfig } from 'antd';
+import React from 'react';
+export interface ExtendedModalProps extends ModalProps {
+    theme?: ThemeConfig;
+}
+declare const OneModal: React.FC<ExtendedModalProps>;
+export default OneModal;

package/dist/types/baseModal/two/index.d.ts

@@ -0,0 +1,7 @@
+import type { ModalProps, ThemeConfig } from 'antd';
+import React from 'react';
+export interface ExtendedModalProps extends ModalProps {
+    theme?: ThemeConfig;
+}
+declare const TwoModal: React.FC<ExtendedModalProps>;
+export default TwoModal;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pv-design",
-  "version": "1.0.21",
+  "version": "1.0.23",
   "description": "pvmed ui design",
   "type": "module",
   "main": "./dist/pv-design.js",