yootd 0.0.45 → 0.0.47

package/dist/approval-process/index.js

@@ -15,14 +15,14 @@ var statusColor = {
   2: ['var(--ant-color-warning-bg)', 'var(--ant-color-warning)'],
   3: ['var(--ant-color-success-bg)', 'var(--ant-color-success)'],
   4: ['var(--ant-color-error-bg)', 'var(--ant-color-error)'],
-  5: ['var(--ant-color-border-secondary)', 'var(--ant-color-border)']
+  0: ['var(--ant-color-border-secondary)', 'var(--ant-color-text-quaternary)']
 };
 var statusText = {
   1: '审批中',
   2: '审批中',
   3: '审批通过',
   4: '已驳回',
-  5: '已撤回'
+  0: '已撤回'
 };
 export var ApprovalProcess = function ApprovalProcess(_ref) {
   var _queryProcess$hisTask;
@@ -42,7 +42,7 @@ export var ApprovalProcess = function ApprovalProcess(_ref) {
     4: /*#__PURE__*/React.createElement(Failed, {
       className: "".concat(mb.b('steps').b('info').b('avatar').b('status').b('icon'))
     }),
-    5: /*#__PURE__*/React.createElement(BackOut, {
+    0: /*#__PURE__*/React.createElement(BackOut, {
       className: "".concat(mb.b('steps').b('info').b('avatar').b('status').b('icon'))
     })
   };
@@ -58,6 +58,9 @@ export var ApprovalProcess = function ApprovalProcess(_ref) {
   useEffect(function () {
     refetch();
   }, []);
+  useEffect(function () {
+    console.log(steps);
+  }, [steps]);
   return /*#__PURE__*/React.createElement("div", {
     className: "".concat(mb)
   }, steps.map(function (step, index) {

package/dist/hooks/useBem.d.ts

@@ -11,5 +11,16 @@ declare class Bem {
     toString(): string;
     clone(): Bem;
 }
+/**
+ * 自定义 Hook，用于创建并缓存 BEM 命名实例
+ * @param namespace - BEM 命名的命名空间，用于生成基础类名
+ * @returns {Bem} 返回一个 Bem 实例，用于生成 BEM 格式的类名
+ *
+ * 使用示例:
+ * const b = useBem('button');
+ * b.toString(); // => 'yot-button'
+ * b.e('icon').toString(); // => 'yot-button__icon'
+ * b.m('primary').toString(); // => 'yot-button--primary'
+ */
 export declare const useBem: (namespace: string) => Bem;
 export {};

package/dist/hooks/useBem.js

@@ -6,6 +6,7 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import _ from 'lodash';
+import { useRef } from 'react';
 var Bem = /*#__PURE__*/function () {
   function Bem(_namespace) {
     _classCallCheck(this, Bem);
@@ -75,6 +76,26 @@ var Bem = /*#__PURE__*/function () {
   }]);
   return Bem;
 }();
+/**
+ * 自定义 Hook，用于创建并缓存 BEM 命名实例
+ * @param namespace - BEM 命名的命名空间，用于生成基础类名
+ * @returns {Bem} 返回一个 Bem 实例，用于生成 BEM 格式的类名
+ *
+ * 使用示例:
+ * const b = useBem('button');
+ * b.toString(); // => 'yot-button'
+ * b.e('icon').toString(); // => 'yot-button__icon'
+ * b.m('primary').toString(); // => 'yot-button--primary'
+ */
 export var useBem = function useBem(namespace) {
-  return new Bem(namespace);
+  // 使用 useRef 存储 Bem 实例，确保在组件重渲染时保持实例不变
+  var bemRef = useRef();
+
+  // 仅在首次渲染时创建 Bem 实例
+  if (!bemRef.current) {
+    bemRef.current = new Bem(namespace);
+  }
+
+  // 返回缓存的 Bem 实例
+  return bemRef.current;
 };

package/dist/modal/index.js

@@ -3,10 +3,42 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { Modal as AntModal } from 'antd';
-import React from 'react';
+import React, { useEffect } from 'react';
 import { HeaderIcon } from "./components/header-icon";
 import { useBem } from "../hooks/useBem";
 import "./index.scss";
+// 添加一个工具函数来创建 SVG
+var createColorDefs = function createColorDefs(mb) {
+  var svgId = 'yootd-modal-color-defs';
+
+  // 检查是否已存在相同 id 的 SVG
+  if (document.getElementById(svgId)) {
+    return null;
+  }
+
+  // 创建 SVG 元素及其子元素
+  var svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+  svg.setAttribute('id', svgId);
+  svg.setAttribute('class', mb.e('color-defs').toString());
+  var defs = document.createElementNS('http://www.w3.org/2000/svg', 'defs');
+  var linearGradient = document.createElementNS('http://www.w3.org/2000/svg', 'linearGradient');
+  linearGradient.setAttribute('id', 'paint0_linear_589_9609');
+  linearGradient.setAttribute('x1', '132.5');
+  linearGradient.setAttribute('y1', '0');
+  linearGradient.setAttribute('x2', '132.5');
+  linearGradient.setAttribute('y2', '56');
+  linearGradient.setAttribute('gradientUnits', 'userSpaceOnUse');
+  var stop1 = document.createElementNS('http://www.w3.org/2000/svg', 'stop');
+  stop1.setAttribute('class', 'stop-color-1');
+  var stop2 = document.createElementNS('http://www.w3.org/2000/svg', 'stop');
+  stop2.setAttribute('class', 'stop-color-2');
+  stop2.setAttribute('offset', '1');
+  linearGradient.appendChild(stop1);
+  linearGradient.appendChild(stop2);
+  defs.appendChild(linearGradient);
+  svg.appendChild(defs);
+  return svg;
+};
 var ModalComponent = function ModalComponent(_ref) {
   var className = _ref.className,
     children = _ref.children,
@@ -17,21 +49,13 @@ var ModalComponent = function ModalComponent(_ref) {
 
   // title content block
   var tcb = mb.b('title').b('content');
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("svg", {
-    className: "".concat(mb.e('color-defs'))
-  }, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
-    id: "paint0_linear_589_9609",
-    x1: "132.5",
-    y1: "0",
-    x2: "132.5",
-    y2: "56",
-    gradientUnits: "userSpaceOnUse"
-  }, /*#__PURE__*/React.createElement("stop", {
-    className: "stop-color-1"
-  }), /*#__PURE__*/React.createElement("stop", {
-    className: "stop-color-2",
-    offset: "1"
-  })))), /*#__PURE__*/React.createElement(AntModal, _extends({}, rest, {
+  useEffect(function () {
+    var svg = createColorDefs(mb);
+    if (svg) {
+      document.body.appendChild(svg);
+    }
+  }, [mb]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(AntModal, _extends({}, rest, {
     className: "".concat(mb, " ").concat(className !== null && className !== void 0 ? className : ''),
     title: /*#__PURE__*/React.createElement("div", {
       className: "".concat(tcb)

package/dist/state/index.scss

@@ -79,7 +79,7 @@
     }
     .ant-tag.ant-tag-default {
       background-color: var(--ant-color-border-secondary);
-      color: var(--ant-color-border);
+      color: var(--ant-color-text-quaternary);
     }
     .ant-tag.ant-tag-processing {
       background-color: var(--ant-color-primary-bg);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yootd",
-  "version": "0.0.45",
+  "version": "0.0.47",
   "description": "A react library developed with dumi",
   "license": "MIT",
   "module": "dist/index.js",