@yoka-ui/ui 1.0.10-test

package/dist/lib/assets/less/ant-reset.less

@@ -0,0 +1,402 @@
+/*
+  基本样式
+*/
+
+@primaryColor: #3b86f9;
+@iconPrimaryColor: #0a6bfd;
+@fontPrimaryColor: #0a6bfd;
+@borderPrimaryColor: #b0cffe;
+@globalBgColor: #edeff4;
+
+@ykFontFamilySemibold: 'PingFangSC-Semibold', 'PingFang SC', 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial,
+  sans-serif;
+@ykFontFamilyRegular: 'PingFangSC-Regular', 'PingFang SC', 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial,
+  sans-serif;
+@ykFontFamilyMedium: 'PingFangSC-Medium', 'PingFang SC', 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial,
+  sans-serif;
+
+.popconfirm-reset.ant-popconfirm {
+  .ant-popover-inner {
+    padding: 15px 15px 20px;
+    box-shadow: 0px 0px 8px 1px rgba(202, 200, 200, 0.5);
+  }
+
+  .ant-popconfirm-title {
+    margin-bottom: 12px;
+    color: #666;
+    font-size: 12px;
+  }
+
+  .ant-popconfirm-buttons {
+    display: flex;
+    flex-direction: row-reverse;
+
+    button {
+      width: 80px;
+      height: 30px;
+
+      &:last-of-type {
+        margin-inline-start: 0;
+      }
+    }
+  }
+}
+
+.popconfirm-delete-reset.ant-popconfirm {
+  .ant-popover-inner {
+    padding: 20px 34px;
+    border-radius: 4px;
+    box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
+  }
+
+  .ant-popconfirm-message {
+    align-items: center;
+    margin-bottom: 15px;
+  }
+
+  .ant-popconfirm-message-icon {
+    span {
+      font-size: 16px !important;
+    }
+  }
+
+  .ant-popconfirm-title {
+    color: #333333;
+    font-weight: 400;
+    font-size: 12px;
+    font-family: @ykFontFamilyRegular;
+    font-style: normal;
+  }
+
+  .ant-popconfirm-buttons {
+    display: flex;
+    flex-direction: row-reverse;
+
+    button {
+      width: 80px;
+      height: 30px;
+      font-size: 12px;
+      border-radius: 2px;
+
+      &.ant-btn-default {
+        color: #666666;
+        background: #f9fafc;
+        border-color: #f0f1f3;
+        margin-inline-start: 15px;
+
+        &:hover {
+          background: #eff1f5;
+        }
+      }
+
+      &:last-of-type {
+        margin-inline-start: 0;
+      }
+    }
+  }
+}
+
+.modalWrapResetMixin(@labelWidth) {
+  &.ant-modal-wrap {
+    .ant-modal-content {
+      padding: 15px 20px 30px;
+      border-radius: 4px;
+      box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
+
+      .ant-modal-close {
+        .ant-modal-close-x {
+          font-size: 14px;
+        }
+      }
+
+      .ant-modal-header {
+        margin-bottom: 30px;
+        padding-bottom: 15px;
+        border-bottom: 1px solid #ededed;
+
+        .ant-modal-title {
+          font-size: 14px;
+        }
+      }
+
+      .ant-modal-body {
+        .ant-form {
+          .ant-form-item {
+            .ant-form-item-label {
+              flex: 0 0 @labelWidth;
+              max-width: @labelWidth;
+
+              > label {
+                color: #666;
+
+                &::before {
+                  display: none;
+                }
+
+                &::after {
+                  content: '';
+                }
+              }
+            }
+
+            .ant-form-item-required {
+              &::before {
+                display: none;
+              }
+
+              &::after {
+                content: '';
+              }
+            }
+          }
+        }
+
+        .ant-input-affix-wrapper {
+          border-radius: 2px;
+        }
+      }
+
+      .ant-modal-body {
+        margin-bottom: 30px;
+
+        :has(.ant-form) {
+          margin-bottom: 6px;
+        }
+      }
+
+      .ant-modal-footer {
+        margin-top: 0;
+
+        > div {
+          justify-content: flex-start !important;
+          padding-left: @labelWidth;
+
+          > div {
+            flex-direction: row-reverse;
+            gap: 15px !important;
+          }
+        }
+
+        button {
+          width: 100px;
+          height: 30px;
+          line-height: 20px;
+          border-radius: 2px;
+
+          &:last-of-type {
+            margin-inline-start: 0;
+          }
+        }
+      }
+    }
+  }
+}
+
+.modal-reset-20 {
+  .modalWrapResetMixin(20%);
+}
+
+.modal-reset-25 {
+  .modalWrapResetMixin(25%);
+}
+
+// table sticky属性出现两个横向滚动条,偏移sticky元素使其重叠
+.ant-table-sticky-scroll {
+  transform: translateY(-8px);
+}
+
+.radio-button-reset {
+  text-align: center;
+  background: #fff;
+  border-color: #e7e7e7;
+
+  &:first-child {
+    border-start-start-radius: 2px;
+    border-end-start-radius: 2px;
+  }
+
+  &:last-child {
+    border-start-end-radius: 2px;
+    border-end-end-radius: 2px;
+  }
+}
+
+// 水印
+.ant-pro-layout-watermark {
+  z-index: 99 !important;
+}
+
+.ant-picker-panel-layout {
+  .ant-picker-presets {
+    ul {
+      display: flex;
+      flex-direction: row;
+      flex-wrap: wrap;
+      align-content: flex-start;
+      justify-content: space-between;
+      max-width: 150px;
+      padding: 15px 10px 10px 10px !important;
+
+      li {
+        position: relative;
+        width: 60px;
+        height: 30px;
+        margin-top: 0 !important;
+        margin-bottom: 10px;
+        line-height: 30px;
+        text-align: center;
+        border: 1px solid #ededed;
+        border-radius: 2px !important;
+      }
+
+      .ant-picker-presets-li {
+        position: absolute;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+
+        &.ant-picker-presets-li-item {
+          color: #fff;
+          background-color: #3b86f9;
+        }
+      }
+    }
+  }
+}
+
+.ant-checkbox {
+  .ant-checkbox-inner {
+    border-radius: 2px;
+  }
+}
+
+// 会引发样式问题,但忘记为啥要添加这段样式
+// .ant-picker-panels {
+//   .ant-picker-panel {
+//     .ant-picker-content {
+//       .ant-picker-cell {
+//         &:not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-start) {
+//           div {
+//             color: #666;
+//           }
+//         }
+//       }
+//     }
+//   }
+// }
+
+.ant-picker-dropdown .ant-picker-cell-disabled {
+  cursor: default;
+  pointer-events: auto;
+
+  .ant-picker-cell-inner {
+    background: #f5f5f5 !important;
+  }
+}
+
+// 全局滚动条样式
+.scroll-reset {
+  &::-webkit-scrollbar {
+    width: 4px;
+    height: 8px;
+  }
+
+  &::-webkit-scrollbar-track-piece {
+    background: #fff;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background: #fbfbfb;
+    border-radius: 4px;
+  }
+
+  &::-webkit-scrollbar-thumb:hover {
+    background: #cbcbcb;
+  }
+
+  &::-webkit-scrollbar-corner {
+    background: #fff;
+  }
+}
+
+.ant-pro-base-menu-inline-item-text {
+  flex: 1;
+}
+
+.ant-cascader-dropdown {
+  max-height: 350px;
+  overflow-y: auto;
+  background-color: #fff;
+  border-radius: 2px;
+  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
+
+  .ant-cascader-menus {
+    .ant-cascader-menu {
+      .ant-cascader-menu-item-content {
+        color: #666666;
+      }
+
+      .ant-cascader-menu-item-active {
+        .ant-cascader-menu-item-content {
+          color: #0a6bfd;
+          background: #fafafc;
+        }
+      }
+    }
+  }
+}
+
+.ant-picker-dropdown {
+  .ant-picker-panels {
+    .ant-picker-date-panel {
+      width: 350px;
+
+      .ant-picker-body {
+        padding: 8px 8px;
+      }
+    }
+
+    .ant-picker-week-panel {
+      width: 350px;
+
+      .ant-picker-body {
+        padding: 8px 8px;
+      }
+    }
+
+    .ant-picker-month-panel {
+      width: 300px;
+    }
+  }
+}
+
+.ant-radio-group {
+  .ant-radio-button-wrapper:first-child {
+    border-start-start-radius: 2px;
+    border-end-start-radius: 2px;
+  }
+  .ant-radio-button-wrapper:last-child {
+    border-start-end-radius: 2px;
+    border-end-end-radius: 2px;
+  }
+}
+
+.global-event-name-edit-name-btn {
+  opacity: 0;
+}
+.ant-table-cell-row-hover {
+  .global-event-name-edit-name-btn {
+    opacity: 1;
+  }
+}
+
+.ant-btn,
+.ant-input,
+.ant-select {
+  height: 30px;
+  line-height: 28px;
+  border-radius: 2px;
+}

package/dist/lib/assets/less/index.less

@@ -0,0 +1 @@
+@import './ant-reset.less';

package/dist/lib/assets/less/variables.less

@@ -0,0 +1,16 @@
+/*
+  基本样式
+*/
+
+@primaryColor: #3b86f9;
+@iconPrimaryColor: #0a6bfd;
+@fontPrimaryColor: #0a6bfd;
+@borderPrimaryColor: #b0cffe;
+@globalBgColor: #edeff4;
+
+@ykFontFamilySemibold: 'PingFangSC-Semibold', 'PingFang SC', 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial,
+  sans-serif;
+@ykFontFamilyRegular: 'PingFangSC-Regular', 'PingFang SC', 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial,
+  sans-serif;
+@ykFontFamilyMedium: 'PingFangSC-Medium', 'PingFang SC', 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial,
+  sans-serif;

package/dist/lib/business/AiChat/MarkdownRender.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface Props {
+    content: string;
+    msgId?: string;
+    isAi?: boolean;
+    onDelete?: (id: string, e: React.MouseEvent) => void;
+}
+declare const MarkdownRender: React.FC<Props>;
+export default MarkdownRender;

package/dist/lib/business/AiChat/MarkdownRender.js

@@ -0,0 +1,102 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/business/AiChat/MarkdownRender.tsx
+var MarkdownRender_exports = {};
+__export(MarkdownRender_exports, {
+  default: () => MarkdownRender_default
+});
+module.exports = __toCommonJS(MarkdownRender_exports);
+var import_icons = require("@ant-design/icons");
+var import_antd = require("antd");
+var import_react = __toESM(require("react"));
+var MarkdownRender = ({ content, msgId, isAi, onDelete }) => {
+  const copy = (c) => {
+    navigator.clipboard.writeText(c);
+    import_antd.message.success("已复制");
+  };
+  const getKey = (part, i) => part.startsWith("```") ? `code-${part.slice(3, 20)}` : `text-${i}`;
+  return /* @__PURE__ */ import_react.default.createElement("div", { style: { position: "relative", lineHeight: 1.7 } }, content.split(/(```[\s\S]*?```)/g).map((part, i) => {
+    const key = getKey(part, i);
+    if (part.startsWith("```")) {
+      const m = part.match(/```(\w+)?\n([\s\S]*?)```/);
+      const code = (m == null ? void 0 : m[2]) || "";
+      return /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          key,
+          style: {
+            position: "relative",
+            background: "#f6f6f6",
+            padding: 12,
+            borderRadius: 8,
+            margin: "8px 0"
+          }
+        },
+        /* @__PURE__ */ import_react.default.createElement(import_antd.Tooltip, { title: "复制代码" }, /* @__PURE__ */ import_react.default.createElement(
+          import_icons.CopyOutlined,
+          {
+            onClick: () => copy(code),
+            style: {
+              position: "absolute",
+              right: 10,
+              top: 10,
+              cursor: "pointer"
+            }
+          }
+        )),
+        /* @__PURE__ */ import_react.default.createElement("pre", { style: { margin: 0, whiteSpace: "pre-wrap", fontSize: 12 } }, code)
+      );
+    }
+    return /* @__PURE__ */ import_react.default.createElement("div", { key, style: { whiteSpace: "pre-wrap" } }, part);
+  }), isAi && msgId && onDelete && /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      onClick: (e) => onDelete(msgId, e),
+      style: {
+        position: "absolute",
+        top: -6,
+        right: -6,
+        width: 18,
+        height: 18,
+        borderRadius: "50%",
+        background: "#fff",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        cursor: "pointer",
+        color: "#999",
+        fontSize: 12,
+        border: "1px solid #eee"
+      }
+    },
+    "×"
+  ));
+};
+var MarkdownRender_default = MarkdownRender;
+//# sourceMappingURL=MarkdownRender.js.map

package/dist/lib/business/AiChat/MarkdownRender.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/business/AiChat/MarkdownRender.tsx"],
+  "sourcesContent": ["import { CopyOutlined } from '@ant-design/icons';\nimport { message, Tooltip } from 'antd';\nimport React from 'react';\n\ninterface Props {\n  content: string;\n  msgId?: string;\n  isAi?: boolean;\n  onDelete?: (id: string, e: React.MouseEvent) => void;\n}\n\nconst MarkdownRender: React.FC<Props> = ({ content, msgId, isAi, onDelete }) => {\n  const copy = (c: string) => {\n    navigator.clipboard.writeText(c);\n    message.success('已复制');\n  };\n\n  const getKey = (part: string, i: number) => (part.startsWith('```') ? `code-${part.slice(3, 20)}` : `text-${i}`);\n\n  return (\n    <div style={{ position: 'relative', lineHeight: 1.7 }}>\n      {content.split(/(```[\\s\\S]*?```)/g).map((part, i) => {\n        const key = getKey(part, i);\n        if (part.startsWith('```')) {\n          const m = part.match(/```(\\w+)?\\n([\\s\\S]*?)```/);\n          const code = m?.[2] || '';\n          return (\n            <div\n              key={key}\n              style={{\n                position: 'relative',\n                background: '#f6f6f6',\n                padding: 12,\n                borderRadius: 8,\n                margin: '8px 0',\n              }}\n            >\n              <Tooltip title='复制代码'>\n                <CopyOutlined\n                  onClick={() => copy(code)}\n                  style={{\n                    position: 'absolute',\n                    right: 10,\n                    top: 10,\n                    cursor: 'pointer',\n                  }}\n                />\n              </Tooltip>\n              <pre style={{ margin: 0, whiteSpace: 'pre-wrap', fontSize: 12 }}>{code}</pre>\n            </div>\n          );\n        }\n        return (\n          <div key={key} style={{ whiteSpace: 'pre-wrap' }}>\n            {part}\n          </div>\n        );\n      })}\n\n      {isAi && msgId && onDelete && (\n        <div\n          onClick={(e) => onDelete(msgId, e)}\n          style={{\n            position: 'absolute',\n            top: -6,\n            right: -6,\n            width: 18,\n            height: 18,\n            borderRadius: '50%',\n            background: '#fff',\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            cursor: 'pointer',\n            color: '#999',\n            fontSize: 12,\n            border: '1px solid #eee',\n          }}\n        >\n          ×\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default MarkdownRender;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA6B;AAC7B,kBAAiC;AACjC,mBAAkB;AASlB,IAAM,iBAAkC,CAAC,EAAE,SAAS,OAAO,MAAM,SAAS,MAAM;AAC9E,QAAM,OAAO,CAAC,MAAc;AAC1B,cAAU,UAAU,UAAU,CAAC;AAC/B,wBAAQ,QAAQ,KAAK;AAAA,EACvB;AAEA,QAAM,SAAS,CAAC,MAAc,MAAe,KAAK,WAAW,KAAK,IAAI,QAAQ,KAAK,MAAM,GAAG,EAAE,MAAM,QAAQ;AAE5G,SACE,6BAAAA,QAAA,cAAC,SAAI,OAAO,EAAE,UAAU,YAAY,YAAY,IAAI,KACjD,QAAQ,MAAM,mBAAmB,EAAE,IAAI,CAAC,MAAM,MAAM;AACnD,UAAM,MAAM,OAAO,MAAM,CAAC;AAC1B,QAAI,KAAK,WAAW,KAAK,GAAG;AAC1B,YAAM,IAAI,KAAK,MAAM,0BAA0B;AAC/C,YAAM,QAAO,uBAAI,OAAM;AACvB,aACE,6BAAAA,QAAA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,OAAO;AAAA,YACL,UAAU;AAAA,YACV,YAAY;AAAA,YACZ,SAAS;AAAA,YACT,cAAc;AAAA,YACd,QAAQ;AAAA,UACV;AAAA;AAAA,QAEA,6BAAAA,QAAA,cAAC,uBAAQ,OAAM,UACb,6BAAAA,QAAA;AAAA,UAAC;AAAA;AAAA,YACC,SAAS,MAAM,KAAK,IAAI;AAAA,YACxB,OAAO;AAAA,cACL,UAAU;AAAA,cACV,OAAO;AAAA,cACP,KAAK;AAAA,cACL,QAAQ;AAAA,YACV;AAAA;AAAA,QACF,CACF;AAAA,QACA,6BAAAA,QAAA,cAAC,SAAI,OAAO,EAAE,QAAQ,GAAG,YAAY,YAAY,UAAU,GAAG,KAAI,IAAK;AAAA,MACzE;AAAA,IAEJ;AACA,WACE,6BAAAA,QAAA,cAAC,SAAI,KAAU,OAAO,EAAE,YAAY,WAAW,KAC5C,IACH;AAAA,EAEJ,CAAC,GAEA,QAAQ,SAAS,YAChB,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,CAAC,MAAM,SAAS,OAAO,CAAC;AAAA,MACjC,OAAO;AAAA,QACL,UAAU;AAAA,QACV,KAAK;AAAA,QACL,OAAO;AAAA,QACP,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,cAAc;AAAA,QACd,YAAY;AAAA,QACZ,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,UAAU;AAAA,QACV,QAAQ;AAAA,MACV;AAAA;AAAA,IACD;AAAA,EAED,CAEJ;AAEJ;AAEA,IAAO,yBAAQ;",
+  "names": ["React"]
+}

package/dist/lib/business/AiChat/index.d.ts

@@ -0,0 +1,16 @@
+import type { CSSProperties, FC, ReactNode } from 'react';
+import type { AiChatConfig, EnhancedAiChatConfig } from './type';
+export interface AiChatProps extends AiChatConfig, Partial<EnhancedAiChatConfig> {
+    className?: string;
+    style?: CSSProperties;
+    renderTrigger?: ReactNode;
+    renderHeader?: ReactNode;
+    renderFooter?: ReactNode;
+}
+declare const AiChat: FC<AiChatProps>;
+export default AiChat;
+export { useAiChat } from './useAiChat';
+export { useTaskWorkflow } from './useTaskWorkflow';
+export { recognizeIntent, generateSuggestions, isTaskCreationIntent, parseTaskDescription } from './intentRecognizer';
+export { NavigationManager, delay } from './navigationManager';
+export type { AiChatConfig, ChatSession, Message, UseAiChatOptions, UseAiChatReturn, Intent, IntentType, Task, TaskCategory, TaskPriority, TaskStatus, TaskCreationResult, NavigationOptions, EnhancedAiChatConfig, } from './type';