pv-design 1.0.24 → 1.0.27

package/README.md

@@ -4,41 +4,57 @@
 
 ## 注意：
 
-1. 确保组件的向下兼容性，不要破坏现有功能：不缩减API，不改变旧API的定义，如有必要，请提供迁移方案。
+1. 确保组件的向下兼容性，不要破坏现有功能：不缩减 API，不改变旧 API 的定义，如有必要，请提供迁移方案。
 2. 保证组件增量更新。
 3. 保证组件的类型声明正确性。
 
 ## 介绍
+
 ### 技术栈说明
-* 框架: React-ts(swc*)
-    ○ 采用ts的原因是打包版本中可以继承antd-design的type定义，简化组件的类型声明，提高使用时的便利性
-    ○ eslint
-* 打包工具: Vite(ESBuild)
-    ○ 快速、简单
-* 样式: 内联or style标签
-* API文档生成: typedoc
-* 组件demo：HTML(需要gitlab pages的支持)或MD
+
+- 框架: React-ts(swc\*)
+  ○ 采用 ts 的原因是打包版本中可以继承 antd-design 的 type 定义，简化组件的类型声明，提高使用时的便利性
+  ○ eslint
+- 打包工具: Vite(ESBuild)
+  ○ 快速、简单
+  ○ 并且打包时，cssToJS 的功能可以直接使用 esbuild 的插件来实现
+- 样式: less
+- API 文档生成: typedoc
+- 组件 demo：HTML(需要 gitlab pages 的支持)或 MD
+- 组件展示：Storybook
 
 ### 使用准备动作
-1. yarn install / npm install (建议开发前都执行一次)
 
+1. yarn install / npm install (建议开发前都执行一次)
 
 ### 开发流程（新增组件）
-1. 创建组件：在 /components 目录下创建组件文件夹和文件。
-2. 编写文档：在 /src/template 目录下为每个组件编写使用文档（目录名称与components下的一致）。
-3. 组件命名约束：使用Pv拼接组件名，如：PvTabs
+
+#### 组件本地预览
+
+1. 创建组件：在  /components  目录下创建组件文件夹和文件。
+2. 组件命名约束：使用 Pv 拼接组件名，如：PvTabs
+3. 编写文档：在  /src/template  目录下为每个组件编写使用文档（目录名称与 components 下的一致），并在统计的 index.ts 中引入新增的组件。
 4. 编译组件：npm run build:watch，确保组件库的实时更新。
-5. 可以在template目录下查看组件的demo，确保组件的正常使用。
-6. 确保没问题后在stories下添加组件的stories，确保组件的正常展示。
-7. 发布组件库如下：
+5. 运行组件： npm run start，查看组件的效果。
+
+#### storybook 预览
+
+1. 创建组件 stories：在  /stories  目录下为每个组件编写 stories（目录名称为 xxx.stories.ts）。
+2. 运行 storybook：npm run storybook，查看组件的效果。
+
+### 组件发布流程
+
+发布组件库如下：
 cd components
 npm run build
 npm publish
 
 ### 本地调试 link
-1. 为了确保开发过程中可能会更新组件，所以先在终端执行npm run build:watch，确保组件库的实时更新。
-2. 进入components目录：cd components
+
+1. 为了确保开发过程中可能会更新组件，所以先在终端执行 npm run build:watch，确保组件库的实时更新。
+2. 进入 components 目录：cd components
 3. 链接组件库：npm link
 4. 在其他项目中使用组件库：npm link pv-design
 5. 后续正常的使用组件库和开发即可
-6. 当需要取消使用组件库时，执行：npm unlink pv-design
+6. 当需要取消使用组件库时，执行：npm unlink pv-design
+7. 现在面临的问题，由于组件库更新了，应用组件库的项目引用的还是旧的代码，需要在应用组件库的项目中重新 build，才能够解决，这个问题待解决。

package/dist/index-KElgEH1j.js

@@ -0,0 +1,70 @@
+import { jsx as c } from "react/jsx-runtime";
+import { ConfigProvider as s, ColorPicker as l } from "antd";
+const t = "_colorPicker_6ztk9_1", i = {
+  colorPicker: t
+};
+function n() {
+  return [
+    {
+      label: "",
+      defaultOpen: !0,
+      colors: [
+        "#0099ff",
+        "#00a400",
+        "#00c8ff",
+        "#10c6bd",
+        "#20ffff",
+        "#2afb12",
+        "#81c911",
+        "#9900ff",
+        "#a4a4ff",
+        "#aa7bff",
+        "#b4ff69",
+        "#c4ffff",
+        "#c8007d",
+        "#dcffcc",
+        "#dd5a14",
+        "#f600ff",
+        "#f89220",
+        "#faa07a",
+        "#ff2020",
+        "#ff9090",
+        "#ffaaf0",
+        "#ffc900",
+        "#ffcd7b",
+        "#fff600"
+      ],
+      key: "preset-colors"
+    }
+  ];
+}
+const p = ({ theme: f, children: e, ...o }) => {
+  var r;
+  const a = {
+    ...((r = f == null ? void 0 : f.components) == null ? void 0 : r.ColorPicker) || {}
+  };
+  return /* @__PURE__ */ c(
+    s,
+    {
+      prefixCls: "pv-color-picker",
+      theme: {
+        ...f || {},
+        components: {
+          ColorPicker: a
+        }
+      },
+      children: /* @__PURE__ */ c(
+        l,
+        {
+          presets: n(),
+          ...o,
+          rootClassName: [i.colorPicker, o.rootClassName].join(" "),
+          children: e
+        }
+      )
+    }
+  );
+};
+export {
+  p as default
+};

package/dist/pv-design.js

@@ -1,4 +1,4 @@
-(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)}})();
+(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}._colorPicker_6ztk9_1 .pv-color-picker-popover-inner{background-color:#2f2f2f!important}._colorPicker_6ztk9_1 .pv-color-picker-color-picker-inner-content{width:186px!important}._colorPicker_6ztk9_1 .pv-color-picker-collapse-header{display:none!important}")),document.head.appendChild(o)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}})();
 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";
@@ -439,7 +439,7 @@ const B = {
   __proto__: null,
   IconButtonType: m,
   default: M
-}, Symbol.toStringTag, { value: "Module" })), z = 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(() => C)), F = d(() => import("./index-BBXpiUX2.js"));
+}, Symbol.toStringTag, { value: "Module" })), z = 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(() => C)), F = d(() => import("./index-KElgEH1j.js"));
 export {
   I as BaseModal,
   D as IconButton,

package/package.json

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

package/dist/index-BBXpiUX2.js

@@ -1,79 +0,0 @@
-import { jsxs as p, jsx as r } from "react/jsx-runtime";
-import { ConfigProvider as a, ColorPicker as i } from "antd";
-function l() {
-  return [
-    {
-      label: "",
-      defaultOpen: !0,
-      colors: [
-        "#0099ff",
-        "#00a400",
-        "#00c8ff",
-        "#10c6bd",
-        "#20ffff",
-        "#2afb12",
-        "#81c911",
-        "#9900ff",
-        "#a4a4ff",
-        "#aa7bff",
-        "#b4ff69",
-        "#c4ffff",
-        "#c8007d",
-        "#dcffcc",
-        "#dd5a14",
-        "#f600ff",
-        "#f89220",
-        "#faa07a",
-        "#ff2020",
-        "#ff9090",
-        "#ffaaf0",
-        "#ffc900",
-        "#ffcd7b",
-        "#fff600"
-      ],
-      key: "preset-colors"
-    }
-  ];
-}
-const d = ({ theme: f, children: c, ...e }) => {
-  var o;
-  const n = {
-    ...((o = f == null ? void 0 : f.components) == null ? void 0 : o.ColorPicker) || {}
-  };
-  return /* @__PURE__ */ p(
-    a,
-    {
-      prefixCls: "pv-color-picker",
-      theme: {
-        ...f || {},
-        components: {
-          ColorPicker: n
-        }
-      },
-      children: [
-        /* @__PURE__ */ r("style", { children: `
-        .pv-color-picker-popover-inner {
-            background-color: #2f2f2f !important;
-          }
-          .pv-color-picker-color-picker-inner-content {
-            width: 186px !important;
-          }
-          .pv-color-picker-collapse-header {
-            display: none !important;
-          }
-        ` }),
-        /* @__PURE__ */ r(
-          i,
-          {
-            presets: l(),
-            ...e,
-            children: c
-          }
-        )
-      ]
-    }
-  );
-};
-export {
-  d as default
-};