@xiaou66/u-web-ui 0.0.2 → 0.0.4
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.
- package/dist/index.d.ts +72 -4
- package/dist/index.es.js +1 -83
- package/dist/u-web-ui.css +2 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { ComponentOptionsMixin } from 'vue';
|
|
2
2
|
import { ComponentProvideOptions } from 'vue';
|
|
3
3
|
import { DefineComponent } from 'vue';
|
|
4
|
+
import { JSX } from 'vue/jsx-runtime';
|
|
4
5
|
import { PublicProps } from 'vue';
|
|
5
6
|
|
|
6
7
|
declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
@@ -9,8 +10,12 @@ declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, Comp
|
|
|
9
10
|
|
|
10
11
|
declare const __VLS_component_2: DefineComponent<__VLS_Props_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_2> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
11
12
|
|
|
13
|
+
declare const __VLS_component_3: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
14
|
+
|
|
15
|
+
declare const __VLS_component_4: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
16
|
+
|
|
12
17
|
declare type __VLS_Props = {
|
|
13
|
-
|
|
18
|
+
title?: string;
|
|
14
19
|
desc?: string;
|
|
15
20
|
click?: boolean;
|
|
16
21
|
vip?: boolean;
|
|
@@ -25,7 +30,7 @@ declare type __VLS_Props_2 = {
|
|
|
25
30
|
declare function __VLS_template(): {
|
|
26
31
|
attrs: Partial<{}>;
|
|
27
32
|
slots: {
|
|
28
|
-
|
|
33
|
+
title?(_: {}): any;
|
|
29
34
|
desc?(_: {}): any;
|
|
30
35
|
default?(_: {}): any;
|
|
31
36
|
extra?(_: {}): any;
|
|
@@ -44,10 +49,42 @@ declare function __VLS_template_2(): {
|
|
|
44
49
|
rootEl: HTMLDivElement;
|
|
45
50
|
};
|
|
46
51
|
|
|
52
|
+
declare function __VLS_template_3(): {
|
|
53
|
+
attrs: Partial<{}>;
|
|
54
|
+
slots: Readonly<{
|
|
55
|
+
/** 头部插槽 - 用于显示页面头部内容 */
|
|
56
|
+
header?(): any;
|
|
57
|
+
/** 左侧插槽 - 用于显示左侧边栏内容 */
|
|
58
|
+
left?(): any;
|
|
59
|
+
/** 默认插槽 - 主要内容区域 */
|
|
60
|
+
default?(): any;
|
|
61
|
+
}> & {
|
|
62
|
+
/** 头部插槽 - 用于显示页面头部内容 */
|
|
63
|
+
header?(): any;
|
|
64
|
+
/** 左侧插槽 - 用于显示左侧边栏内容 */
|
|
65
|
+
left?(): any;
|
|
66
|
+
/** 默认插槽 - 主要内容区域 */
|
|
67
|
+
default?(): any;
|
|
68
|
+
};
|
|
69
|
+
refs: {};
|
|
70
|
+
rootEl: any;
|
|
71
|
+
};
|
|
72
|
+
|
|
73
|
+
declare function __VLS_template_4(): {
|
|
74
|
+
attrs: Partial<{}>;
|
|
75
|
+
slots: Readonly<WebLayoutSlot> & WebLayoutSlot;
|
|
76
|
+
refs: {};
|
|
77
|
+
rootEl: any;
|
|
78
|
+
};
|
|
79
|
+
|
|
47
80
|
declare type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
48
81
|
|
|
49
82
|
declare type __VLS_TemplateResult_2 = ReturnType<typeof __VLS_template_2>;
|
|
50
83
|
|
|
84
|
+
declare type __VLS_TemplateResult_3 = ReturnType<typeof __VLS_template_3>;
|
|
85
|
+
|
|
86
|
+
declare type __VLS_TemplateResult_4 = ReturnType<typeof __VLS_template_4>;
|
|
87
|
+
|
|
51
88
|
declare type __VLS_WithTemplateSlots<T, S> = T & {
|
|
52
89
|
new (): {
|
|
53
90
|
$slots: S;
|
|
@@ -60,10 +97,26 @@ declare type __VLS_WithTemplateSlots_2<T, S> = T & {
|
|
|
60
97
|
};
|
|
61
98
|
};
|
|
62
99
|
|
|
63
|
-
|
|
100
|
+
declare type __VLS_WithTemplateSlots_3<T, S> = T & {
|
|
101
|
+
new (): {
|
|
102
|
+
$slots: S;
|
|
103
|
+
};
|
|
104
|
+
};
|
|
105
|
+
|
|
106
|
+
declare type __VLS_WithTemplateSlots_4<T, S> = T & {
|
|
107
|
+
new (): {
|
|
108
|
+
$slots: S;
|
|
109
|
+
};
|
|
110
|
+
};
|
|
64
111
|
|
|
65
|
-
declare
|
|
112
|
+
export declare const LeftMenu: DefineComponent<{}, {
|
|
113
|
+
changeCollapsed: () => void;
|
|
114
|
+
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
115
|
+
|
|
116
|
+
export declare interface MenuItem {
|
|
66
117
|
title: string;
|
|
118
|
+
icon: string;
|
|
119
|
+
menu?: boolean;
|
|
67
120
|
}
|
|
68
121
|
|
|
69
122
|
export declare const SettingDivision: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
|
|
@@ -72,4 +125,19 @@ export declare const SettingGroup: __VLS_WithTemplateSlots_2<typeof __VLS_compon
|
|
|
72
125
|
|
|
73
126
|
export declare const SettingItem: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
74
127
|
|
|
128
|
+
export declare const WebBaseLayout: __VLS_WithTemplateSlots_3<typeof __VLS_component_3, __VLS_TemplateResult_3["slots"]>;
|
|
129
|
+
|
|
130
|
+
export declare const WebLayout: __VLS_WithTemplateSlots_4<typeof __VLS_component_4, __VLS_TemplateResult_4["slots"]>;
|
|
131
|
+
|
|
132
|
+
export declare interface WebLayoutSlot {
|
|
133
|
+
/** Logo 插槽 - 用于显示网站 logo */
|
|
134
|
+
logo?(): JSX.Element;
|
|
135
|
+
/** 操作区插槽 - 用于显示头部操作按钮 */
|
|
136
|
+
operations?(): JSX.Element;
|
|
137
|
+
/** 左侧菜单插槽 - 用于自定义左侧菜单内容 */
|
|
138
|
+
left?(): JSX.Element;
|
|
139
|
+
/** 默认插槽 - 主要内容区域 */
|
|
140
|
+
default?(): JSX.Element;
|
|
141
|
+
}
|
|
142
|
+
|
|
75
143
|
export { }
|
package/dist/index.es.js
CHANGED
|
@@ -1,83 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
const L = /* @__PURE__ */ d({
|
|
3
|
-
__name: "LeftMenu",
|
|
4
|
-
props: {
|
|
5
|
-
title: {}
|
|
6
|
-
},
|
|
7
|
-
setup(n) {
|
|
8
|
-
return (e, o) => (c(), i("div", null, a(e.title), 1));
|
|
9
|
-
}
|
|
10
|
-
}), h = { class: "flex justify-between items-center" }, k = { class: "name u-fx u-gap5 u-fac" }, C = { class: "tips" }, y = /* @__PURE__ */ d({
|
|
11
|
-
__name: "SettingItem",
|
|
12
|
-
props: {
|
|
13
|
-
name: {},
|
|
14
|
-
desc: {},
|
|
15
|
-
click: { type: Boolean },
|
|
16
|
-
vip: { type: Boolean },
|
|
17
|
-
minName: { type: Boolean },
|
|
18
|
-
background: { default: "var(--u-bg-color-3)" }
|
|
19
|
-
},
|
|
20
|
-
setup(n) {
|
|
21
|
-
_((t) => ({
|
|
22
|
-
"18a9d44a": t.background
|
|
23
|
-
}));
|
|
24
|
-
const e = p(), o = v(() => "onClick" in e || "onClickCapture" in e);
|
|
25
|
-
return (t, u) => (c(), i("div", m({
|
|
26
|
-
class: ["setting-item", { "cursor-pointer": o.value }]
|
|
27
|
-
}, f({
|
|
28
|
-
...o.value && { click: t.$attrs.onClick || t.$attrs.onClickCapture }
|
|
29
|
-
}, !0)), [
|
|
30
|
-
s("div", h, [
|
|
31
|
-
s("div", null, [
|
|
32
|
-
s("div", k, [
|
|
33
|
-
r(t.$slots, "name", {}, () => [
|
|
34
|
-
$(a(t.name), 1)
|
|
35
|
-
], !0)
|
|
36
|
-
]),
|
|
37
|
-
r(t.$slots, "desc", {}, () => [
|
|
38
|
-
s("div", C, a(t.desc), 1)
|
|
39
|
-
], !0)
|
|
40
|
-
]),
|
|
41
|
-
s("div", null, [
|
|
42
|
-
r(t.$slots, "default", {}, void 0, !0)
|
|
43
|
-
])
|
|
44
|
-
]),
|
|
45
|
-
s("div", null, [
|
|
46
|
-
r(t.$slots, "extra", {}, void 0, !0)
|
|
47
|
-
])
|
|
48
|
-
], 16));
|
|
49
|
-
}
|
|
50
|
-
}), l = (n, e) => {
|
|
51
|
-
const o = n.__vccOpts || n;
|
|
52
|
-
for (const [t, u] of e)
|
|
53
|
-
o[t] = u;
|
|
54
|
-
return o;
|
|
55
|
-
}, M = /* @__PURE__ */ l(y, [["__scopeId", "data-v-010b3e2d"]]), S = {}, b = { class: "division" };
|
|
56
|
-
function B(n, e) {
|
|
57
|
-
return c(), i("div", b);
|
|
58
|
-
}
|
|
59
|
-
const j = /* @__PURE__ */ l(S, [["render", B], ["__scopeId", "data-v-466ca93d"]]), I = { class: "setting-item-group" }, N = { class: "header" }, V = { class: "title" }, D = { key: 0 }, E = /* @__PURE__ */ d({
|
|
60
|
-
__name: "SettingGroup",
|
|
61
|
-
props: {
|
|
62
|
-
title: {}
|
|
63
|
-
},
|
|
64
|
-
setup(n) {
|
|
65
|
-
return (e, o) => (c(), i("div", I, [
|
|
66
|
-
s("div", N, [
|
|
67
|
-
s("div", V, a(e.title), 1),
|
|
68
|
-
e.$slots.desc ? (c(), i("div", D, [
|
|
69
|
-
r(e.$slots, "desc", {}, void 0, !0)
|
|
70
|
-
])) : g("", !0)
|
|
71
|
-
]),
|
|
72
|
-
s("div", null, [
|
|
73
|
-
r(e.$slots, "default", {}, void 0, !0)
|
|
74
|
-
])
|
|
75
|
-
]));
|
|
76
|
-
}
|
|
77
|
-
}), w = /* @__PURE__ */ l(E, [["__scopeId", "data-v-610df7dd"]]);
|
|
78
|
-
export {
|
|
79
|
-
L as LeftMenu,
|
|
80
|
-
j as SettingDivision,
|
|
81
|
-
w as SettingGroup,
|
|
82
|
-
M as SettingItem
|
|
83
|
-
};
|
|
1
|
+
import{Aside as e,Button as t,Content as n,HeadMenu as r,Header as i,Icon as a,Layout as o,Menu as s,MenuItem as c}from"tdesign-vue-next";import{Fragment as l,computed as u,createBlock as d,createCommentVNode as f,createElementBlock as p,createElementVNode as m,createSlots as h,createTextVNode as g,createVNode as _,defineComponent as v,mergeProps as y,normalizeClass as b,onMounted as x,openBlock as S,ref as C,renderList as ee,renderSlot as w,resolveComponent as T,toDisplayString as E,toHandlers as D,unref as O,useAttrs as k,useCssVars as A,withCtx as j}from"vue";import{useRoute as M,useRouter as N}from"vue-router";var P=v({__name:`LeftMenu`,setup(e,{expose:n}){let r=C(document.documentElement.clientWidth<=800);function i(){r.value=!r.value}let o=N(),u=M(),f=C([]);x(()=>{f.value=o.getRoutes().filter(e=>e.meta).filter(e=>e.meta.menu)});function m(e){o.push(e.path)}return n({changeCollapsed:i}),(e,n)=>{let o=a,h=t,v=c,y=s;return S(),d(y,{value:O(u).name,collapsed:r.value,width:[`180px`,`60px`]},{operations:j(()=>[_(h,{variant:`text`,shape:`square`,onClick:i},{icon:j(()=>[_(o,{name:`view-list`})]),_:1})]),default:j(()=>[(S(!0),p(l,null,ee(f.value,e=>(S(),d(v,{key:e.name,value:e.name,onClick:t=>m(e)},{icon:j(()=>[_(o,{class:b(e.meta.icon)},null,8,[`class`])]),default:j(()=>[g(` `+E(e.meta.title),1)]),_:2},1032,[`value`,`onClick`]))),128))]),_:1},8,[`value`,`collapsed`])}}}),F=P;const I={class:`flex justify-between items-center`},L={class:`title u-fx u-gap5 u-fac`},R={class:`tips`};var z=v({__name:`SettingItem`,props:{title:{},desc:{},click:{type:Boolean},vip:{type:Boolean},minName:{type:Boolean},background:{default:`var(--u-bg-color-3)`}},setup(e){A(e=>({"4c1cf51b":e.background}));let t=k(),n=u(()=>`onClick`in t||`onClickCapture`in t);return(e,t)=>(S(),p(`div`,y({class:[`setting-item`,{"cursor-pointer":n.value}]},D({...n.value&&{click:e.$attrs.onClick||e.$attrs.onClickCapture}},!0)),[m(`div`,I,[m(`div`,null,[m(`div`,L,[w(e.$slots,`title`,{},()=>[g(E(e.title),1)],!0)]),w(e.$slots,`desc`,{},()=>[m(`div`,R,E(e.desc),1)],!0)]),m(`div`,null,[w(e.$slots,`default`,{},void 0,!0)])]),m(`div`,null,[w(e.$slots,`extra`,{},void 0,!0)])],16))}}),B=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n},V=B(z,[[`__scopeId`,`data-v-3f239fb8`]]);const H={},U={class:`division`};function W(e,t){return S(),p(`div`,U)}var G=B(H,[[`render`,W],[`__scopeId`,`data-v-466ca93d`]]);const K={class:`setting-item-group`},q={class:`header`},J={class:`title`},Y={key:0};var X=v({__name:`SettingGroup`,props:{title:{}},setup(e){return(e,t)=>(S(),p(`div`,K,[m(`div`,q,[m(`div`,J,E(e.title),1),e.$slots.desc?(S(),p(`div`,Y,[w(e.$slots,`desc`,{},void 0,!0)])):f(``,!0)]),m(`div`,null,[w(e.$slots,`default`,{},void 0,!0)])]))}}),Z=B(X,[[`__scopeId`,`data-v-610df7dd`]]),Q=v({__name:`WebBaseLayout`,setup(t){return(t,r)=>{let a=i,s=e,c=n,l=o;return S(),d(l,{class:`h-screen`},{default:j(()=>[t.$slots.header?(S(),d(a,{key:0},{default:j(()=>[w(t.$slots,`header`,{},void 0,!0)]),_:3})):f(``,!0),_(l,{class:`min-h-0`},{default:j(()=>[_(s,{width:`auto`},{default:j(()=>[w(t.$slots,`left`,{},void 0,!0)]),_:3}),_(l,{class:`min-h-0 u-main-content`},{default:j(()=>[_(c,{class:`xl:p-4 ut:p-2 p-1 h-full overflow-hidden`},{default:j(()=>[w(t.$slots,`default`,{},void 0,!0)]),_:3})]),_:3})]),_:3})]),_:3})}}}),$=B(Q,[[`__scopeId`,`data-v-257ccd76`]]);const te={class:`u-main-content-inner`};var ne=v({__name:`WebLayout`,setup(e){return(e,t)=>{let n=r,i=T(`router-view`);return S(),d($,null,{header:j(()=>[_(n,{value:`item1`,height:`60px`},h({_:2},[e.$slots.logo?{name:`logo`,fn:j(()=>[w(e.$slots,`logo`,{},void 0,!0)]),key:`0`}:void 0,e.$slots.operations?{name:`operations`,fn:j(()=>[w(e.$slots,`operations`,{},void 0,!0)]),key:`1`}:void 0]),1024)]),left:j(()=>[w(e.$slots,`left`,{},()=>[_(O(F))],!0)]),default:j(()=>[w(e.$slots,`default`,{},()=>[m(`div`,te,[_(i)])],!0)]),_:3})}}}),re=B(ne,[[`__scopeId`,`data-v-d82bb11d`]]);export{F as LeftMenu,G as SettingDivision,Z as SettingGroup,V as SettingItem,$ as WebBaseLayout,re as WebLayout};
|
package/dist/u-web-ui.css
CHANGED
|
@@ -1 +1,2 @@
|
|
|
1
|
-
body[arco-theme=dark]{--u-bg-color
|
|
1
|
+
body[arco-theme=dark]{--u-bg-color:#26272a}:root{--u-bg-color:#f4f4f4;--u-bg-color-2:#fff;--u-bg-color-3:#fff;--u-blue-7:13,66,210;--u-blue-6:22,93,255;--u-blue-5:64,128,255;--u-wechat-color:#2ba471;--u-hover-bg-color:#f7f8fa;--u-text-tips-color:#8a939f;--u-color-neutral-1:#f7f8fa;--u-color-neutral-2:#f2f3f5;--u-color-neutral-3:#e5e6ec;--u-shadow-sm:#0000001a 0px 1px 2px 0px}*,:before,:after{box-sizing:border-box;margin:0;padding:0;font-weight:400}*,:before,:after,::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset: ;--un-shadow:0 0 #0000;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:#93c5fd80;--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }:root{--u-blue-1:240,248,255;--u-blue-2:224,242,254;--u-blue-3:186,230,253;--u-blue-4:125,211,252;--u-blue-5:56,189,248;--u-blue-6:14,165,233;--u-blue-7:2,132,199;--u-blue-8:3,105,161;--u-blue-9:12,74,110;--u-hover-bg-color:#f5f5f5;--u-text-tips-color:#999;--u-color-neutral-2:#e5e5e5}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.hidden{display:none}.h-full{height:100%}.h-screen{height:100vh}.min-h-0{min-height:0}.flex{display:flex}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.justify-between{justify-content:space-between}.overflow-hidden{overflow:hidden}.rounded-lg{border-radius:.5rem}.p-1{padding:.25rem}.pl-2{padding-left:.5rem}.text-4{font-size:1rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width:800px){.ut\:p-2{padding:.5rem}}@media (min-width:1280px){.xl\:p-4{padding:1rem}}.setting-item[data-v-3f239fb8]{background:var(--4c1cf51b);-webkit-user-select:none;user-select:none;padding:15px 10px;transition:all .28s linear}.setting-item[data-v-3f239fb8]:hover{background:var(--u-hover-bg-color)}.setting-item .title[data-v-3f239fb8]{margin-bottom:.25rem;font-size:1rem;font-weight:700}.setting-item .tips[data-v-3f239fb8]{color:var(--u-text-tips-color);font-size:12px}.division[data-v-466ca93d]{border-bottom:1px dashed var(--u-color-neutral-2)}.setting-item-group>div[data-v-610df7dd]:last-child{border-radius:6px;transition:all .26s linear;overflow:hidden}.setting-item-group>div[data-v-610df7dd]:last-child:hover{box-shadow:0 3px 5px #0000000a}.setting-item-group .header[data-v-610df7dd],.setting-item-group .title[data-v-610df7dd]{margin-bottom:.5rem}.setting-item-group .title[data-v-610df7dd]{border-left:2px solid rgb(var(--u-blue-7));padding-left:.5rem;font-size:1.25rem;font-weight:600;line-height:1.75rem}.u-main-content[data-v-257ccd76]{background:var(--u-bg-color)}.u-main-content-inner[data-v-d82bb11d]{background-color:var(--u-bg-color);border-radius:.5rem;height:100%;padding:4px;overflow:hidden auto}
|
|
2
|
+
/*$vite$:1*/
|