@ucap-llm/ai-ui 1.0.1

package/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "@ucap-llm/ai-ui",
+  "version": "1.0.1",
+  "description": "common component library for vue3",
+  "main": "ai-ui.es.js",
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [
+    "@ucap-llm/ai-ui"
+  ],
+  "author": "zhaomeng",
+  "license": "ISC"
+}

package/style.css

@@ -0,0 +1 @@
+.ai-chat-list[data-v-26750aa8]{display:flex;flex-direction:column;gap:1px;padding:16px}.ai-chat[data-v-0f0293f8]{padding:0 16px;border-radius:8px;transition:all .2s ease;cursor:pointer}.ai-chat-body[data-v-0f0293f8]{display:flex;align-items:center;justify-content:space-between;gap:10px}.ai-chat-body-l[data-v-0f0293f8]{flex:1 1 auto;display:flex;align-items:center;gap:10px}.ai-chat-body .ai-chat-name[data-v-0f0293f8]{flex:1 1 auto;display:flex;align-items:center;width:0;height:44px}.ai-chat-body .ai-chat-name-text[data-v-0f0293f8]{flex:1 1 auto;line-height:44px;font-size:14px;color:#25324a;transition:all .2s ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-chat-actions[data-v-0f0293f8]{display:flex;align-items:center;gap:8px;visibility:hidden;opacity:0}.ai-chat-actions button[data-v-0f0293f8]{margin:0;padding:0;color:#333;background-color:transparent;border:none;cursor:pointer}.ai-chat-actions button[data-v-0f0293f8]:hover:not(:disabled){color:var(--primary-color)}.ai-chat-actions button[data-v-0f0293f8]:disabled{opacity:.5;cursor:not-allowed}.ai-chat[data-v-0f0293f8]:hover,.ai-chat--on[data-v-0f0293f8]{background-color:#e7f1ff}.ai-chat:hover .ai-chat-name-text[data-v-0f0293f8],.ai-chat--on .ai-chat-name-text[data-v-0f0293f8]{color:var(--primary-color);font-weight:700}.ai-chat:hover .ai-chat-actions[data-v-0f0293f8],.ai-chat--on .ai-chat-actions[data-v-0f0293f8]{visibility:visible;opacity:1}.ai-chat--active[data-v-0f0293f8]{background-color:#f2f5f8}.ai-chat--disabled[data-v-0f0293f8]{cursor:default}.ai-chat--disabled .ai-chat-name[data-v-0f0293f8]{opacity:.5}.ai-chat--disabled:hover .ai-chat-name-text[data-v-0f0293f8]{color:inherit;font-weight:400}.ai-chat-record-list[data-v-1257a13c]{padding:20px;background-color:#f3f7fd}.dropdown-menu--record-wrap{padding:0}.dropdown-menu--record-wrap.ant-dropdown-menu .ant-dropdown-menu-item{padding:3px 10px}.dropdown-menu--record-wrap.ant-dropdown-menu .ant-dropdown-menu-title-content>a{font-size:13px}.dropdown-menu--record-wrap.ant-dropdown-menu .ant-dropdown-menu-title-content>a .title-icon{font-size:14px;color:#8c8f9a}.dropdown-menu--record-wrap .ant-dropdown-menu .ant-dropdown-menu-title-content a{font-size:12px}.ai-chat-record-group[data-v-5f15a2c4]{position:relative;padding:20px;border-radius:12px;transition:all .2s ease}.ai-chat-record-group .dropdown-wrap[data-v-5f15a2c4]{position:absolute;top:16px;right:6px;cursor:pointer}.ai-chat-record-group .dropdown-wrap .dropdown-trigger[data-v-5f15a2c4]{display:inline-block;width:16px;height:16px;line-height:16px;text-align:center;color:#8c8f9a;font-size:14px;font-weight:700;opacity:0;transition:all .2s ease}.ai-chat-record-group[data-v-5f15a2c4]:hover,.ai-chat-record-group--on[data-v-5f15a2c4]{background-color:#ecf0f6}.ai-chat-record-group:hover .dropdown-wrap .dropdown-trigger[data-v-5f15a2c4],.ai-chat-record-group--on .dropdown-wrap .dropdown-trigger[data-v-5f15a2c4]{opacity:1}.ai-loading[data-v-604394fd]{display:inline-flex;align-items:center;justify-content:center;padding:0 20px;min-height:40px}.ai-loading-icon .bounce1[data-v-604394fd],.ai-loading-icon .bounce2[data-v-604394fd],.ai-loading-icon .bounce3[data-v-604394fd]{width:8px;height:8px;margin-right:10px;background-color:#0668d5e6;border-radius:100%;display:inline-block;-webkit-animation:sk-bouncedelay-604394fd 1.4s infinite ease-in-out both;animation:sk-bouncedelay-604394fd 1.4s infinite ease-in-out both}.ai-loading-icon .bounce1[data-v-604394fd]{background-color:#0668d533}.ai-loading-icon .bounce2[data-v-604394fd]{background-color:#0668d580}.ai-loading-icon .bounce3[data-v-604394fd]{background-color:#0668d5}.ai-loading-icon .bounce1[data-v-604394fd]{-webkit-animation-delay:-.32s;animation-delay:-.32s}.ai-loading-icon .bounce2[data-v-604394fd]{-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes sk-bouncedelay-604394fd{0%,80%,to{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes sk-bouncedelay-604394fd{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.ai-loading-message[data-v-604394fd]{font-size:12px;color:#0009}.ai-loading--theme-light .ai-loading-icon .bounce1[data-v-604394fd]{background-color:#fff3}.ai-loading--theme-light .ai-loading-icon .bounce2[data-v-604394fd]{background-color:#ffffff80}.ai-loading--theme-light .ai-loading-icon .bounce3[data-v-604394fd]{background-color:#fff}.ai-loading--theme-light .ai-loading-message[data-v-604394fd]{color:#fff}.content-parser--text[data-v-b36d9040]{white-space:pre-wrap}.content-parser--html[data-v-b36d9040] .content-parser-inner code,.content-parser--markdown[data-v-b36d9040] .content-parser-inner code{word-break:break-all;white-space:pre-wrap}.content-parser--html[data-v-b36d9040] .content-parser-inner .language-markdown,.content-parser--markdown[data-v-b36d9040] .content-parser-inner .language-markdown{white-space:pre-wrap}.content-parser--html[data-v-b36d9040] .content-parser-inner mjx-container[jax=CHTML][display=true],.content-parser--markdown[data-v-b36d9040] .content-parser-inner mjx-container[jax=CHTML][display=true]{text-align:left;white-space:pre-wrap}.content-parser--html[data-v-b36d9040] .content-parser-inner mjx-math,.content-parser--markdown[data-v-b36d9040] .content-parser-inner mjx-math{white-space:pre-wrap}.content-parser--html[data-v-b36d9040] .content-parser-inner p,.content-parser--markdown[data-v-b36d9040] .content-parser-inner p,.content-parser--html[data-v-b36d9040] .content-parser-inner ol,.content-parser--markdown[data-v-b36d9040] .content-parser-inner ol{word-break:break-all;margin-bottom:0}.content-parser--html[data-v-b36d9040] .content-parser-inner ol li,.content-parser--markdown[data-v-b36d9040] .content-parser-inner ol li{word-break:break-all;margin-left:20px;list-style:decimal outside}.content-parser--html[data-v-b36d9040] .content-parser-inner ul li,.content-parser--markdown[data-v-b36d9040] .content-parser-inner ul li{word-break:break-all;margin-left:20px;list-style:disc outside}.content-parser--html[data-v-b36d9040] .content-parser-inner img,.content-parser--markdown[data-v-b36d9040] .content-parser-inner img{max-width:470px}.content-parser--html[data-v-b36d9040] .content-parser-inner video,.content-parser--markdown[data-v-b36d9040] .content-parser-inner video{max-width:470px}.content-parser--html[data-v-b36d9040] .content-parser-inner table,.content-parser--markdown[data-v-b36d9040] .content-parser-inner table{width:570px;border:1px solid #e8e8e8;border-collapse:collapse}.content-parser--html[data-v-b36d9040] .content-parser-inner table td,.content-parser--markdown[data-v-b36d9040] .content-parser-inner table td,.content-parser--html[data-v-b36d9040] .content-parser-inner table th,.content-parser--markdown[data-v-b36d9040] .content-parser-inner table th{border:1px solid #e8e8e8;text-align:center}.content-parser--html[data-v-b36d9040] .content-parser-inner a,.content-parser--markdown[data-v-b36d9040] .content-parser-inner a{color:#00f;text-decoration:underline}.ai-chat-record[data-v-6a309bd2]{display:flex;gap:16px}.ai-chat-record~.ai-chat-record[data-v-6a309bd2]{margin-top:16px}.ai-chat-record-avatar[data-v-6a309bd2]{flex:0 0 40px;position:relative;height:40px;width:40px;border-radius:50%;background-color:#fff;box-shadow:0 2px 24px #415d970a;overflow:hidden}.ai-chat-record-avatar img[data-v-6a309bd2]{width:100%;height:100%;object-fit:cover}.ai-chat-record-wrap[data-v-6a309bd2]{display:flex;flex-direction:column;align-items:flex-start;gap:8px;max-width:calc(100% - 110px)}.ai-chat-record-head[data-v-6a309bd2]{display:flex;align-items:center;gap:8px;width:100%}.ai-chat-record-head .ai-chat-record-time[data-v-6a309bd2]{font-size:12px;color:#8c8f9a;line-height:16px}.ai-chat-record-body[data-v-6a309bd2]{min-width:44px;min-height:44px;background:#FFFFFF;box-shadow:0 2px 24px #415d970a;border-radius:4px 12px 12px}.ai-chat-record-body .ai-chat-record-loading-wrap[data-v-6a309bd2]{display:inline-flex;align-items:center;height:100%}.ai-chat-record-body .ai-chat-record-content[data-v-6a309bd2]{padding:9px 20px;line-height:26px}.ai-chat-record-body .ai-chat-record-content .character-count[data-v-6a309bd2]{margin-top:4px;line-height:1em;font-weight:400;font-size:12px;color:#b5b5b5}.ai-chat-record-foot[data-v-6a309bd2]{display:flex;align-items:center;gap:20px;width:100%}.ai-chat-record-foot[data-v-6a309bd2] .character-count{color:#8c8f9a;font-size:12px}.ai-chat-record-foot[data-v-6a309bd2] .foot-actions{display:flex;gap:12px;color:#8c8f9a;font-size:12px}.ai-chat-record-foot[data-v-6a309bd2] .foot-actions .action{margin:0;padding:0;background-color:transparent;border:none;font-weight:400;font-size:12px;color:#8c8f9a;cursor:pointer;transition:all .3s ease}.ai-chat-record-foot[data-v-6a309bd2] .foot-actions .action .action-icon{font-size:12px}.ai-chat-record-foot[data-v-6a309bd2] .foot-actions .action:hover{color:var(--ai-primary-color)}.ai-chat-record--r[data-v-6a309bd2]{flex-direction:row-reverse}.ai-chat-record--r .ai-chat-record-wrap[data-v-6a309bd2]{align-items:flex-end}.ai-chat-record--r .ai-chat-record-wrap .ai-chat-record-head[data-v-6a309bd2]{justify-content:flex-end}.ai-chat-record--r .ai-chat-record-wrap .ai-chat-record-body[data-v-6a309bd2]{border-radius:12px 4px 12px 12px;background-color:var(--ai-primary-color)}.ai-chat-record--r .ai-chat-record-wrap .ai-chat-record-body .ai-chat-record-content[data-v-6a309bd2]{color:#fff}.ai-chat-record--r .ai-chat-record-wrap .ai-chat-record-body .ai-chat-record-content .character-count[data-v-6a309bd2]{color:#ffffff80;text-align:right}.ai-chat-record--r .ai-chat-record-wrap .ai-chat-record-foot[data-v-6a309bd2]{justify-content:flex-end}.ai-chat-record--full-width .ai-chat-record-wrap[data-v-6a309bd2]{flex:1 1 auto}.ai-chat-record--full-width .ai-chat-record-wrap .ai-chat-record-body[data-v-6a309bd2]{width:100%}.ai-chat-record--show-time .ai-chat-record-avatar[data-v-6a309bd2]{top:22px}*{margin:0;padding:0;box-sizing:border-box;font-family:PingFang SC,Hiragino Sans GB,STHeitiSC,Helvetica,Helvetica Neue,Tahoma}html,body{height:100vh}body{background-color:#fff;color:#000000e6}li{list-style:none}::-webkit-scrollbar{display:block;width:8px;height:8px;background-color:#f5f5f54d}::-webkit-scrollbar-track{border-radius:10px;background-color:#0000}::-webkit-scrollbar-thumb{height:20px;border-radius:0;background-color:#0003}:hover::-webkit-scrollbar-track{border-radius:10px;background-color:#f5f5f580}:hover::-webkit-scrollbar-thumb{height:20px;border-radius:0;background-color:#d9d9d9}:root{--ai-primary-color: #3976ff;--ai-success-color: #3dbd7d;--ai-warning-color: #f78739;--ai-error-color: #ff4d4f;--ai-link-color: #3976ff;--ai-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .03), 0 1px 6px -1px rgba(0, 0, 0, .02), 0 2px 4px 0 rgba(0, 0, 0, .02)}