pv-design 1.0.3 → 1.0.4

package/README.md

@@ -2,4 +2,28 @@
 
 柏视组件库
 
+## 注意：
+
+1. 确保组件的向下兼容性，不要破坏现有功能：不缩减API，不改变旧API的定义，如有必要，请提供迁移方案。
+2. 保证组件增量更新。
+3. 保证组件的类型声明正确性。
+
 ## 介绍
+### 技术栈说明
+* 框架: React-ts(swc*)
+    ○ 采用ts的原因是打包版本中可以继承antd-design的type定义，简化组件的类型声明，提高使用时的便利性
+    ○ eslint
+* 打包工具: Vite(ESBuild)
+    ○ 快速、简单
+* 样式: 内联or style标签
+* API文档生成: typedoc
+* 组件demo：HTML(需要gitlab pages的支持)或MD
+
+### 开发流程（新增组件）
+1. 创建组件：在 /components 目录下创建组件文件夹和文件。
+2. 编写文档：在 /src/template 目录下为每个组件编写使用文档（目录名称与components下的一致）。
+3. 组件命名约束：使用Pv拼接组件名，如：PvTabs
+4. 编译组件：npm run build
+5. 生成API文档：npm run build:doc
+6. 生成组件文档：npm run build:template
+7. 发布组件库：使用 npm publish 发布

package/dist/{index-Bt1Nwa6Q.js → index-BFgI4MGM.js}

@@ -1,32 +1,33 @@
-import { jsxs as p, jsx as l } from "react/jsx-runtime";
-import { ConfigProvider as d, Table as c } from "antd";
-const s = ({ theme: o, customRowClass: a, ...e }) => {
-  const b = (n, t) => {
-    const r = t % 2 === 0 ? "pv-table-even-row" : "pv-table-odd-row";
-    return a ? a(r, n, t) : r;
+import { jsxs as d, jsx as b } from "react/jsx-runtime.js";
+import { ConfigProvider as c, Table as i } from "antd";
+const m = ({ theme: a, customRowClass: e, ...r }) => {
+  var t;
+  const n = (p, l) => {
+    const o = l % 2 === 0 ? "pv-table-even-row" : "pv-table-odd-row";
+    return e ? e(o, p, l) : o;
   };
-  return /* @__PURE__ */ p(
-    d,
+  return /* @__PURE__ */ d(
+    c,
     {
       prefixCls: "pv-table",
       theme: {
+        ...a || {},
         components: {
-          Table: {}
-        },
-        ...o || {}
+          Table: {
+            colorBgContainer: "#18191a",
+            headerBg: "#18191a",
+            ...((t = a == null ? void 0 : a.components) == null ? void 0 : t.Table) || {}
+          }
+        }
       },
       children: [
-        /* @__PURE__ */ l("style", { children: `
+        /* @__PURE__ */ b("style", { children: `
         .pv-table-table {
-          background: #18191a !important;
           scrollbar-color: unset !important;
           }
         .pv-table-table-header {
           border-right: 16px solid #18191a !important;
           }
-        .pv-table-table-header .pv-table-table-cell {
-          background: #18191a !important;
-        }
         .pv-table-table-body::-webkit-scrollbar {
           background-color: transparent;
           height: 16px;
@@ -43,15 +44,15 @@ const s = ({ theme: o, customRowClass: a, ...e }) => {
         .pv-table-body::-webkit-scrollbar-track {
           background: transparent;
           }
-        .pv-table-even-row .pv-table-table-cell {
+        .pv-table-even-row {
           background-color: #0a0a0a !important;
           }
-        .pv-table-even-row .pv-table-table-cell-row-hover {background-color: #0a0a0a !important;}
+        .pv-table-even-row .pv-table-table-cell-row-hover {background-color: transparent !important;}
 
-        .pv-table-odd-row .pv-table-table-cell {
+        .pv-table-odd-row {
           background-color: #18191a !important;
           }
-        .pv-table-odd-row .pv-table-table-cell-row-hover {background-color: #18191a !important;}
+        .pv-table-odd-row .pv-table-table-cell-row-hover {background-color: transparent !important;}
  
         .pv-table-even-row .pv-table-table-cell:first-child {
           border-bottom-left-radius: 4px;
@@ -74,11 +75,11 @@ const s = ({ theme: o, customRowClass: a, ...e }) => {
           padding: 5px 8px !important;
         }
         ` }),
-        /* @__PURE__ */ l(
-          c,
+        /* @__PURE__ */ b(
+          i,
           {
-            ...e,
-            rowClassName: e != null && e.rowClassName ? e.rowClassName : b
+            ...r,
+            rowClassName: r != null && r.rowClassName ? r.rowClassName : n
           }
         )
       ]
@@ -86,5 +87,5 @@ const s = ({ theme: o, customRowClass: a, ...e }) => {
   );
 };
 export {
-  s as default
+  m as default
 };

package/dist/index-CaVlZb4f.js

@@ -0,0 +1,35 @@
+import { jsx as a } from "react/jsx-runtime.js";
+import { ConfigProvider as i, Tabs as g } from "antd";
+const b = ({ theme: r, ...n }) => {
+  var o;
+  return /* @__PURE__ */ a(
+    i,
+    {
+      theme: {
+        ...r || {},
+        components: {
+          Tabs: {
+            cardBg: "rgba(255,255,255,0)",
+            colorBgContainer: "rgb(24,25,26)",
+            colorBorderSecondary: "rgba(48,48,48,0)",
+            itemSelectedColor: "#419DEE",
+            margin: 0,
+            marginSM: 0,
+            marginXS: 0,
+            marginXXS: 0,
+            ...((o = r == null ? void 0 : r.components) == null ? void 0 : o.Tabs) || {}
+          }
+        }
+      },
+      children: /* @__PURE__ */ a(
+        g,
+        {
+          ...n
+        }
+      )
+    }
+  );
+};
+export {
+  b as default
+};

package/dist/pv-design.js

@@ -1,5 +1,5 @@
 import { lazy as o } from "react";
-const r = o(() => import("./index-CZwsnp5o.js")), m = o(() => import("./index-Bt1Nwa6Q.js"));
+const r = o(() => import("./index-CaVlZb4f.js")), m = o(() => import("./index-BFgI4MGM.js"));
 export {
   m as PvTable,
   r as PvTabs

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

@@ -1,9 +1,9 @@
-import type { TableProps } from 'antd';
+import type { TableProps, ThemeConfig } from 'antd';
 /**
  * 扩展表格属性接口
  */
 export interface ExtendedTableProps extends TableProps {
-    theme?: object;
+    theme?: ThemeConfig;
     customRowClass?: (currentClassName: string, record: RecordType, index: number) => string;
 }
 type RecordType = any;

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

@@ -1,6 +1,6 @@
-import type { TabsProps } from 'antd';
+import type { TabsProps, ThemeConfig } from 'antd';
 export interface ExtendedTabsProps extends TabsProps {
-    theme?: object;
+    theme?: ThemeConfig;
 }
 declare const PvTabs: React.FC<ExtendedTabsProps>;
 export default PvTabs;

package/package.json

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

package/dist/index-CZwsnp5o.js

@@ -1,31 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import { ConfigProvider as a, Tabs as n } from "antd";
-const t = ({ theme: o, ...e }) => /* @__PURE__ */ r(
-  a,
-  {
-    theme: {
-      components: {
-        Tabs: {
-          cardBg: "rgba(255,255,255,0)",
-          colorBgContainer: "rgb(24,25,26)",
-          colorBorderSecondary: "rgba(48,48,48,0)",
-          itemSelectedColor: "#419DEE",
-          margin: 0,
-          marginSM: 0,
-          marginXS: 0,
-          marginXXS: 0
-        }
-      },
-      ...o || {}
-    },
-    children: /* @__PURE__ */ r(
-      n,
-      {
-        ...e
-      }
-    )
-  }
-);
-export {
-  t as default
-};