npm - aibox-custom-component-packages - Versions diffs - 0.0.4 → 0.0.6 - Mend

aibox-custom-component-packages 0.0.4 → 0.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/es/AiboxTabs.mjs CHANGED Viewed

@@ -1,5 +1,6 @@
 import { w as m } from "./chunks/index.bCzIhWFw.js";
-import { resolveComponent as b, createElementBlock as n, openBlock as o, normalizeClass as s, createElementVNode as y, Fragment as f, renderList as g, normalizeStyle as h, createBlock as c, createCommentVNode as v, createTextVNode as x, withCtx as j, resolveDynamicComponent as O, toDisplayString as V } from "vue";
+import { createElementBlock as r, openBlock as a, normalizeClass as s, createElementVNode as d, Fragment as b, renderList as y, normalizeStyle as f, createBlock as c, createCommentVNode as g, createTextVNode as h, unref as v, withCtx as x, resolveDynamicComponent as j, toDisplayString as O } from "vue";
+import { ElIcon as V } from "element-plus";
 import { _ as k } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
 import './assets/AiboxTabs.css';const C = ["onClick"], S = {
   __name: "layout",
@@ -34,40 +35,37 @@ import './assets/AiboxTabs.css';const C = ["onClick"], S = {
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: u }) {
-    const r = u, l = e, i = (a) => {
-      r("update:modelValue", a[l.propsObj.value]), r("change", a[l.propsObj.value]);
-    };
-    return (a, w) => {
-      const p = b("el-icon");
-      return o(), n("div", {
-        class: s(["ai-box-tabs", `style-${e.styleType}`])
-      }, [
-        y("ul", null, [
-          (o(!0), n(f, null, g(e.tabList, (t, d) => (o(), n("li", {
-            key: t[l.propsObj.value],
-            onClick: (T) => i(t),
-            class: s(e.modelValue === t[l.propsObj.value] ? "current" : ""),
-            style: h(d == e.tabList.length - 1 ? "margin-right: 0;" : "")
-          }, [
-            t.icon && e.isShowIcon ? (o(), c(p, {
-              key: 0,
-              size: "18px",
-              style: { "margin-right": "4px" },
-              color: e.modelValue === t[l.propsObj.value] ? "#262626" : "#7f8387"
-            }, {
-              default: j(() => [
-                (o(), c(O(t.icon)))
-              ]),
-              _: 2
-            }, 1032, ["color"])) : v("", !0),
-            x(" " + V(t[l.propsObj.label]), 1)
-          ], 14, C))), 128))
-        ])
-      ], 2);
+    const n = u, l = e, i = (o) => {
+      n("update:modelValue", o[l.propsObj.value]), n("change", o[l.propsObj.value]);
     };
+    return (o, I) => (a(), r("div", {
+      class: s(["ai-box-tabs", `style-${e.styleType}`])
+    }, [
+      d("ul", null, [
+        (a(!0), r(b, null, y(e.tabList, (t, p) => (a(), r("li", {
+          key: t[l.propsObj.value],
+          onClick: (T) => i(t),
+          class: s(e.modelValue === t[l.propsObj.value] ? "current" : ""),
+          style: f(p == e.tabList.length - 1 ? "margin-right: 0;" : "")
+        }, [
+          t.icon && e.isShowIcon ? (a(), c(v(V), {
+            key: 0,
+            size: "18px",
+            style: { "margin-right": "4px" },
+            color: e.modelValue === t[l.propsObj.value] ? "#262626" : "#7f8387"
+          }, {
+            default: x(() => [
+              (a(), c(j(t.icon)))
+            ]),
+            _: 2
+          }, 1032, ["color"])) : g("", !0),
+          h(" " + O(t[l.propsObj.label]), 1)
+        ], 14, C))), 128))
+      ])
+    ], 2));
   }
-}, _ = /* @__PURE__ */ k(S, [["__scopeId", "data-v-bdfc72c7"]]), N = m(_);
+}, w = /* @__PURE__ */ k(S, [["__scopeId", "data-v-efe9e16f"]]), E = m(w);
 export {
-  N as AiboxTabs,
-  N as default
+  E as AiboxTabs,
+  E as default
 };

package/es/assets/AiboxTabs.css CHANGED Viewed

	@@ -1 +1 @@
1	- .ai-box-tabs[data-v-~~bdfc72c7~~]{display:inline-block;height:32px}.ai-box-tabs ul[data-v-~~bdfc72c7~~]{display:flex;align-items:center}.ai-box-tabs ul li[data-v-~~bdfc72c7~~]{padding:6px 16px;border-radius:4px;margin-right:8px;color:#606266;font-size:14px;cursor:pointer;transition:all .3s}.ai-box-tabs ul li[data-v-~~bdfc72c7~~]:hover{color:var(--el-color-primary);background-color:#f0f2f5}.ai-box-tabs ul .current[data-v-~~bdfc72c7~~]{background:#f5f7fa;color:#262626;font-weight:500}.style-2[data-v-~~bdfc72c7~~]{background-color:#f5f5f5!important;padding:0 4px;height:32px;display:inline-flex;align-items:center;box-sizing:border-box;border-radius:8px;overflow:hidden}.style-2 li[data-v-~~bdfc72c7~~]{color:#666!important;display:flex;align-items:center;height:26px;border-radius:14px;padding:0 16px!important}.style-2 li[data-v-~~bdfc72c7~~]:hover{border-radius:8px;background-color:#e1edf7!important}.style-2 li.current[data-v-~~bdfc72c7~~]{border-radius:8px;color:#262626!important;background:#fff!important}.style-3[data-v-~~bdfc72c7~~]{background:#ffffff80;border:1px solid rgba(255,255,255,.2);padding:0 4px;height:36px;display:inline-flex;align-items:center;box-sizing:border-box;border-radius:18px;overflow:hidden}.style-3 li[data-v-~~bdfc72c7~~]{color:#7f8387!important;display:flex;align-items:center;height:28px;border-radius:14px;padding:0 16px!important}.style-3 li[data-v-~~bdfc72c7~~]:hover{background-color:#e1edf7!important;border-radius:14px}.style-3 li.current[data-v-~~bdfc72c7~~]{color:#262626!important;background:#fff!important;border-radius:14px}
1	+ .ai-box-tabs[data-v-efe9e16f]{display:inline-block;height:32px}.ai-box-tabs ul[data-v-efe9e16f]{display:flex;align-items:center}.ai-box-tabs ul li[data-v-efe9e16f]{padding:6px 16px;border-radius:4px;margin-right:8px;color:#606266;font-size:14px;cursor:pointer;transition:all .3s}.ai-box-tabs ul li[data-v-efe9e16f]:hover{color:var(--el-color-primary);background-color:#f0f2f5}.ai-box-tabs ul .current[data-v-efe9e16f]{background:#f5f7fa;color:#262626;font-weight:500}.style-2[data-v-efe9e16f]{background-color:#f5f5f5!important;padding:0 4px;height:32px;display:inline-flex;align-items:center;box-sizing:border-box;border-radius:8px;overflow:hidden}.style-2 li[data-v-efe9e16f]{color:#666!important;display:flex;align-items:center;height:26px;border-radius:14px;padding:0 16px!important}.style-2 li[data-v-efe9e16f]:hover{border-radius:8px;background-color:#e1edf7!important}.style-2 li.current[data-v-efe9e16f]{border-radius:8px;color:#262626!important;background:#fff!important}.style-3[data-v-efe9e16f]{background:#ffffff80;border:1px solid rgba(255,255,255,.2);padding:0 4px;height:36px;display:inline-flex;align-items:center;box-sizing:border-box;border-radius:18px;overflow:hidden}.style-3 li[data-v-efe9e16f]{color:#7f8387!important;display:flex;align-items:center;height:28px;border-radius:14px;padding:0 16px!important}.style-3 li[data-v-efe9e16f]:hover{background-color:#e1edf7!important;border-radius:14px}.style-3 li.current[data-v-efe9e16f]{color:#262626!important;background:#fff!important;border-radius:14px}

package/es/assets/index.css CHANGED Viewed

@@ -0,0 +1 @@

+ :root{--background-color-1: #fafafa;--background-color-3: #f5f6f7;--background-color-4: #eff0f1;--background-color-5: #e6e8ea;--primary-color-1: #3271fe;--primary-color-2: #5086fe;--primary-color-3: #245bdb;--primary-color-4: #eaf0fe;--primary-color-5: #b9cffc;--primary-color-6: #bacefd;--success-color-1: #34c724;--success-color-2: #5dd250;--success-color-3: #009a29;--success-color-4: #e8ffea;--warning-color-1: #ff7b00;--warning-color-2: #f18d4e;--warning-color-3: #d25f00;--warning-color-4: #fff7e8;--error-color-1: #f54a45;--error-color-2: #f66561;--error-color-3: #cb2634;--error-color-4: #fdecec;--error-color-5: #fbbfbc;--error-color-6: #ffcece;--text-color-1: #1f2329;--text-color-2: #646a73;--text-color-3: #8f959e;--text-color-4: #bbbfc4;--parting-line: #dee0e3;--border-color: #d0d3d6;--hover-color-1: #eff0f1;--press-color-1: #dee0e3;--click-color-1: #e8eaec;--neutral-color-1: #c9cdd4}:root{--el-color-primary: var(--primary-color-1);--el-color-primary-light-9: var(--background-color-1);--el-color-primary-light-8: var(--border-color);--el-color-primary-light-5: var(--text-color-4);--el-text-color-regular: var(--text-color-1);--el-fill-color-light: var(--background-color-4);--el-text-color-placeholder: var(--text-color-3);--el-border-color-light: var(--border-color);--el-color-info: var(--text-color-3);--el-border-color: #ced2e0;--el-text-color-primary: var(--text-color-1);--el-border-radius-base: 4px}:root .el-button.is-plain{--el-button-border-color: var(--border-color);--el-button-bg-color: var(--background-color-2);--el-button-text-color: var(--text-color-1);--el-button-hover-bg-color: var(--background-color-4);--el-button-hover-text-color: var(--text-color-1);--el-button-hover-border-color: var(--border-color);--el-button-active-bg-color: var(--press-color-1);--el-button-active-text-color: var(--text-color-1);--el-button-active-border-color: var(--border-color);--el-button-disabled-bg-color: var(--background-color-2);--el-button-disabled-text-color: var(--text-color-4);--el-button-disabled-border-color: var(--border-color)}:root .el-button.el-button--primary{--el-button-bg-color: var(--primary-color-1);--el-button-text-color: var(--background-color-2);--el-button-border-color: var(--primary-color-1);--el-button-hover-bg-color: var(--primary-color-2);--el-button-hover-text-color: var(--background-color-2);--el-button-hover-border-color: var(--primary-color-2);--el-button-active-bg-color: var(--primary-color-3);--el-button-active-text-color: var(--background-color-2);--el-button-active-border-color: var(--primary-color-3);--el-button-disabled-bg-color: var(--text-color-4);--el-button-disabled-text-color: var(--background-color-2);--el-button-disabled-border-color: var(--text-color-4)}:root .el-button.el-button--primary.is-plain{--el-button-bg-color: var(--background-color-2);--el-button-border-color: var(--primary-color-1);--el-button-text-color: var(--primary-color-1);--el-button-hover-bg-color: var(--primary-color-4);--el-button-hover-text-color: var(--primary-color-1);--el-button-hover-border-color: var(--primary-color-1);--el-button-active-bg-color: var(--primary-color-5);--el-button-active-text-color: var(--primary-color-1);--el-button-active-border-color: var(--primary-color-1);--el-button-disabled-bg-color: var(--background-color-1);--el-button-disabled-text-color: var(--text-color-4);--el-button-disabled-border-color: var(--border-color)}:root .el-button.el-button--primary.is-link{height:26px;padding:0 8px;color:var(--primary-color-1)}:root .el-button.el-button--primary.is-link:hover{background:var(--primary-color-4)}:root .el-button.el-button--primary.is-link:active{background:var(--primary-color-6)}:root .el-button.el-button--primary.is-link.is-disabled{background:var(--background-color-1)!important;color:var(--text-color-4)}:root .el-button.el-button--danger{--el-button-bg-color: var(--error-color-1);--el-button-border-color: var(--error-color-1);--el-button-text-color: var(--background-color-2);--el-button-hover-bg-color: var(--error-color-2);--el-button-hover-text-color: var(--background-color-2);--el-button-hover-border-color: var(--error-color-2);--el-button-active-bg-color: var(--error-color-3);--el-button-active-text-color: var(--background-color-2);--el-button-active-border-color: var(--error-color-3);--el-button-disabled-bg-color: var(--text-color-4);--el-button-disabled-text-color: var(--background-color-2);--el-button-disabled-border-color: var(--text-color-4)}:root .el-button.el-button--danger.is-plain{--el-button-bg-color: var(--background-color-2);--el-button-border-color: var(--error-color-1);--el-button-text-color: var(--error-color-1);--el-button-hover-bg-color: var(--error-color-4);--el-button-hover-text-color: var(--error-color-1);--el-button-hover-border-color: var(--error-color-1);--el-button-active-bg-color: var(--error-color-5);--el-button-active-text-color: var(--error-color-1);--el-button-active-border-color: var(--error-color-1)}:root .el-button.el-button--danger.is-plain.is-disabled{background-color:var(--background-color-2);color:var(--text-color-4);border:1px solid var(--border-color)}:root .el-input{--el-input-border-color: var(--border-color);--el-input-hover-border-color: var(--primary-color-1);--el-input-focus-border-color: var(--primary-color-1)}:root .el-input .el-input__wrapper{padding:1px 8px}:root .el-textarea{--el-input-border-color: var(--border-color);--el-input-hover-border-color: var(--primary-color-1);--el-input-focus-border-color: var(--primary-color-1)}:root .el-date-editor{--el-input-border-color: var(--border-color);--el-input-hover-border-color: var(--primary-color-1);--el-input-focus-border-color: var(--primary-color-1)}:root .el-checkbox{--el-checkbox-text-color: var(--text-color-1);--el-checkbox-input-border: 1px solid var(--text-color-3);--el-checkbox-disabled-border-color: var(--text-color-4);--el-checkbox-disabled-input-fill: var(--background-color-4);--el-checkbox-disabled-checked-input-fill: var(--text-color-2);--el-checkbox-disabled-checked-input-border-color: var(--text-color-3);--el-checkbox-disabled-checked-icon-color: var(--background-color-2);--el-checkbox-checked-text-color: var(--text-color-1);--el-checkbox-checked-input-border-color: var(--el-color-primary);--el-checkbox-checked-bg-color: var(--el-color-primary);--el-checkbox-checked-icon-color: var(--el-color-white);--el-checkbox-input-border-color-hover: var(--el-color-primary)}:root .el-checkbox .el-checkbox__input.is-disabled+span.el-checkbox__label{color:var(--text-color-1)}:root .el-radio{--el-radio-input-border-color: var(--text-color-3)}:root .el-radio .el-radio__input.is-checked+.el-radio__label{color:var(--text-color-1)}:root .el-radio .el-radio__input.is-disabled.is-checked .el-radio__inner{background:var(--text-color-2);border-color:var(--text-color-2)}:root .el-radio .el-radio__input.is-disabled.is-checked .el-radio__inner:after{background-color:var(--background-color-2)}:root .el-tag.el-tag--primary{--el-tag-bg-color: var(--primary-color-4);--el-tag-border-color: var(--primary-color-4);--el-tag-hover-color: var(--primary-color-1)}:root .el-tag.el-tag--success{--el-tag-bg-color: var(--success-color-4);--el-tag-border-color: var(--success-color-4);--el-tag-hover-color: var(--success-color-1)}:root .el-tag.el-tag--warning{--el-tag-bg-color: var(--warning-color-4);--el-tag-border-color: var(--warning-color-4);--el-tag-hover-color: var(--warning-color-1)}:root .el-tag.el-tag--danger{--el-tag-bg-color: var(--error-color-4);--el-tag-border-color: var(--error-color-4);--el-tag-hover-color: var(--error-color-1)}:root .el-tag.el-tag--info{--el-tag-bg-color: var(--background-color-4);--el-tag-border-color: var(--background-color-4);--el-tag-hover-color: var(--text-color-4)}:root .el-message{--el-message-text-color: var(--text-color-1);box-shadow:0 4px 10px #dbdbdb80;border-radius:6px}:root .el-message .el-message-icon--warning{color:var(--warning-color-1)}:root .el-message.el-message--warning{--el-message-border-color: var(--warning-color-1);background:var(--warning-color-4)}:root .el-message .el-message-icon--success{color:var(--success-color-1)}:root .el-message.el-message--success{--el-message-border-color: var(--success-color-1);background:var(--success-color-4)}:root .el-message .el-message-icon--error{color:var(--error-color-1)}:root .el-message.el-message--error{--el-message-border-color: var(--error-color-1);background:var(--error-color-4)}:root .el-alert{color:var(--text-color-1)}:root .el-alert.el-alert--primary{--el-alert-bg-color: var(--primary-color-4)}:root .el-alert.el-alert--success{--el-alert-bg-color: var(--success-color-4)}:root .el-alert.el-alert--warning{--el-alert-bg-color: var(--warning-color-4)}:root .el-alert.el-alert--error{--el-alert-bg-color: var(--error-color-4)}:root .el-switch{--el-switch-off-color: var(--neutral-color-1);--el-switch-on-color: var(--primary-color-1);height:24px}:root .el-switch .el-switch__core{height:24px;border-radius:12px}:root .el-switch .el-switch__core .el-switch__action{background:var(--background-color-1);box-shadow:0 9px 28px 8px #0000000d,0 6px 16px #00000014,0 3px 6px -4px #0000001f}:root .el-switch.is-disabled .el-switch__core{border-color:var(--background-color-4);background:var(--background-color-4)}:root .el-switch.is-disabled.is-checked .el-switch__core{border-color:var(--text-color-4);background:var(--text-color-4)}:root .el-switch__core .el-switch__inner .is-icon,:root .el-switch__core .el-switch__inner .is-text{color:var(--background-color-1)}:root .el-segmented{--el-segmented-bg-color: var(--background-color-3);--el-segmented-color: var(--text-color-3);--el-segmented-item-hover-color: var(--text-color-3);--el-segmented-item-hover-bg-color: transparent;--el-segmented-item-active-color: var(--text-color-1);--el-segmented-item-active-bg-color: transparent;--el-segmented-item-selected-color: var(--text-color-1);--el-segmented-item-selected-bg-color: transparent;overflow:hidden}:root .el-segmented .el-segmented__item{padding:4px 8px}:root .el-segmented .el-segmented__item.is-selected{box-shadow:0 9px 28px 8px #0000000d,0 6px 16px #00000014,0 3px 6px -4px #0000001f;background:var(--background-color-1)}:root .el-tabs{--el-tabs-header-height: 28px}:root .el-tabs .el-tabs__nav-wrap:after{background-color:transparent}:root .el-tabs .el-tabs__item{padding:0 10px}:root .el-message-box{--el-messagebox-title-color: color: #1f2329;--el-messagebox-box-shadow: 0px 6px 40px 16px rgba(0, 0, 0, .02), 0px 4px 28px 0px rgba(0, 0, 0, .02), 0px 3px 16px -8px rgba(0, 0, 0, .04);--el-messagebox-content-color: #1f2329}:root .el-message-box .el-message-box__status.el-message-box-icon--warning{color:var(--warning-color-1)}:root .el-message-box .el-message-box__btns .el-button{--el-button-border-color: var(--border-color);--el-button-bg-color: var(--background-color-2);--el-button-text-color: var(--text-color-1);--el-button-hover-bg-color: var(--background-color-4);--el-button-hover-text-color: var(--text-color-1);--el-button-hover-border-color: var(--border-color);--el-button-active-bg-color: var(--press-color-1);--el-button-active-text-color: var(--text-color-1);--el-button-active-border-color: var(--border-color);--el-button-disabled-bg-color: var(--background-color-2);--el-button-disabled-text-color: var(--text-color-4);--el-button-disabled-border-color: var(--border-color);outline:none}:root .el-message-box .el-message-box__btns .el-button.el-button--primary{--el-button-bg-color: var(--error-color-1);--el-button-border-color: var(--error-color-1);--el-button-text-color: var(--background-color-2);--el-button-hover-bg-color: var(--error-color-2);--el-button-hover-text-color: var(--background-color-2);--el-button-hover-border-color: var(--error-color-2);--el-button-active-bg-color: var(--error-color-3);--el-button-active-text-color: var(--background-color-2);--el-button-active-border-color: var(--error-color-3);--el-button-disabled-bg-color: var(--text-color-4);--el-button-disabled-text-color: var(--background-color-2);--el-button-disabled-border-color: var(--text-color-4)}:root .el-dialog{--el-dialog-box-shadow: 0px 6px 40px 16px rgba(0, 0, 0, .02), 0px 4px 28px 0px rgba(0, 0, 0, .02), 0px 3px 16px -8px rgba(0, 0, 0, .04);--el-dialog-padding-primary: 20px;--el-dialog-width: 720px}:root .el-dialog .el-dialog__headerbtn .el-dialog__close{color:var(--neutral-color-5)}:root .el-dialog.is-fullscreen{--el-dialog-width: 100%}:root .admin-dashboard-table.el-table{--el-table-border-color: var(--parting-line);--el-table-header-bg-color: var(--background-color-3);--el-table-row-hover-bg-color: var(--background-color-1);--el-table-header-text-color: var(--text-color-2);--el-table-text-color: var(--text-color-1)}:root .admin-dashboard-table.el-table .el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{background:var(--background-color-1)}:root .admin-dashboard-table.el-table thead th{font-weight:400}:root .el-pagination{--el-pagination-button-bg-color: var(--background-color-3);--el-pagination-button-color: var(--text-color-2)}:root .el-pagination.is-background .btn-next.is-active,:root .el-pagination.is-background .btn-prev.is-active,:root .el-pagination.is-background .el-pager li.is-active{color:var(--primary-color-1);background:var(--primary-color-4)}:root .el-pagination .el-pagination__goto{color:var(--text-color-2)}:root .el-pagination .el-pagination__sizes,:root .el-pagination .el-pagination__total{color:var(--text-color-2)}:root .el-date-range-picker{--el-datepicker-inrange-bg-color: var(--background-color-4)}.text-fafafa{color:var(--background-color-1)}.text-f5f6f7{color:var(--background-color-3)}.text-eff0f1{color:var(--background-color-4)}.text-e6e8ea{color:var(--background-color-5)}.text-3271fe{color:var(--primary-color-1)}.text-5086fe{color:var(--primary-color-2)}.text-245bdb{color:var(--primary-color-3)}.text-eaf0fe{color:var(--primary-color-4)}.text-b9cffc{color:var(--primary-color-5)}.text-bacefd{color:var(--primary-color-6)}.text-34c724{color:var(--success-color-1)}.text-5dd250{color:var(--success-color-2)}.text-009a29{color:var(--success-color-3)}.text-e8ffea{color:var(--success-color-4)}.text-ff7b00{color:var(--warning-color-1)}.text-f18d4e{color:var(--warning-color-2)}.text-d25f00{color:var(--warning-color-3)}.text-fff7e8{color:var(--warning-color-4)}.text-f54a45{color:var(--error-color-1)}.text-f66561{color:var(--error-color-2)}.text-cb2634{color:var(--error-color-3)}.text-fdecec{color:var(--error-color-4)}.text-fbbfbc{color:var(--error-color-5)}.text-ffcece{color:var(--error-color-6)}.text-1f2329{color:var(--text-color-1)}.text-646a73{color:var(--text-color-2)}.text-8f959e{color:var(--text-color-3)}.text-bbbfc4{color:var(--text-color-4)}.text-dee0e3{color:var(--parting-line)}.text-d0d3d6{color:var(--border-color)}.text-e8eaec{color:var(--click-color-1)}.text-c9cdd4{color:var(--neutral-color-1)}.bg-fafafa{background-color:var(--background-color-1)}.bg-f5f6f7{background-color:var(--background-color-3)}.bg-eff0f1{background-color:var(--background-color-4)}.bg-e6e8ea{background-color:var(--background-color-5)}.bg-eaf0fe{background-color:var(--primary-color-4)}.bg-b9cffc{background-color:var(--primary-color-5)}.bg-bacefd{background-color:var(--primary-color-6)}.bg-e8ffea{background-color:var(--success-color-4)}.bg-fff7e8{background-color:var(--warning-color-4)}.bg-fdecec{background-color:var(--error-color-4)}.bg-fbbfbc{background-color:var(--error-color-5)}.bg-ffcece{background-color:var(--error-color-6)}.bg-1f2329{background-color:var(--text-color-1)}.bg-646a73{background-color:var(--text-color-2)}.bg-8f959e{background-color:var(--text-color-3)}.bg-bbbfc4{background-color:var(--text-color-4)}.bg-dee0e3{background-color:var(--parting-line)}.bg-d0d3d6{background-color:var(--border-color)}.bg-e8eaec{background-color:var(--click-color-1)}.bg-c9cdd4{background-color:var(--neutral-color-1)}.bg-3271fe{background-color:var(--primary-color-1)}.bg-5086fe{background-color:var(--primary-color-2)}.bg-245bdb{background-color:var(--primary-color-3)}.bg-34c724{background-color:var(--success-color-1)}.bg-5dd250{background-color:var(--success-color-2)}.bg-009a29{background-color:var(--success-color-3)}.bg-ff7b00{background-color:var(--warning-color-1)}.bg-f18d4e{background-color:var(--warning-color-2)}.bg-d25f00{background-color:var(--warning-color-3)}.bg-f54a45{background-color:var(--error-color-1)}.bg-f66561{background-color:var(--error-color-2)}.bg-cb2634{background-color:var(--error-color-3)}.bg-fff{background-color:var(--background-color-2)}

package/index.css CHANGED Viewed

@@ -0,0 +1 @@

package/lib/AiboxTabs.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./assets/AiboxTabs.css');const p=require("./chunks/index.CkihWzK6.js"),e=require("vue"),d=require("./chunks/_plugin-vue_export-helper.BHFhmbuH.js"),b=["onClick"],m={__name:"layout",props:{modelValue:{type:String,default:""},tabList:{type:Array,default:()=>[]},propsObj:{type:Object,default:()=>({label:"label",value:"value"})},styleType:{type:[Number,String],default:1},isShowIcon:{type:Boolean,default:!1}},emits:["update:modelValue","change"],setup(t,{emit:r}){const n=r,o=t,s=a=>{n("update:modelValue",a[o.propsObj.value]),n("change",a[o.propsObj.value])};return(a,g)=>~~{const u=e.resolveComponent~~(~~"el-icon");return~~ e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["ai-box-tabs",`style-${t.styleType}`])},[e.createElementVNode("ul",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.tabList,(l,i)=>(e.openBlock(),e.createElementBlock("li",{key:l[o.propsObj.value],onClick:v=>s(l),class:e.normalizeClass(t.modelValue===l[o.propsObj.value]?"current":""),style:e.normalizeStyle(i==t.tabList.length-1?"margin-right: 0;":"")},[l.icon&&t.isShowIcon?(e.openBlock(),e.createBlock(u,{key:0,size:"18px",style:{"margin-right":"4px"},color:t.modelValue===l[o.propsObj.value]?"#262626":"#7f8387"},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.icon)))]),_:2},1032,["color"])):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(l[o.propsObj.label]),1)],14,b))),128))])],2)}}},y=d._export_sfc(m,[["__scopeId","data-v-~~bdfc72c7~~"]]),c=p.withInstall(y);exports.AiboxTabs=c;exports.default=c;
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./assets/AiboxTabs.css');const i=require("./chunks/index.CkihWzK6.js"),e=require("vue"),p=require("element-plus"),d=require("./chunks/_plugin-vue_export-helper.BHFhmbuH.js"),b=["onClick"],y={__name:"layout",props:{modelValue:{type:String,default:""},tabList:{type:Array,default:()=>[]},propsObj:{type:Object,default:()=>({label:"label",value:"value"})},styleType:{type:[Number,String],default:1},isShowIcon:{type:Boolean,default:!1}},emits:["update:modelValue","change"],setup(t,{emit:c}){const n=c,o=t,s=a=>{n("update:modelValue",a[o.propsObj.value]),n("change",a[o.propsObj.value])};return(a,f)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["ai-box-tabs",`style-${t.styleType}`])},[e.createElementVNode("ul",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.tabList,(l,u)=>(e.openBlock(),e.createElementBlock("li",{key:l[o.propsObj.value],onClick:g=>s(l),class:e.normalizeClass(t.modelValue===l[o.propsObj.value]?"current":""),style:e.normalizeStyle(u==t.tabList.length-1?"margin-right: 0;":"")},[l.icon&&t.isShowIcon?(e.openBlock(),e.createBlock(e.unref(p.ElIcon),{key:0,size:"18px",style:{"margin-right":"4px"},color:t.modelValue===l[o.propsObj.value]?"#262626":"#7f8387"},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.icon)))]),_:2},1032,["color"])):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(l[o.propsObj.label]),1)],14,b))),128))])],2))}},m=d._export_sfc(y,[["__scopeId","data-v-efe9e16f"]]),r=i.withInstall(m);exports.AiboxTabs=r;exports.default=r;

package/lib/assets/AiboxTabs.css CHANGED Viewed

	@@ -1 +1 @@
1	- .ai-box-tabs[data-v-~~bdfc72c7~~]{display:inline-block;height:32px}.ai-box-tabs ul[data-v-~~bdfc72c7~~]{display:flex;align-items:center}.ai-box-tabs ul li[data-v-~~bdfc72c7~~]{padding:6px 16px;border-radius:4px;margin-right:8px;color:#606266;font-size:14px;cursor:pointer;transition:all .3s}.ai-box-tabs ul li[data-v-~~bdfc72c7~~]:hover{color:var(--el-color-primary);background-color:#f0f2f5}.ai-box-tabs ul .current[data-v-~~bdfc72c7~~]{background:#f5f7fa;color:#262626;font-weight:500}.style-2[data-v-~~bdfc72c7~~]{background-color:#f5f5f5!important;padding:0 4px;height:32px;display:inline-flex;align-items:center;box-sizing:border-box;border-radius:8px;overflow:hidden}.style-2 li[data-v-~~bdfc72c7~~]{color:#666!important;display:flex;align-items:center;height:26px;border-radius:14px;padding:0 16px!important}.style-2 li[data-v-~~bdfc72c7~~]:hover{border-radius:8px;background-color:#e1edf7!important}.style-2 li.current[data-v-~~bdfc72c7~~]{border-radius:8px;color:#262626!important;background:#fff!important}.style-3[data-v-~~bdfc72c7~~]{background:#ffffff80;border:1px solid rgba(255,255,255,.2);padding:0 4px;height:36px;display:inline-flex;align-items:center;box-sizing:border-box;border-radius:18px;overflow:hidden}.style-3 li[data-v-~~bdfc72c7~~]{color:#7f8387!important;display:flex;align-items:center;height:28px;border-radius:14px;padding:0 16px!important}.style-3 li[data-v-~~bdfc72c7~~]:hover{background-color:#e1edf7!important;border-radius:14px}.style-3 li.current[data-v-~~bdfc72c7~~]{color:#262626!important;background:#fff!important;border-radius:14px}
1	+ .ai-box-tabs[data-v-efe9e16f]{display:inline-block;height:32px}.ai-box-tabs ul[data-v-efe9e16f]{display:flex;align-items:center}.ai-box-tabs ul li[data-v-efe9e16f]{padding:6px 16px;border-radius:4px;margin-right:8px;color:#606266;font-size:14px;cursor:pointer;transition:all .3s}.ai-box-tabs ul li[data-v-efe9e16f]:hover{color:var(--el-color-primary);background-color:#f0f2f5}.ai-box-tabs ul .current[data-v-efe9e16f]{background:#f5f7fa;color:#262626;font-weight:500}.style-2[data-v-efe9e16f]{background-color:#f5f5f5!important;padding:0 4px;height:32px;display:inline-flex;align-items:center;box-sizing:border-box;border-radius:8px;overflow:hidden}.style-2 li[data-v-efe9e16f]{color:#666!important;display:flex;align-items:center;height:26px;border-radius:14px;padding:0 16px!important}.style-2 li[data-v-efe9e16f]:hover{border-radius:8px;background-color:#e1edf7!important}.style-2 li.current[data-v-efe9e16f]{border-radius:8px;color:#262626!important;background:#fff!important}.style-3[data-v-efe9e16f]{background:#ffffff80;border:1px solid rgba(255,255,255,.2);padding:0 4px;height:36px;display:inline-flex;align-items:center;box-sizing:border-box;border-radius:18px;overflow:hidden}.style-3 li[data-v-efe9e16f]{color:#7f8387!important;display:flex;align-items:center;height:28px;border-radius:14px;padding:0 16px!important}.style-3 li[data-v-efe9e16f]:hover{background-color:#e1edf7!important;border-radius:14px}.style-3 li.current[data-v-efe9e16f]{color:#262626!important;background:#fff!important;border-radius:14px}

package/lib/assets/index.css CHANGED Viewed

@@ -0,0 +1 @@

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "aibox-custom-component-packages",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "keywords": [
     "components",
     "vue",
@@ -125,10 +125,10 @@
   "peerDependencies": {
     "axios": "^1.8.2",
     "vue": "^3.5.26",
-    "color-message-aibox-vue": "0.1.8",
-    "color-star-custom-components": "0.0.48",
     "color-message-lingyun-vue": "0.0.30",
     "color-star-atom-style": "0.0.4",
+    "color-star-custom-components": "0.0.48",
+    "color-message-aibox-vue": "0.1.8",
     "color-star-custom-methods": "0.0.30"
   },
   "optionalDependencies": {