pv-design 1.0.23 → 1.0.24

package/README.md

@@ -19,6 +19,10 @@
 * API文档生成: typedoc
 * 组件demo：HTML(需要gitlab pages的支持)或MD
 
+### 使用准备动作
+1. yarn install / npm install (建议开发前都执行一次)
+
+
 ### 开发流程（新增组件）
 1. 创建组件：在 /components 目录下创建组件文件夹和文件。
 2. 编写文档：在 /src/template 目录下为每个组件编写使用文档（目录名称与components下的一致）。
@@ -26,7 +30,10 @@
 4. 编译组件：npm run build:watch，确保组件库的实时更新。
 5. 可以在template目录下查看组件的demo，确保组件的正常使用。
 6. 确保没问题后在stories下添加组件的stories，确保组件的正常展示。
-7. 发布组件库：使用 npm publish 发布
+7. 发布组件库如下：
+cd components
+npm run build
+npm publish
 
 ### 本地调试 link
 1. 为了确保开发过程中可能会更新组件，所以先在终端执行npm run build:watch，确保组件库的实时更新。

package/dist/index-BBXpiUX2.js

@@ -0,0 +1,79 @@
+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
+};

package/dist/pv-design.js

@@ -435,18 +435,19 @@ const B = {
     s || t == null || t();
   };
   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({
+}, C = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   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));
+}, 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"));
 export {
   I as BaseModal,
   D as IconButton,
   m as IconButtonType,
   B as ModalTypeMap,
+  F as PvColorPicker,
   S as PvModal,
   O as PvTable,
-  P as PvTabs,
+  z as PvTabs,
   $ as ThirdModal
 };

package/dist/types/index.d.ts

@@ -6,4 +6,5 @@ declare const PvModal: import("react").LazyExoticComponent<import("react").FC<im
 declare const ThirdModal: import("react").LazyExoticComponent<import("react").FC<import("./thirdModal").ExtendedModalProps>>;
 declare const BaseModal: import("react").LazyExoticComponent<import("react").FC<import("./baseModal").ExtendedModalProps>>;
 declare const IconButton: import("react").LazyExoticComponent<({ children, onClick, className, size, disable, type, block }: import("./iconButton").IconButtonProps) => import("react").JSX.Element>;
-export { PvTabs, PvTable, PvModal, ThirdModal, BaseModal, ModalTypeMap, IconButton, IconButtonType, };
+declare const PvColorPicker: import("react").LazyExoticComponent<import("react").FC<import("./pvColorPicker").ExtendedColorPickerProps>>;
+export { PvTabs, PvTable, PvModal, ThirdModal, BaseModal, ModalTypeMap, IconButtonType, IconButton, PvColorPicker, };

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

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

package/package.json

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