@xiaou66/u-web-ui 0.0.2
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 +75 -0
- package/dist/index.es.js +83 -0
- package/dist/u-web-ui.css +1 -0
- package/package.json +40 -0
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
import { ComponentOptionsMixin } from 'vue';
|
|
2
|
+
import { ComponentProvideOptions } from 'vue';
|
|
3
|
+
import { DefineComponent } from 'vue';
|
|
4
|
+
import { PublicProps } from 'vue';
|
|
5
|
+
|
|
6
|
+
declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
7
|
+
background: string;
|
|
8
|
+
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
9
|
+
|
|
10
|
+
declare const __VLS_component_2: DefineComponent<__VLS_Props_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_2> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
11
|
+
|
|
12
|
+
declare type __VLS_Props = {
|
|
13
|
+
name?: string;
|
|
14
|
+
desc?: string;
|
|
15
|
+
click?: boolean;
|
|
16
|
+
vip?: boolean;
|
|
17
|
+
minName?: boolean;
|
|
18
|
+
background?: string;
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
declare type __VLS_Props_2 = {
|
|
22
|
+
title?: string;
|
|
23
|
+
};
|
|
24
|
+
|
|
25
|
+
declare function __VLS_template(): {
|
|
26
|
+
attrs: Partial<{}>;
|
|
27
|
+
slots: {
|
|
28
|
+
name?(_: {}): any;
|
|
29
|
+
desc?(_: {}): any;
|
|
30
|
+
default?(_: {}): any;
|
|
31
|
+
extra?(_: {}): any;
|
|
32
|
+
};
|
|
33
|
+
refs: {};
|
|
34
|
+
rootEl: HTMLDivElement;
|
|
35
|
+
};
|
|
36
|
+
|
|
37
|
+
declare function __VLS_template_2(): {
|
|
38
|
+
attrs: Partial<{}>;
|
|
39
|
+
slots: {
|
|
40
|
+
desc?(_: {}): any;
|
|
41
|
+
default?(_: {}): any;
|
|
42
|
+
};
|
|
43
|
+
refs: {};
|
|
44
|
+
rootEl: HTMLDivElement;
|
|
45
|
+
};
|
|
46
|
+
|
|
47
|
+
declare type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
48
|
+
|
|
49
|
+
declare type __VLS_TemplateResult_2 = ReturnType<typeof __VLS_template_2>;
|
|
50
|
+
|
|
51
|
+
declare type __VLS_WithTemplateSlots<T, S> = T & {
|
|
52
|
+
new (): {
|
|
53
|
+
$slots: S;
|
|
54
|
+
};
|
|
55
|
+
};
|
|
56
|
+
|
|
57
|
+
declare type __VLS_WithTemplateSlots_2<T, S> = T & {
|
|
58
|
+
new (): {
|
|
59
|
+
$slots: S;
|
|
60
|
+
};
|
|
61
|
+
};
|
|
62
|
+
|
|
63
|
+
export declare const LeftMenu: DefineComponent<LeftMenuProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<LeftMenuProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
64
|
+
|
|
65
|
+
declare interface LeftMenuProps {
|
|
66
|
+
title: string;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
export declare const SettingDivision: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
|
|
70
|
+
|
|
71
|
+
export declare const SettingGroup: __VLS_WithTemplateSlots_2<typeof __VLS_component_2, __VLS_TemplateResult_2["slots"]>;
|
|
72
|
+
|
|
73
|
+
export declare const SettingItem: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
74
|
+
|
|
75
|
+
export { }
|
package/dist/index.es.js
ADDED
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
import { defineComponent as d, createElementBlock as i, openBlock as c, toDisplayString as a, useCssVars as _, useAttrs as p, computed as v, mergeProps as m, toHandlers as f, createElementVNode as s, renderSlot as r, createTextVNode as $, createCommentVNode as g } from "vue";
|
|
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
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
body[arco-theme=dark]{--u-bg-color: #26272A}:root{--u-bg-color: #F4F4F4;--u-bg-color-2: #ffffff;--u-bg-color-3: #ffffff;--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: rgba(0, 0, 0, .1) 0px 1px 2px 0px}*,*:before,*:after{padding:0;box-sizing:border-box;margin:0;font-weight:400}*,:before,:after{--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 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--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: }::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 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--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}.flex{display:flex}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.justify-between{justify-content:space-between}.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,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.setting-item[data-v-010b3e2d]{background:var(--18a9d44a);padding:15px 10px;transition:all .28s linear;-webkit-user-select:none;user-select:none}.setting-item[data-v-010b3e2d]:hover{background:var(--u-hover-bg-color)}.setting-item .name[data-v-010b3e2d]{margin-bottom:.25rem;font-size:1rem;font-weight:700}.setting-item .tips[data-v-010b3e2d]{font-size:12px;color:var(--u-text-tips-color)}.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;overflow:hidden;transition:all .26s linear}.setting-item-group>div[data-v-610df7dd]:last-child:hover{box-shadow:#0000000a 0 3px 5px}.setting-item-group .header[data-v-610df7dd],.setting-item-group .title[data-v-610df7dd]{margin-bottom:.5rem}.setting-item-group .title[data-v-610df7dd]{padding-left:.5rem;font-size:1.25rem;line-height:1.75rem;font-weight:600;border-left:2px solid rgb(var(--u-blue-7))}
|
package/package.json
ADDED
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@xiaou66/u-web-ui",
|
|
3
|
+
"version": "0.0.2",
|
|
4
|
+
"description": "web-ui",
|
|
5
|
+
"main": "./dist/index.cjs.js",
|
|
6
|
+
"module": "./dist/index.es.js",
|
|
7
|
+
"types": "./dist/index.d.ts",
|
|
8
|
+
"publishConfig": {
|
|
9
|
+
"access": "public"
|
|
10
|
+
},
|
|
11
|
+
"files": [
|
|
12
|
+
"dist"
|
|
13
|
+
],
|
|
14
|
+
"scripts": {
|
|
15
|
+
"build": "vite build",
|
|
16
|
+
"dev": "vite",
|
|
17
|
+
"prepare": "npm run build",
|
|
18
|
+
"publish": "npm publish"
|
|
19
|
+
},
|
|
20
|
+
"author": "xiaou",
|
|
21
|
+
"license": "ISC",
|
|
22
|
+
"devDependencies": {
|
|
23
|
+
"@iconify/utils": "^2.3.0",
|
|
24
|
+
"@unocss/preset-icons": "^66.3.3",
|
|
25
|
+
"@unocss/transformer-directives": "^66.3.3",
|
|
26
|
+
"tslib": "^2.8.1",
|
|
27
|
+
"unocss": "^66.3.3",
|
|
28
|
+
"vue": "^3.5.17"
|
|
29
|
+
},
|
|
30
|
+
"exports": {
|
|
31
|
+
".": {
|
|
32
|
+
"types": "./dist/index.d.ts",
|
|
33
|
+
"import": "./dist/index.es.js",
|
|
34
|
+
"require": "./dist/index.cjs.js",
|
|
35
|
+
"default": "./dist/index.es.js"
|
|
36
|
+
},
|
|
37
|
+
"./dist/u-web-ui.css": "./dist/u-web-ui.css",
|
|
38
|
+
"./package.json": "./package.json"
|
|
39
|
+
}
|
|
40
|
+
}
|