@vaebe/ccui 2.0.0-beta.0
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/LICENSE +201 -0
- package/README.md +31 -0
- package/affix/ccui-cli.css +2 -0
- package/affix/index.es.js +132 -0
- package/affix/index.umd.js +1 -0
- package/alert/ccui-cli.css +2 -0
- package/alert/index.es.js +127 -0
- package/alert/index.umd.js +1 -0
- package/anchor/ccui-cli.css +2 -0
- package/anchor/index.es.js +160 -0
- package/anchor/index.umd.js +1 -0
- package/avatar/ccui-cli.css +2 -0
- package/avatar/index.es.js +235 -0
- package/avatar/index.umd.js +1 -0
- package/badge/ccui-cli.css +2 -0
- package/badge/index.es.js +146 -0
- package/badge/index.umd.js +1 -0
- package/breadcrumb/ccui-cli.css +2 -0
- package/breadcrumb/index.es.js +89 -0
- package/breadcrumb/index.umd.js +1 -0
- package/button/ccui-cli.css +2 -0
- package/button/index.es.js +1236 -0
- package/button/index.umd.js +1 -0
- package/button-3d/ccui-cli.css +2 -0
- package/button-3d/index.es.js +80 -0
- package/button-3d/index.umd.js +1 -0
- package/calendar/ccui-cli.css +2 -0
- package/calendar/index.es.js +450 -0
- package/calendar/index.umd.js +1 -0
- package/card/ccui-cli.css +2 -0
- package/card/index.es.js +78 -0
- package/card/index.umd.js +1 -0
- package/ccui-cli.css +2 -0
- package/check-box/ccui-cli.css +2 -0
- package/check-box/index.es.js +173 -0
- package/check-box/index.umd.js +1 -0
- package/collapse/ccui-cli.css +2 -0
- package/collapse/index.es.js +176 -0
- package/collapse/index.umd.js +1 -0
- package/config-provider/index.es.js +204 -0
- package/config-provider/index.umd.js +1 -0
- package/date-picker/ccui-cli.css +2 -0
- package/date-picker/index.es.js +2447 -0
- package/date-picker/index.umd.js +1 -0
- package/descriptions/ccui-cli.css +2 -0
- package/descriptions/index.es.js +175 -0
- package/descriptions/index.umd.js +1 -0
- package/divider/ccui-cli.css +2 -0
- package/divider/index.es.js +78 -0
- package/divider/index.umd.js +1 -0
- package/drawer/ccui-cli.css +2 -0
- package/drawer/index.es.js +1320 -0
- package/drawer/index.umd.js +1 -0
- package/dropdown/ccui-cli.css +2 -0
- package/dropdown/index.es.js +606 -0
- package/dropdown/index.umd.js +1 -0
- package/empty/ccui-cli.css +2 -0
- package/empty/index.es.js +173 -0
- package/empty/index.umd.js +1 -0
- package/flex/ccui-cli.css +2 -0
- package/flex/index.es.js +87 -0
- package/flex/index.umd.js +1 -0
- package/float-button/ccui-cli.css +2 -0
- package/float-button/index.es.js +169 -0
- package/float-button/index.umd.js +1 -0
- package/form/ccui-cli.css +2 -0
- package/form/index.es.js +752 -0
- package/form/index.umd.js +1 -0
- package/grid/ccui-cli.css +2 -0
- package/grid/index.es.js +207 -0
- package/grid/index.umd.js +1 -0
- package/icon/ccui-cli.css +2 -0
- package/icon/index.es.js +1228 -0
- package/icon/index.umd.js +1 -0
- package/image/ccui-cli.css +2 -0
- package/image/index.es.js +276 -0
- package/image/index.umd.js +1 -0
- package/index.d.ts +7 -0
- package/input/ccui-cli.css +2 -0
- package/input/index.es.js +1293 -0
- package/input/index.umd.js +1 -0
- package/input-number/ccui-cli.css +2 -0
- package/input-number/index.es.js +263 -0
- package/input-number/index.umd.js +1 -0
- package/layout/ccui-cli.css +2 -0
- package/layout/index.es.js +184 -0
- package/layout/index.umd.js +1 -0
- package/masonry/ccui-cli.css +2 -0
- package/masonry/index.es.js +119 -0
- package/masonry/index.umd.js +1 -0
- package/menu/ccui-cli.css +2 -0
- package/menu/index.es.js +385 -0
- package/menu/index.umd.js +1 -0
- package/message/ccui-cli.css +2 -0
- package/message/index.es.js +351 -0
- package/message/index.umd.js +1 -0
- package/modal/ccui-cli.css +2 -0
- package/modal/index.es.js +1553 -0
- package/modal/index.umd.js +1 -0
- package/notification/ccui-cli.css +2 -0
- package/notification/index.es.js +347 -0
- package/notification/index.umd.js +1 -0
- package/nuxt/components/category.js +2 -0
- package/nuxt/components/install.js +2 -0
- package/nuxt/components/status.js +2 -0
- package/nuxt/components/title.js +2 -0
- package/nuxt/index.js +13 -0
- package/package.json +53 -0
- package/pagination/ccui-cli.css +2 -0
- package/pagination/index.es.js +296 -0
- package/pagination/index.umd.js +1 -0
- package/popconfirm/ccui-cli.css +2 -0
- package/popconfirm/index.es.js +735 -0
- package/popconfirm/index.umd.js +1 -0
- package/popover/ccui-cli.css +2 -0
- package/popover/index.es.js +530 -0
- package/popover/index.umd.js +1 -0
- package/progress/ccui-cli.css +2 -0
- package/progress/index.es.js +167 -0
- package/progress/index.umd.js +1 -0
- package/radio/ccui-cli.css +2 -0
- package/radio/index.es.js +157 -0
- package/radio/index.umd.js +1 -0
- package/rate/ccui-cli.css +2 -0
- package/rate/index.es.js +115 -0
- package/rate/index.umd.js +1 -0
- package/result/ccui-cli.css +2 -0
- package/result/index.es.js +90 -0
- package/result/index.umd.js +1 -0
- package/segmented/ccui-cli.css +2 -0
- package/segmented/index.es.js +99 -0
- package/segmented/index.umd.js +1 -0
- package/select/ccui-cli.css +2 -0
- package/select/index.es.js +1885 -0
- package/select/index.umd.js +1 -0
- package/skeleton/ccui-cli.css +2 -0
- package/skeleton/index.es.js +117 -0
- package/skeleton/index.umd.js +1 -0
- package/slider/ccui-cli.css +2 -0
- package/slider/index.es.js +1071 -0
- package/slider/index.umd.js +1 -0
- package/space/ccui-cli.css +2 -0
- package/space/index.es.js +108 -0
- package/space/index.umd.js +1 -0
- package/spin/ccui-cli.css +2 -0
- package/spin/index.es.js +86 -0
- package/spin/index.umd.js +1 -0
- package/splitter/ccui-cli.css +2 -0
- package/splitter/index.es.js +198 -0
- package/splitter/index.umd.js +1 -0
- package/status/ccui-cli.css +2 -0
- package/status/index.es.js +44 -0
- package/status/index.umd.js +1 -0
- package/steps/ccui-cli.css +2 -0
- package/steps/index.es.js +118 -0
- package/steps/index.umd.js +1 -0
- package/switch/ccui-cli.css +2 -0
- package/switch/index.es.js +118 -0
- package/switch/index.umd.js +1 -0
- package/table/ccui-cli.css +2 -0
- package/table/index.es.js +553 -0
- package/table/index.umd.js +1 -0
- package/tabs/ccui-cli.css +2 -0
- package/tabs/index.es.js +128 -0
- package/tabs/index.umd.js +1 -0
- package/tag/ccui-cli.css +2 -0
- package/tag/index.es.js +116 -0
- package/tag/index.umd.js +1 -0
- package/theme/darkTheme.css +352 -0
- package/theme/theme.scss +703 -0
- package/timeline/ccui-cli.css +2 -0
- package/timeline/index.es.js +113 -0
- package/timeline/index.umd.js +1 -0
- package/tooltip/ccui-cli.css +2 -0
- package/tooltip/index.es.js +423 -0
- package/tooltip/index.umd.js +1 -0
- package/tree/ccui-cli.css +2 -0
- package/tree/index.es.js +810 -0
- package/tree/index.umd.js +1 -0
- package/typography/ccui-cli.css +2 -0
- package/typography/index.es.js +270 -0
- package/typography/index.umd.js +1 -0
- package/util/index.es.js +78 -0
- package/util/index.umd.js +1 -0
- package/vue-ccui.es.js +18989 -0
- package/vue-ccui.umd.js +1 -0
- package/watermark/ccui-cli.css +2 -0
- package/watermark/index.es.js +179 -0
- package/watermark/index.umd.js +1 -0
|
@@ -0,0 +1,167 @@
|
|
|
1
|
+
import { computed as e, createVNode as t, defineComponent as n } from "vue";
|
|
2
|
+
//#region ../ccui/ui/shared/hooks/use-namespace.ts
|
|
3
|
+
function r(e, t, n) {
|
|
4
|
+
let r = e;
|
|
5
|
+
return t && (r += `__${t}`), n && (r += `--${n}`), r;
|
|
6
|
+
}
|
|
7
|
+
function i(e, t = !1) {
|
|
8
|
+
let n = t ? `.ccui-${e}` : `ccui-${e}`;
|
|
9
|
+
return {
|
|
10
|
+
b: () => r(n),
|
|
11
|
+
e: (e) => e ? r(n, e) : "",
|
|
12
|
+
m: (e) => e ? r(n, "", e) : "",
|
|
13
|
+
em: (e, t) => e && t ? r(n, e, t) : "",
|
|
14
|
+
is: (e) => `is-${e}`
|
|
15
|
+
};
|
|
16
|
+
}
|
|
17
|
+
//#endregion
|
|
18
|
+
//#region ../ccui/ui/progress/src/progress-types.ts
|
|
19
|
+
var a = {
|
|
20
|
+
percent: {
|
|
21
|
+
type: Number,
|
|
22
|
+
default: 0
|
|
23
|
+
},
|
|
24
|
+
type: {
|
|
25
|
+
type: String,
|
|
26
|
+
default: "line"
|
|
27
|
+
},
|
|
28
|
+
status: {
|
|
29
|
+
type: String,
|
|
30
|
+
default: "normal"
|
|
31
|
+
},
|
|
32
|
+
showInfo: {
|
|
33
|
+
type: Boolean,
|
|
34
|
+
default: !0
|
|
35
|
+
},
|
|
36
|
+
strokeColor: {
|
|
37
|
+
type: String,
|
|
38
|
+
default: ""
|
|
39
|
+
},
|
|
40
|
+
trailColor: {
|
|
41
|
+
type: String,
|
|
42
|
+
default: ""
|
|
43
|
+
},
|
|
44
|
+
strokeWidth: {
|
|
45
|
+
type: Number,
|
|
46
|
+
default: void 0
|
|
47
|
+
},
|
|
48
|
+
width: {
|
|
49
|
+
type: Number,
|
|
50
|
+
default: 120
|
|
51
|
+
},
|
|
52
|
+
size: {
|
|
53
|
+
type: [
|
|
54
|
+
String,
|
|
55
|
+
Number,
|
|
56
|
+
Array
|
|
57
|
+
],
|
|
58
|
+
default: "default"
|
|
59
|
+
},
|
|
60
|
+
format: {
|
|
61
|
+
type: Function,
|
|
62
|
+
default: void 0
|
|
63
|
+
}
|
|
64
|
+
};
|
|
65
|
+
function o(e) {
|
|
66
|
+
return Number.isNaN(e) ? 0 : Math.min(100, Math.max(0, e));
|
|
67
|
+
}
|
|
68
|
+
//#endregion
|
|
69
|
+
//#region ../ccui/ui/progress/src/progress.tsx
|
|
70
|
+
var s = {
|
|
71
|
+
success: "M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 0 0-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z",
|
|
72
|
+
exception: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 0 1-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z",
|
|
73
|
+
normal: null,
|
|
74
|
+
active: null
|
|
75
|
+
}, c = /* @__PURE__ */ n({
|
|
76
|
+
name: "CProgress",
|
|
77
|
+
props: a,
|
|
78
|
+
setup(n, { slots: r }) {
|
|
79
|
+
let a = i("progress"), c = e(() => o(n.percent)), l = e(() => n.status && n.status !== "normal" ? n.status : c.value === 100 ? "success" : "normal"), u = e(() => n.strokeColor ? n.strokeColor : l.value === "exception" ? "var(--ccui-color-error)" : l.value === "success" ? "var(--ccui-color-success)" : "var(--ccui-color-primary)"), d = () => n.showInfo ? r.format ? r.format({ percent: c.value }) : n.format ? n.format(c.value) : l.value === "success" ? t("svg", {
|
|
80
|
+
viewBox: "64 64 896 896",
|
|
81
|
+
width: "1em",
|
|
82
|
+
height: "1em",
|
|
83
|
+
fill: "currentColor",
|
|
84
|
+
class: a.e("status-icon")
|
|
85
|
+
}, [t("path", { d: s.success }, null)]) : l.value === "exception" ? t("svg", {
|
|
86
|
+
viewBox: "64 64 896 896",
|
|
87
|
+
width: "1em",
|
|
88
|
+
height: "1em",
|
|
89
|
+
fill: "currentColor",
|
|
90
|
+
class: a.e("status-icon")
|
|
91
|
+
}, [t("path", { d: s.exception }, null)]) : `${c.value}%` : null, f = () => {
|
|
92
|
+
let e = n.size === "small", r = n.strokeWidth ?? (e ? 6 : 8), i = {
|
|
93
|
+
width: `${c.value}%`,
|
|
94
|
+
backgroundColor: u.value,
|
|
95
|
+
height: `${r}px`
|
|
96
|
+
}, o = {
|
|
97
|
+
height: `${r}px`,
|
|
98
|
+
backgroundColor: n.trailColor || void 0
|
|
99
|
+
};
|
|
100
|
+
return t("div", { class: [
|
|
101
|
+
a.b(),
|
|
102
|
+
a.m("line"),
|
|
103
|
+
a.m(`status-${l.value}`),
|
|
104
|
+
e && a.m("small")
|
|
105
|
+
] }, [t("div", { class: a.e("outer") }, [t("div", {
|
|
106
|
+
class: a.e("inner"),
|
|
107
|
+
style: o
|
|
108
|
+
}, [t("div", {
|
|
109
|
+
class: a.e("bg"),
|
|
110
|
+
style: i
|
|
111
|
+
}, null)])]), n.showInfo && t("span", { class: [a.e("text"), a.em("text", `status-${l.value}`)] }, [d()])]);
|
|
112
|
+
}, p = () => {
|
|
113
|
+
let e = n.type === "dashboard", r = n.width, i = 50 - (n.strokeWidth ?? 6) / 2, o = n.strokeWidth ?? 6, s = 2 * Math.PI * i, f = s * (1 - c.value / 100), p = e ? 75 : 0, m = (360 - p) / 360, h = s * m, g = s * m * (1 - c.value / 100), _ = e ? `rotate(${p / 2 + 90}deg)` : "rotate(-90deg)";
|
|
114
|
+
return t("div", {
|
|
115
|
+
class: [
|
|
116
|
+
a.b(),
|
|
117
|
+
a.m(n.type),
|
|
118
|
+
a.m(`status-${l.value}`)
|
|
119
|
+
],
|
|
120
|
+
style: {
|
|
121
|
+
width: `${r}px`,
|
|
122
|
+
height: `${r}px`
|
|
123
|
+
}
|
|
124
|
+
}, [t("svg", {
|
|
125
|
+
viewBox: "0 0 100 100",
|
|
126
|
+
class: a.e("svg"),
|
|
127
|
+
style: { transform: _ }
|
|
128
|
+
}, [t("circle", {
|
|
129
|
+
cx: "50",
|
|
130
|
+
cy: "50",
|
|
131
|
+
r: i,
|
|
132
|
+
fill: "none",
|
|
133
|
+
stroke: n.trailColor || "rgba(0, 0, 0, 0.06)",
|
|
134
|
+
"stroke-width": o,
|
|
135
|
+
"stroke-dasharray": e ? `${h} ${s}` : `${s}`,
|
|
136
|
+
"stroke-linecap": "round"
|
|
137
|
+
}, null), t("circle", {
|
|
138
|
+
cx: "50",
|
|
139
|
+
cy: "50",
|
|
140
|
+
r: i,
|
|
141
|
+
fill: "none",
|
|
142
|
+
stroke: u.value,
|
|
143
|
+
"stroke-width": o,
|
|
144
|
+
"stroke-dasharray": e ? `${h} ${s}` : `${s} ${s}`,
|
|
145
|
+
"stroke-dashoffset": e ? g : f,
|
|
146
|
+
"stroke-linecap": "round",
|
|
147
|
+
style: { transition: "stroke-dashoffset 0.3s ease 0s, stroke 0.3s" }
|
|
148
|
+
}, null)]), n.showInfo && t("span", { class: a.e("inner-text") }, [d()])]);
|
|
149
|
+
};
|
|
150
|
+
return () => n.type === "line" ? f() : p();
|
|
151
|
+
}
|
|
152
|
+
});
|
|
153
|
+
//#endregion
|
|
154
|
+
//#region ../ccui/ui/progress/index.ts
|
|
155
|
+
c.install = function(e) {
|
|
156
|
+
e.component(c.name, c);
|
|
157
|
+
};
|
|
158
|
+
var l = {
|
|
159
|
+
title: "Progress 进度条",
|
|
160
|
+
category: "反馈",
|
|
161
|
+
status: "100%",
|
|
162
|
+
install(e) {
|
|
163
|
+
e.component(c.name, c);
|
|
164
|
+
}
|
|
165
|
+
};
|
|
166
|
+
//#endregion
|
|
167
|
+
export { c as Progress, l as default };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`vue`)):typeof define==`function`&&define.amd?define([`exports`,`vue`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.index={},e.Vue))})(this,function(e,t){Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});function n(e,t,n){let r=e;return t&&(r+=`__${t}`),n&&(r+=`--${n}`),r}function r(e,t=!1){let r=t?`.ccui-${e}`:`ccui-${e}`;return{b:()=>n(r),e:e=>e?n(r,e):``,m:e=>e?n(r,``,e):``,em:(e,t)=>e&&t?n(r,e,t):``,is:e=>`is-${e}`}}var i={percent:{type:Number,default:0},type:{type:String,default:`line`},status:{type:String,default:`normal`},showInfo:{type:Boolean,default:!0},strokeColor:{type:String,default:``},trailColor:{type:String,default:``},strokeWidth:{type:Number,default:void 0},width:{type:Number,default:120},size:{type:[String,Number,Array],default:`default`},format:{type:Function,default:void 0}};function a(e){return Number.isNaN(e)?0:Math.min(100,Math.max(0,e))}var o={success:`M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 0 0-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z`,exception:`M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 0 1-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z`,normal:null,active:null},s=(0,t.defineComponent)({name:`CProgress`,props:i,setup(e,{slots:n}){let i=r(`progress`),s=(0,t.computed)(()=>a(e.percent)),c=(0,t.computed)(()=>e.status&&e.status!==`normal`?e.status:s.value===100?`success`:`normal`),l=(0,t.computed)(()=>e.strokeColor?e.strokeColor:c.value===`exception`?`var(--ccui-color-error)`:c.value===`success`?`var(--ccui-color-success)`:`var(--ccui-color-primary)`),u=()=>e.showInfo?n.format?n.format({percent:s.value}):e.format?e.format(s.value):c.value===`success`?(0,t.createVNode)(`svg`,{viewBox:`64 64 896 896`,width:`1em`,height:`1em`,fill:`currentColor`,class:i.e(`status-icon`)},[(0,t.createVNode)(`path`,{d:o.success},null)]):c.value===`exception`?(0,t.createVNode)(`svg`,{viewBox:`64 64 896 896`,width:`1em`,height:`1em`,fill:`currentColor`,class:i.e(`status-icon`)},[(0,t.createVNode)(`path`,{d:o.exception},null)]):`${s.value}%`:null,d=()=>{let n=e.size===`small`,r=e.strokeWidth??(n?6:8),a={width:`${s.value}%`,backgroundColor:l.value,height:`${r}px`},o={height:`${r}px`,backgroundColor:e.trailColor||void 0};return(0,t.createVNode)(`div`,{class:[i.b(),i.m(`line`),i.m(`status-${c.value}`),n&&i.m(`small`)]},[(0,t.createVNode)(`div`,{class:i.e(`outer`)},[(0,t.createVNode)(`div`,{class:i.e(`inner`),style:o},[(0,t.createVNode)(`div`,{class:i.e(`bg`),style:a},null)])]),e.showInfo&&(0,t.createVNode)(`span`,{class:[i.e(`text`),i.em(`text`,`status-${c.value}`)]},[u()])])},f=()=>{let n=e.type===`dashboard`,r=e.width,a=50-(e.strokeWidth??6)/2,o=e.strokeWidth??6,d=2*Math.PI*a,f=d*(1-s.value/100),p=n?75:0,m=(360-p)/360,h=d*m,g=d*m*(1-s.value/100),_=n?`rotate(${p/2+90}deg)`:`rotate(-90deg)`;return(0,t.createVNode)(`div`,{class:[i.b(),i.m(e.type),i.m(`status-${c.value}`)],style:{width:`${r}px`,height:`${r}px`}},[(0,t.createVNode)(`svg`,{viewBox:`0 0 100 100`,class:i.e(`svg`),style:{transform:_}},[(0,t.createVNode)(`circle`,{cx:`50`,cy:`50`,r:a,fill:`none`,stroke:e.trailColor||`rgba(0, 0, 0, 0.06)`,"stroke-width":o,"stroke-dasharray":n?`${h} ${d}`:`${d}`,"stroke-linecap":`round`},null),(0,t.createVNode)(`circle`,{cx:`50`,cy:`50`,r:a,fill:`none`,stroke:l.value,"stroke-width":o,"stroke-dasharray":n?`${h} ${d}`:`${d} ${d}`,"stroke-dashoffset":n?g:f,"stroke-linecap":`round`,style:{transition:`stroke-dashoffset 0.3s ease 0s, stroke 0.3s`}},null)]),e.showInfo&&(0,t.createVNode)(`span`,{class:i.e(`inner-text`)},[u()])])};return()=>e.type===`line`?d():f()}});s.install=function(e){e.component(s.name,s)},e.Progress=s,e.default={title:`Progress 进度条`,category:`反馈`,status:`100%`,install(e){e.component(s.name,s)}}});
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
.ccui-radio{min-height:22px;color:var(--ccui-color-text,#000000e0);font-size:var(--ccui-font-size,14px);font-weight:400;line-height:var(--ccui-line-height-base,1.57143);cursor:pointer;transition:color var(--ccui-motion-duration-mid,.2s) var(--ccui-motion-ease-in-out,cubic-bezier(.645, .045, .355, 1));justify-content:flex-start;align-items:center;margin:0;padding:0;display:inline-flex}.ccui-radio__input{z-index:-1;pointer-events:none;opacity:0;width:0;height:0;position:absolute;overflow:hidden}.ccui-radio__icon{width:16px;height:16px;color:var(--ccui-color-border,#d9d9d9);vertical-align:middle;-webkit-user-select:none;user-select:none;transition:color var(--ccui-motion-duration-mid,.2s) var(--ccui-motion-ease-in-out,cubic-bezier(.645, .045, .355, 1));flex:none;justify-content:center;align-items:center;margin-inline-end:8px;line-height:1;display:inline-flex;position:relative}.ccui-radio__icon svg{display:none}.ccui-radio__icon:before{box-sizing:border-box;content:"";background-color:var(--ccui-color-bg-container,#fff);width:16px;height:16px;transition:border-color var(--ccui-motion-duration-mid,.2s) var(--ccui-motion-ease-in-out,cubic-bezier(.645, .045, .355, 1)), box-shadow var(--ccui-motion-duration-mid,.2s) var(--ccui-motion-ease-in-out,cubic-bezier(.645, .045, .355, 1));border:1px solid;border-radius:50%}.ccui-radio__icon:after{content:"";background-color:var(--ccui-color-primary,#1677ff);opacity:0;width:8px;height:8px;transition:transform var(--ccui-motion-duration-mid,.2s) var(--ccui-motion-ease-in-out,cubic-bezier(.645, .045, .355, 1)), opacity var(--ccui-motion-duration-mid,.2s) var(--ccui-motion-ease-in-out,cubic-bezier(.645, .045, .355, 1));border-radius:50%;position:absolute;transform:scale(0)}.ccui-radio:not(.disabled):hover .ccui-radio__icon{color:var(--ccui-color-primary,#1677ff)}.ccui-radio.active{color:var(--ccui-color-text,#000000e0)}.ccui-radio.active .ccui-radio__icon{color:var(--ccui-color-primary,#1677ff)}.ccui-radio.active .ccui-radio__icon:after{opacity:1;transform:scale(1)}.ccui-radio.disabled{color:var(--ccui-color-text-disabled,#00000040);cursor:not-allowed}.ccui-radio.disabled .ccui-radio__icon{color:var(--ccui-color-border-disabled,#0000000a)}.ccui-radio.disabled .ccui-radio__icon:before{background-color:var(--ccui-disabled-bg,#0000000a)}.ccui-radio.disabled .ccui-radio__icon:after{background-color:var(--ccui-color-text-disabled,#00000040)}:root{--ccui-global-bg:#f5f5f5;--ccui-global-bg-normal:#fff;--ccui-base-bg:#fff;--ccui-base-bg-dark:#000000d9;--ccui-brand:#1677ff;--ccui-brand-foil:#e6f4ff;--ccui-brand-hover:#4096ff;--ccui-brand-active:#0958d9;--ccui-brand-active-focus:#003eb3;--ccui-contrast:#ff4d4f;--ccui-text:#000000e0;--ccui-text-weak:#000000a6;--ccui-aide-text:#00000073;--ccui-aide-text-stress:#000000a6;--ccui-placeholder:#00000040;--ccui-light-text:#fff;--ccui-dark-text:#000000e0;--ccui-link:#1677ff;--ccui-link-active:#0958d9;--ccui-link-light:#4096ff;--ccui-link-light-active:#69b1ff;--ccui-line:#d9d9d9;--ccui-dividing-line:#f0f0f0;--ccui-block:#fff;--ccui-area:#fafafa;--ccui-danger:#ff4d4f;--ccui-warning:#faad14;--ccui-waiting:#00000073;--ccui-success:#52c41a;--ccui-info:#1677ff;--ccui-initial:#e6f4ff;--ccui-unavailable:#f5f5f5;--ccui-shadow:#00000026;--ccui-light-shadow:#0000000f;--ccui-icon-text:#000000e0;--ccui-icon-bg:#fff;--ccui-icon-fill:#00000073;--ccui-icon-fill-hover:#000000a6;--ccui-icon-fill-active:#1677ff;--ccui-icon-fill-active-hover:#4096ff;--ccui-form-control-line:#d9d9d9;--ccui-form-control-line-hover:#4096ff;--ccui-form-control-line-active:#1677ff;--ccui-form-control-line-active-hover:#0958d9;--ccui-list-item-active-bg:#1677ff;--ccui-list-item-active-text:#fff;--ccui-list-item-active-hover-bg:#4096ff;--ccui-list-item-hover-bg:#0000000a;--ccui-list-item-hover-text:#1677ff;--ccui-list-item-selected-bg:#e6f4ff;--ccui-list-item-strip-bg:#fafafa;--ccui-disabled-bg:#0000000a;--ccui-disabled-line:#d9d9d9;--ccui-disabled-text:#00000040;--ccui-primary-disabled:#91caff;--ccui-icon-fill-active-disabled:#91caff;--ccui-label-bg:#fafafa;--ccui-connected-overlay-bg:#fff;--ccui-connected-overlay-line:#1677ff;--ccui-fullscreen-overlay-bg:#fff;--ccui-feedback-overlay-bg:#000000d9;--ccui-feedback-overlay-text:#fff;--ccui-embed-search-bg:#fafafa;--ccui-embed-search-bg-hover:#f0f0f0;--ccui-float-block-shadow:#1677ff29;--ccui-highlight-overlay:#fffc;--ccui-range-item-hover-bg:#e6f4ff;--ccui-primary:#1677ff;--ccui-primary-hover:#4096ff;--ccui-primary-active:#0958d9;--ccui-contrast-hover:#ff7875;--ccui-contrast-active:#d9363e;--ccui-secondary:#000000a6;--ccui-danger-line:#ffccc7;--ccui-danger-bg:#fff2f0;--ccui-warning-line:#ffe58f;--ccui-warning-bg:#fffbe6;--ccui-info-line:#91caff;--ccui-info-bg:#e6f4ff;--ccui-success-line:#b7eb8f;--ccui-success-bg:#f6ffed;--ccui-primary-line:#91caff;--ccui-primary-bg:#e6f4ff;--ccui-default-line:#d9d9d9;--ccui-default-bg:#fff;--ccui-font-size:14px;--ccui-font-size-card-title:16px;--ccui-font-size-page-title:20px;--ccui-font-size-modal-title:16px;--ccui-font-size-price:24px;--ccui-font-size-data-overview:30px;--ccui-font-size-icon:16px;--ccui-font-size-sm:12px;--ccui-font-size-md:14px;--ccui-font-size-lg:16px;--ccui-font-title-weight:600;--ccui-font-content-weight:400;--ccui-line-height-base:1.57143;--ccui-border-radius:6px;--ccui-border-radius-feedback:8px;--ccui-border-radius-card:8px;--ccui-shadow-length-base:0 1px 2px 0;--ccui-shadow-length-slide-left:-6px 0 16px 0;--ccui-shadow-length-slide-right:6px 0 16px 0;--ccui-shadow-length-connected-overlay:0 6px 16px 0;--ccui-shadow-length-hover:0 6px 16px 0;--ccui-shadow-length-feedback-overlay:0 6px 16px 0;--ccui-shadow-fullscreen-overlay:0 6px 16px 0;--ccui-animation-duration-slow:.3s;--ccui-animation-duration-base:.2s;--ccui-animation-duration-fast:.1s;--ccui-animation-ease-in:cubic-bezier(.7, 0, .84, 0);--ccui-animation-ease-out:cubic-bezier(.215, .61, .355, 1);--ccui-animation-ease-in-out:cubic-bezier(.78, .14, .15, .86);--ccui-animation-ease-in-smooth:cubic-bezier(.645, .045, .355, 1);--ccui-animation-linear:cubic-bezier(0, 0, 1, 1);--ccui-z-index-full-page-overlay:1080;--ccui-z-index-pop-up:1060;--ccui-z-index-dropdown:1052;--ccui-z-index-modal:1050;--ccui-z-index-drawer:1040;--ccui-z-index-framework:1000;--ccui-size-sm:24px;--ccui-size-md:32px;--ccui-size-lg:40px;--ccui-color-primary:#1677ff;--ccui-color-primary-hover:#4096ff;--ccui-color-primary-active:#0958d9;--ccui-color-primary-bg:#e6f4ff;--ccui-color-primary-bg-hover:#bae0ff;--ccui-color-primary-border:#91caff;--ccui-color-primary-border-hover:#69b1ff;--ccui-color-success:#52c41a;--ccui-color-success-hover:#73d13d;--ccui-color-success-active:#389e0d;--ccui-color-success-bg:#f6ffed;--ccui-color-success-border:#b7eb8f;--ccui-color-warning:#faad14;--ccui-color-warning-hover:#ffc53d;--ccui-color-warning-active:#d48806;--ccui-color-warning-bg:#fffbe6;--ccui-color-warning-border:#ffe58f;--ccui-color-error:#ff4d4f;--ccui-color-error-hover:#ff7875;--ccui-color-error-active:#d9363e;--ccui-color-error-bg:#fff2f0;--ccui-color-error-border:#ffccc7;--ccui-color-info:#1677ff;--ccui-color-info-hover:#4096ff;--ccui-color-info-bg:#e6f4ff;--ccui-color-info-border:#91caff;--ccui-color-text:#000000e0;--ccui-color-text-secondary:#000000a6;--ccui-color-text-tertiary:#00000073;--ccui-color-text-quaternary:#00000040;--ccui-color-text-disabled:#00000040;--ccui-color-text-placeholder:#00000040;--ccui-color-text-heading:#000000e0;--ccui-color-text-light-solid:#fff;--ccui-color-bg-base:#fff;--ccui-color-bg-container:#fff;--ccui-color-bg-elevated:#fff;--ccui-color-bg-layout:#f5f5f5;--ccui-color-bg-spotlight:#000000d9;--ccui-color-bg-mask:#00000073;--ccui-color-bg-text-hover:#0000000f;--ccui-color-bg-text-active:#00000026;--ccui-color-border:#d9d9d9;--ccui-color-border-secondary:#f0f0f0;--ccui-color-border-disabled:#0000000a;--ccui-color-split:#0505050f;--ccui-color-fill:#00000026;--ccui-color-fill-secondary:#0000000f;--ccui-color-fill-tertiary:#0000000a;--ccui-color-fill-quaternary:#00000005;--ccui-control-outline:#0591ff1a;--ccui-control-outline-error:#ff26050f;--ccui-control-outline-warning:#ffd7051a;--ccui-red-1:#fff1f0;--ccui-red-2:#ffccc7;--ccui-red-3:#ffa39e;--ccui-red-4:#ff7875;--ccui-red-5:#ff4d4f;--ccui-red-6:#f5222d;--ccui-red-7:#cf1322;--ccui-red-8:#a8071a;--ccui-red-9:#820014;--ccui-red-10:#5c0011;--ccui-volcano-1:#fff2e8;--ccui-volcano-2:#ffd8bf;--ccui-volcano-3:#ffbb96;--ccui-volcano-4:#ff9c6e;--ccui-volcano-5:#ff7a45;--ccui-volcano-6:#fa541c;--ccui-volcano-7:#d4380d;--ccui-volcano-8:#ad2102;--ccui-volcano-9:#871400;--ccui-volcano-10:#610b00;--ccui-orange-1:#fff7e6;--ccui-orange-2:#ffe7ba;--ccui-orange-3:#ffd591;--ccui-orange-4:#ffc069;--ccui-orange-5:#ffa940;--ccui-orange-6:#fa8c16;--ccui-orange-7:#d46b08;--ccui-orange-8:#ad4e00;--ccui-orange-9:#873800;--ccui-orange-10:#612500;--ccui-gold-1:#fffbe6;--ccui-gold-2:#fff1b8;--ccui-gold-3:#ffe58f;--ccui-gold-4:#ffd666;--ccui-gold-5:#ffc53d;--ccui-gold-6:#faad14;--ccui-gold-7:#d48806;--ccui-gold-8:#ad6800;--ccui-gold-9:#874d00;--ccui-gold-10:#613400;--ccui-yellow-1:#feffe6;--ccui-yellow-2:#ffffb8;--ccui-yellow-3:#fffb8f;--ccui-yellow-4:#fff566;--ccui-yellow-5:#ffec3d;--ccui-yellow-6:#fadb14;--ccui-yellow-7:#d4b106;--ccui-yellow-8:#ad8b00;--ccui-yellow-9:#876800;--ccui-yellow-10:#614700;--ccui-lime-1:#fcffe6;--ccui-lime-2:#f4ffb8;--ccui-lime-3:#eaff8f;--ccui-lime-4:#d3f261;--ccui-lime-5:#bae637;--ccui-lime-6:#a0d911;--ccui-lime-7:#7cb305;--ccui-lime-8:#5b8c00;--ccui-lime-9:#3f6600;--ccui-lime-10:#254000;--ccui-green-1:#f6ffed;--ccui-green-2:#d9f7be;--ccui-green-3:#b7eb8f;--ccui-green-4:#95de64;--ccui-green-5:#73d13d;--ccui-green-6:#52c41a;--ccui-green-7:#389e0d;--ccui-green-8:#237804;--ccui-green-9:#135200;--ccui-green-10:#092b00;--ccui-cyan-1:#e6fffb;--ccui-cyan-2:#b5f5ec;--ccui-cyan-3:#87e8de;--ccui-cyan-4:#5cdbd3;--ccui-cyan-5:#36cfc9;--ccui-cyan-6:#13c2c2;--ccui-cyan-7:#08979c;--ccui-cyan-8:#006d75;--ccui-cyan-9:#00474f;--ccui-cyan-10:#002329;--ccui-blue-1:#e6f4ff;--ccui-blue-2:#bae0ff;--ccui-blue-3:#91caff;--ccui-blue-4:#69b1ff;--ccui-blue-5:#4096ff;--ccui-blue-6:#1677ff;--ccui-blue-7:#0958d9;--ccui-blue-8:#003eb3;--ccui-blue-9:#002c8c;--ccui-blue-10:#001d66;--ccui-geekblue-1:#f0f5ff;--ccui-geekblue-2:#d6e4ff;--ccui-geekblue-3:#adc6ff;--ccui-geekblue-4:#85a5ff;--ccui-geekblue-5:#597ef7;--ccui-geekblue-6:#2f54eb;--ccui-geekblue-7:#1d39c4;--ccui-geekblue-8:#10239e;--ccui-geekblue-9:#061178;--ccui-geekblue-10:#030852;--ccui-purple-1:#f9f0ff;--ccui-purple-2:#efdbff;--ccui-purple-3:#d3adf7;--ccui-purple-4:#b37feb;--ccui-purple-5:#9254de;--ccui-purple-6:#722ed1;--ccui-purple-7:#531dab;--ccui-purple-8:#391085;--ccui-purple-9:#22075e;--ccui-purple-10:#120338;--ccui-magenta-1:#fff0f6;--ccui-magenta-2:#ffd6e7;--ccui-magenta-3:#ffadd2;--ccui-magenta-4:#ff85c0;--ccui-magenta-5:#f759ab;--ccui-magenta-6:#eb2f96;--ccui-magenta-7:#c41d7f;--ccui-magenta-8:#9e1068;--ccui-magenta-9:#780650;--ccui-magenta-10:#520339;--ccui-pink-1:#fff0f6;--ccui-pink-6:#eb2f96;--ccui-border-radius-lg:8px;--ccui-border-radius-sm:4px;--ccui-border-radius-xs:2px;--ccui-border-radius-outer:4px;--ccui-font-size-xl:20px;--ccui-font-size-heading-1:38px;--ccui-font-size-heading-2:30px;--ccui-font-size-heading-3:24px;--ccui-font-size-heading-4:20px;--ccui-font-size-heading-5:16px;--ccui-line-height-lg:1.5;--ccui-line-height-sm:1.66;--ccui-line-height-heading-1:1.21052;--ccui-line-height-heading-2:1.26666;--ccui-line-height-heading-3:1.33333;--ccui-line-height-heading-4:1.4;--ccui-line-height-heading-5:1.5;--ccui-font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--ccui-font-family-code:SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;--ccui-control-height:32px;--ccui-control-height-sm:24px;--ccui-control-height-lg:40px;--ccui-control-height-xs:16px;--ccui-box-shadow:0 6px 16px 0 #00000014, 0 3px 6px -4px #0000001f, 0 9px 28px 8px #0000000d;--ccui-box-shadow-secondary:0 6px 16px 0 #00000014, 0 3px 6px -4px #0000001f, 0 9px 28px 8px #0000000d;--ccui-box-shadow-tertiary:0 1px 2px 0 #00000008, 0 1px 6px -1px #00000005, 0 2px 4px 0 #00000005;--ccui-motion-duration-slow:.3s;--ccui-motion-duration-mid:.2s;--ccui-motion-duration-fast:.1s;--ccui-motion-ease-in-out:cubic-bezier(.645, .045, .355, 1);--ccui-motion-ease-out:cubic-bezier(.215, .61, .355, 1);--ccui-motion-ease-in:cubic-bezier(.55, .055, .675, .19);--ccui-motion-ease-out-back:cubic-bezier(.12, .4, .29, 1.46);--ccui-motion-ease-in-back:cubic-bezier(.71, -.46, .88, .6);--ccui-motion-ease-out-circ:cubic-bezier(.08, .82, .17, 1);--ccui-motion-ease-in-out-circ:cubic-bezier(.78, .14, .15, .86);--ccui-padding-xxs:4px;--ccui-padding-xs:8px;--ccui-padding-sm:12px;--ccui-padding:16px;--ccui-padding-md:20px;--ccui-padding-lg:24px;--ccui-padding-xl:32px;--ccui-margin-xxs:4px;--ccui-margin-xs:8px;--ccui-margin-sm:12px;--ccui-margin:16px;--ccui-margin-md:20px;--ccui-margin-lg:24px;--ccui-margin-xl:32px}.ccui-radio-group{flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;display:flex}.ccui-radio-group.is-row{flex-direction:row}.ccui-radio-group.is-column{flex-direction:column}.ccui-radio-group .ccui-radio:not(:last-child){margin-inline-end:8px}
|
|
2
|
+
/*$vite$:1*/
|
|
@@ -0,0 +1,157 @@
|
|
|
1
|
+
import { computed as e, createVNode as t, defineComponent as n, inject as r, provide as i, toRef as a } from "vue";
|
|
2
|
+
//#region ../ccui/ui/shared/hooks/use-namespace.ts
|
|
3
|
+
function o(e, t, n) {
|
|
4
|
+
let r = e;
|
|
5
|
+
return t && (r += `__${t}`), n && (r += `--${n}`), r;
|
|
6
|
+
}
|
|
7
|
+
function s(e, t = !1) {
|
|
8
|
+
let n = t ? `.ccui-${e}` : `ccui-${e}`;
|
|
9
|
+
return {
|
|
10
|
+
b: () => o(n),
|
|
11
|
+
e: (e) => e ? o(n, e) : "",
|
|
12
|
+
m: (e) => e ? o(n, "", e) : "",
|
|
13
|
+
em: (e, t) => e && t ? o(n, e, t) : "",
|
|
14
|
+
is: (e) => `is-${e}`
|
|
15
|
+
};
|
|
16
|
+
}
|
|
17
|
+
//#endregion
|
|
18
|
+
//#region ../ccui/ui/radio/src/components/icon-active.tsx
|
|
19
|
+
function c() {
|
|
20
|
+
return t("svg", {
|
|
21
|
+
class: "icon",
|
|
22
|
+
viewBox: "0 0 1024 1024",
|
|
23
|
+
version: "1.1",
|
|
24
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
25
|
+
"p-id": "1257",
|
|
26
|
+
width: "16px",
|
|
27
|
+
height: "16px"
|
|
28
|
+
}, [t("path", {
|
|
29
|
+
d: "M150.1184 150.1184C250.2656 50.0736 370.8928 0 512 0c141.1072 0 261.7344 50.0736 361.8816 150.1184C973.9264 250.2656 1024 370.8928 1024 512c0 141.2096-50.0736 261.8368-150.1184 361.8816C773.7344 973.9264 653.1072 1024 512 1024c-141.1072 0-261.7344-50.0736-361.8816-150.1184C50.0736 773.8368 0 653.2096 0 512 0 370.8928 50.0736 250.2656 150.1184 150.1184zM512 41.8816c-85.2992 0-164.1472 20.8896-236.3392 62.7712C203.4688 146.432 146.432 203.4688 104.6528 275.6608 62.7712 347.9552 41.8816 426.7008 41.8816 512c0 129.6384 45.9776 240.4352 137.8304 332.288C271.5648 936.2432 382.3616 982.1184 512 982.1184c129.6384 0 240.4352-45.8752 332.288-137.8304C936.2432 752.4352 982.1184 641.6384 982.1184 512c0-129.6384-45.9776-240.3328-137.8304-332.288C752.4352 87.7568 641.6384 41.8816 512 41.8816zM512 256c-36.1472 0-70.144 7.0656-102.1952 20.8896C377.856 290.9184 349.4912 309.3504 324.9152 332.288c-22.9376 24.576-41.472 52.9408-55.3984 84.8896S248.6272 483.328 248.6272 519.3728c0 36.1472 6.9632 70.144 20.8896 102.1952s32.4608 60.3136 55.3984 84.8896C349.4912 729.4976 377.856 747.9296 409.8048 761.856 441.856 775.7824 475.8528 782.7456 512 782.7456c36.1472 0 70.144-6.9632 102.1952-20.8896C646.144 747.9296 674.5088 729.4976 699.0848 706.4576c22.9376-24.576 41.472-52.9408 55.3984-84.8896s20.8896-66.048 20.8896-102.1952c0-36.0448-6.9632-70.144-20.8896-102.1952S722.0224 356.9664 699.0848 332.288C674.5088 309.3504 646.144 290.9184 614.1952 276.8896 582.144 263.0656 548.1472 256 512 256z",
|
|
30
|
+
"p-id": "1258"
|
|
31
|
+
}, null)]);
|
|
32
|
+
}
|
|
33
|
+
//#endregion
|
|
34
|
+
//#region ../ccui/ui/radio/src/components/icon-circle.tsx
|
|
35
|
+
function l() {
|
|
36
|
+
return t("svg", {
|
|
37
|
+
class: "icon",
|
|
38
|
+
viewBox: "0 0 1024 1024",
|
|
39
|
+
version: "1.1",
|
|
40
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
41
|
+
"p-id": "1392",
|
|
42
|
+
width: "16px",
|
|
43
|
+
height: "16px"
|
|
44
|
+
}, [t("path", {
|
|
45
|
+
d: "M150.1184 150.1184C250.2656 50.0736 370.8928 0 512 0c141.1072 0 261.7344 50.0736 361.8816 150.1184C973.9264 250.2656 1024 370.8928 1024 512c0 141.1072-50.0736 261.7344-150.1184 361.8816C773.7344 973.9264 653.1072 1024 512 1024c-141.1072 0-261.7344-50.0736-361.8816-150.1184C50.0736 773.7344 0 653.1072 0 512 0 370.8928 50.0736 250.2656 150.1184 150.1184zM512 41.8816c-85.2992 0-164.1472 20.8896-236.3392 62.7712C203.4688 146.432 146.432 203.4688 104.6528 275.6608 62.7712 347.8528 41.8816 426.7008 41.8816 512c0 129.6384 45.9776 240.4352 137.8304 332.288C271.5648 936.2432 382.3616 982.1184 512 982.1184s240.4352-45.9776 332.288-137.8304C936.2432 752.4352 982.1184 641.6384 982.1184 512c0-129.6384-45.9776-240.4352-137.8304-332.288S641.6384 41.8816 512 41.8816z",
|
|
46
|
+
"p-id": "1393"
|
|
47
|
+
}, null)]);
|
|
48
|
+
}
|
|
49
|
+
//#endregion
|
|
50
|
+
//#region ../ccui/ui/radio/src/radio-types.ts
|
|
51
|
+
var u = {
|
|
52
|
+
modelValue: {
|
|
53
|
+
type: [String, Number],
|
|
54
|
+
default: null
|
|
55
|
+
},
|
|
56
|
+
label: {
|
|
57
|
+
type: [String, Number],
|
|
58
|
+
default: ""
|
|
59
|
+
},
|
|
60
|
+
name: {
|
|
61
|
+
type: String,
|
|
62
|
+
default: ""
|
|
63
|
+
},
|
|
64
|
+
disabled: {
|
|
65
|
+
type: Boolean,
|
|
66
|
+
default: !1
|
|
67
|
+
},
|
|
68
|
+
beforeChange: {
|
|
69
|
+
type: Function,
|
|
70
|
+
default: null
|
|
71
|
+
}
|
|
72
|
+
}, d = {
|
|
73
|
+
modelValue: {
|
|
74
|
+
type: [String, Number],
|
|
75
|
+
default: null
|
|
76
|
+
},
|
|
77
|
+
disabled: {
|
|
78
|
+
type: Boolean,
|
|
79
|
+
default: !1
|
|
80
|
+
},
|
|
81
|
+
beforeChange: {
|
|
82
|
+
type: Function,
|
|
83
|
+
default: null
|
|
84
|
+
},
|
|
85
|
+
direction: {
|
|
86
|
+
type: String,
|
|
87
|
+
default: "column"
|
|
88
|
+
}
|
|
89
|
+
}, f = Symbol("CRadioGroup"), p = /* @__PURE__ */ n({
|
|
90
|
+
name: "CRadio",
|
|
91
|
+
props: u,
|
|
92
|
+
emits: ["change", "update:modelValue"],
|
|
93
|
+
setup(n, { emit: i, slots: a }) {
|
|
94
|
+
let o = s("radio"), u = r(f, null), d = e(() => u?.disabled.value || n.disabled), p = e(() => (u ? u.modelValue.value : n.modelValue) === n.label), m = e(() => `${o.b()} ${p.value ? "active" : ""} ${d.value ? "disabled" : ""}`), h = (e) => {
|
|
95
|
+
if (d.value) return Promise.resolve(!1);
|
|
96
|
+
let t = u?.beforeChange || n.beforeChange;
|
|
97
|
+
if (t) {
|
|
98
|
+
let n = t(e);
|
|
99
|
+
return typeof n == "boolean" ? Promise.resolve(n) : n;
|
|
100
|
+
}
|
|
101
|
+
return Promise.resolve(!0);
|
|
102
|
+
}, g = async () => {
|
|
103
|
+
let e = n.label;
|
|
104
|
+
h(e).then((t) => {
|
|
105
|
+
t && (u && u.emitChangeValue(e), i("update:modelValue", e), i("change", e));
|
|
106
|
+
});
|
|
107
|
+
};
|
|
108
|
+
return () => t("label", { class: m.value }, [
|
|
109
|
+
t("input", {
|
|
110
|
+
class: o.e("input"),
|
|
111
|
+
onChange: g,
|
|
112
|
+
type: "radio",
|
|
113
|
+
name: n.name,
|
|
114
|
+
value: n.label,
|
|
115
|
+
disabled: d.value,
|
|
116
|
+
checked: p.value
|
|
117
|
+
}, null),
|
|
118
|
+
t("span", { class: o.e("icon") }, [p.value ? t(c, null, null) : t(l, null, null)]),
|
|
119
|
+
a.default ? a.default() : n.label
|
|
120
|
+
]);
|
|
121
|
+
}
|
|
122
|
+
}), m = /* @__PURE__ */ n({
|
|
123
|
+
name: "CRadioGroup",
|
|
124
|
+
props: d,
|
|
125
|
+
emits: ["change", "update:modelValue"],
|
|
126
|
+
setup(n, { emit: r, slots: o }) {
|
|
127
|
+
let c = s("radio-group");
|
|
128
|
+
i(f, {
|
|
129
|
+
modelValue: a(n, "modelValue"),
|
|
130
|
+
disabled: a(n, "disabled"),
|
|
131
|
+
beforeChange: n.beforeChange,
|
|
132
|
+
emitChangeValue: (e) => {
|
|
133
|
+
r("update:modelValue", e), r("change", e);
|
|
134
|
+
}
|
|
135
|
+
});
|
|
136
|
+
let l = {
|
|
137
|
+
row: "is-row",
|
|
138
|
+
column: "is-column"
|
|
139
|
+
}, u = e(() => `${c.b()} ${l[n.direction]}`);
|
|
140
|
+
return () => t("div", { class: u.value }, [o.default && o.default()]);
|
|
141
|
+
}
|
|
142
|
+
});
|
|
143
|
+
//#endregion
|
|
144
|
+
//#region ../ccui/ui/radio/index.ts
|
|
145
|
+
p.install = function(e) {
|
|
146
|
+
e.component(p.name, p), e.component(m.name, m);
|
|
147
|
+
};
|
|
148
|
+
var h = {
|
|
149
|
+
title: "Radio 单选框",
|
|
150
|
+
category: "数据录入",
|
|
151
|
+
status: "100%",
|
|
152
|
+
install(e) {
|
|
153
|
+
e.component(p.name, p), e.component(m.name, m);
|
|
154
|
+
}
|
|
155
|
+
};
|
|
156
|
+
//#endregion
|
|
157
|
+
export { p as Radio, m as RadioGroup, h as default };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`vue`)):typeof define==`function`&&define.amd?define([`exports`,`vue`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.index={},e.Vue))})(this,function(e,t){Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});function n(e,t,n){let r=e;return t&&(r+=`__${t}`),n&&(r+=`--${n}`),r}function r(e,t=!1){let r=t?`.ccui-${e}`:`ccui-${e}`;return{b:()=>n(r),e:e=>e?n(r,e):``,m:e=>e?n(r,``,e):``,em:(e,t)=>e&&t?n(r,e,t):``,is:e=>`is-${e}`}}function i(){return(0,t.createVNode)(`svg`,{class:`icon`,viewBox:`0 0 1024 1024`,version:`1.1`,xmlns:`http://www.w3.org/2000/svg`,"p-id":`1257`,width:`16px`,height:`16px`},[(0,t.createVNode)(`path`,{d:`M150.1184 150.1184C250.2656 50.0736 370.8928 0 512 0c141.1072 0 261.7344 50.0736 361.8816 150.1184C973.9264 250.2656 1024 370.8928 1024 512c0 141.2096-50.0736 261.8368-150.1184 361.8816C773.7344 973.9264 653.1072 1024 512 1024c-141.1072 0-261.7344-50.0736-361.8816-150.1184C50.0736 773.8368 0 653.2096 0 512 0 370.8928 50.0736 250.2656 150.1184 150.1184zM512 41.8816c-85.2992 0-164.1472 20.8896-236.3392 62.7712C203.4688 146.432 146.432 203.4688 104.6528 275.6608 62.7712 347.9552 41.8816 426.7008 41.8816 512c0 129.6384 45.9776 240.4352 137.8304 332.288C271.5648 936.2432 382.3616 982.1184 512 982.1184c129.6384 0 240.4352-45.8752 332.288-137.8304C936.2432 752.4352 982.1184 641.6384 982.1184 512c0-129.6384-45.9776-240.3328-137.8304-332.288C752.4352 87.7568 641.6384 41.8816 512 41.8816zM512 256c-36.1472 0-70.144 7.0656-102.1952 20.8896C377.856 290.9184 349.4912 309.3504 324.9152 332.288c-22.9376 24.576-41.472 52.9408-55.3984 84.8896S248.6272 483.328 248.6272 519.3728c0 36.1472 6.9632 70.144 20.8896 102.1952s32.4608 60.3136 55.3984 84.8896C349.4912 729.4976 377.856 747.9296 409.8048 761.856 441.856 775.7824 475.8528 782.7456 512 782.7456c36.1472 0 70.144-6.9632 102.1952-20.8896C646.144 747.9296 674.5088 729.4976 699.0848 706.4576c22.9376-24.576 41.472-52.9408 55.3984-84.8896s20.8896-66.048 20.8896-102.1952c0-36.0448-6.9632-70.144-20.8896-102.1952S722.0224 356.9664 699.0848 332.288C674.5088 309.3504 646.144 290.9184 614.1952 276.8896 582.144 263.0656 548.1472 256 512 256z`,"p-id":`1258`},null)])}function a(){return(0,t.createVNode)(`svg`,{class:`icon`,viewBox:`0 0 1024 1024`,version:`1.1`,xmlns:`http://www.w3.org/2000/svg`,"p-id":`1392`,width:`16px`,height:`16px`},[(0,t.createVNode)(`path`,{d:`M150.1184 150.1184C250.2656 50.0736 370.8928 0 512 0c141.1072 0 261.7344 50.0736 361.8816 150.1184C973.9264 250.2656 1024 370.8928 1024 512c0 141.1072-50.0736 261.7344-150.1184 361.8816C773.7344 973.9264 653.1072 1024 512 1024c-141.1072 0-261.7344-50.0736-361.8816-150.1184C50.0736 773.7344 0 653.1072 0 512 0 370.8928 50.0736 250.2656 150.1184 150.1184zM512 41.8816c-85.2992 0-164.1472 20.8896-236.3392 62.7712C203.4688 146.432 146.432 203.4688 104.6528 275.6608 62.7712 347.8528 41.8816 426.7008 41.8816 512c0 129.6384 45.9776 240.4352 137.8304 332.288C271.5648 936.2432 382.3616 982.1184 512 982.1184s240.4352-45.9776 332.288-137.8304C936.2432 752.4352 982.1184 641.6384 982.1184 512c0-129.6384-45.9776-240.4352-137.8304-332.288S641.6384 41.8816 512 41.8816z`,"p-id":`1393`},null)])}var o={modelValue:{type:[String,Number],default:null},label:{type:[String,Number],default:``},name:{type:String,default:``},disabled:{type:Boolean,default:!1},beforeChange:{type:Function,default:null}},s={modelValue:{type:[String,Number],default:null},disabled:{type:Boolean,default:!1},beforeChange:{type:Function,default:null},direction:{type:String,default:`column`}},c=Symbol(`CRadioGroup`),l=(0,t.defineComponent)({name:`CRadio`,props:o,emits:[`change`,`update:modelValue`],setup(e,{emit:n,slots:o}){let s=r(`radio`),l=(0,t.inject)(c,null),u=(0,t.computed)(()=>l?.disabled.value||e.disabled),d=(0,t.computed)(()=>(l?l.modelValue.value:e.modelValue)===e.label),f=(0,t.computed)(()=>`${s.b()} ${d.value?`active`:``} ${u.value?`disabled`:``}`),p=t=>{if(u.value)return Promise.resolve(!1);let n=l?.beforeChange||e.beforeChange;if(n){let e=n(t);return typeof e==`boolean`?Promise.resolve(e):e}return Promise.resolve(!0)},m=async()=>{let t=e.label;p(t).then(e=>{e&&(l&&l.emitChangeValue(t),n(`update:modelValue`,t),n(`change`,t))})};return()=>(0,t.createVNode)(`label`,{class:f.value},[(0,t.createVNode)(`input`,{class:s.e(`input`),onChange:m,type:`radio`,name:e.name,value:e.label,disabled:u.value,checked:d.value},null),(0,t.createVNode)(`span`,{class:s.e(`icon`)},[d.value?(0,t.createVNode)(i,null,null):(0,t.createVNode)(a,null,null)]),o.default?o.default():e.label])}}),u=(0,t.defineComponent)({name:`CRadioGroup`,props:s,emits:[`change`,`update:modelValue`],setup(e,{emit:n,slots:i}){let a=r(`radio-group`);(0,t.provide)(c,{modelValue:(0,t.toRef)(e,`modelValue`),disabled:(0,t.toRef)(e,`disabled`),beforeChange:e.beforeChange,emitChangeValue:e=>{n(`update:modelValue`,e),n(`change`,e)}});let o={row:`is-row`,column:`is-column`},s=(0,t.computed)(()=>`${a.b()} ${o[e.direction]}`);return()=>(0,t.createVNode)(`div`,{class:s.value},[i.default&&i.default()])}});l.install=function(e){e.component(l.name,l),e.component(u.name,u)},e.Radio=l,e.RadioGroup=u,e.default={title:`Radio 单选框`,category:`数据录入`,status:`100%`,install(e){e.component(l.name,l),e.component(u.name,u)}}});
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
:root{--ccui-global-bg:#f5f5f5;--ccui-global-bg-normal:#fff;--ccui-base-bg:#fff;--ccui-base-bg-dark:#000000d9;--ccui-brand:#1677ff;--ccui-brand-foil:#e6f4ff;--ccui-brand-hover:#4096ff;--ccui-brand-active:#0958d9;--ccui-brand-active-focus:#003eb3;--ccui-contrast:#ff4d4f;--ccui-text:#000000e0;--ccui-text-weak:#000000a6;--ccui-aide-text:#00000073;--ccui-aide-text-stress:#000000a6;--ccui-placeholder:#00000040;--ccui-light-text:#fff;--ccui-dark-text:#000000e0;--ccui-link:#1677ff;--ccui-link-active:#0958d9;--ccui-link-light:#4096ff;--ccui-link-light-active:#69b1ff;--ccui-line:#d9d9d9;--ccui-dividing-line:#f0f0f0;--ccui-block:#fff;--ccui-area:#fafafa;--ccui-danger:#ff4d4f;--ccui-warning:#faad14;--ccui-waiting:#00000073;--ccui-success:#52c41a;--ccui-info:#1677ff;--ccui-initial:#e6f4ff;--ccui-unavailable:#f5f5f5;--ccui-shadow:#00000026;--ccui-light-shadow:#0000000f;--ccui-icon-text:#000000e0;--ccui-icon-bg:#fff;--ccui-icon-fill:#00000073;--ccui-icon-fill-hover:#000000a6;--ccui-icon-fill-active:#1677ff;--ccui-icon-fill-active-hover:#4096ff;--ccui-form-control-line:#d9d9d9;--ccui-form-control-line-hover:#4096ff;--ccui-form-control-line-active:#1677ff;--ccui-form-control-line-active-hover:#0958d9;--ccui-list-item-active-bg:#1677ff;--ccui-list-item-active-text:#fff;--ccui-list-item-active-hover-bg:#4096ff;--ccui-list-item-hover-bg:#0000000a;--ccui-list-item-hover-text:#1677ff;--ccui-list-item-selected-bg:#e6f4ff;--ccui-list-item-strip-bg:#fafafa;--ccui-disabled-bg:#0000000a;--ccui-disabled-line:#d9d9d9;--ccui-disabled-text:#00000040;--ccui-primary-disabled:#91caff;--ccui-icon-fill-active-disabled:#91caff;--ccui-label-bg:#fafafa;--ccui-connected-overlay-bg:#fff;--ccui-connected-overlay-line:#1677ff;--ccui-fullscreen-overlay-bg:#fff;--ccui-feedback-overlay-bg:#000000d9;--ccui-feedback-overlay-text:#fff;--ccui-embed-search-bg:#fafafa;--ccui-embed-search-bg-hover:#f0f0f0;--ccui-float-block-shadow:#1677ff29;--ccui-highlight-overlay:#fffc;--ccui-range-item-hover-bg:#e6f4ff;--ccui-primary:#1677ff;--ccui-primary-hover:#4096ff;--ccui-primary-active:#0958d9;--ccui-contrast-hover:#ff7875;--ccui-contrast-active:#d9363e;--ccui-secondary:#000000a6;--ccui-danger-line:#ffccc7;--ccui-danger-bg:#fff2f0;--ccui-warning-line:#ffe58f;--ccui-warning-bg:#fffbe6;--ccui-info-line:#91caff;--ccui-info-bg:#e6f4ff;--ccui-success-line:#b7eb8f;--ccui-success-bg:#f6ffed;--ccui-primary-line:#91caff;--ccui-primary-bg:#e6f4ff;--ccui-default-line:#d9d9d9;--ccui-default-bg:#fff;--ccui-font-size:14px;--ccui-font-size-card-title:16px;--ccui-font-size-page-title:20px;--ccui-font-size-modal-title:16px;--ccui-font-size-price:24px;--ccui-font-size-data-overview:30px;--ccui-font-size-icon:16px;--ccui-font-size-sm:12px;--ccui-font-size-md:14px;--ccui-font-size-lg:16px;--ccui-font-title-weight:600;--ccui-font-content-weight:400;--ccui-line-height-base:1.57143;--ccui-border-radius:6px;--ccui-border-radius-feedback:8px;--ccui-border-radius-card:8px;--ccui-shadow-length-base:0 1px 2px 0;--ccui-shadow-length-slide-left:-6px 0 16px 0;--ccui-shadow-length-slide-right:6px 0 16px 0;--ccui-shadow-length-connected-overlay:0 6px 16px 0;--ccui-shadow-length-hover:0 6px 16px 0;--ccui-shadow-length-feedback-overlay:0 6px 16px 0;--ccui-shadow-fullscreen-overlay:0 6px 16px 0;--ccui-animation-duration-slow:.3s;--ccui-animation-duration-base:.2s;--ccui-animation-duration-fast:.1s;--ccui-animation-ease-in:cubic-bezier(.7, 0, .84, 0);--ccui-animation-ease-out:cubic-bezier(.215, .61, .355, 1);--ccui-animation-ease-in-out:cubic-bezier(.78, .14, .15, .86);--ccui-animation-ease-in-smooth:cubic-bezier(.645, .045, .355, 1);--ccui-animation-linear:cubic-bezier(0, 0, 1, 1);--ccui-z-index-full-page-overlay:1080;--ccui-z-index-pop-up:1060;--ccui-z-index-dropdown:1052;--ccui-z-index-modal:1050;--ccui-z-index-drawer:1040;--ccui-z-index-framework:1000;--ccui-size-sm:24px;--ccui-size-md:32px;--ccui-size-lg:40px;--ccui-color-primary:#1677ff;--ccui-color-primary-hover:#4096ff;--ccui-color-primary-active:#0958d9;--ccui-color-primary-bg:#e6f4ff;--ccui-color-primary-bg-hover:#bae0ff;--ccui-color-primary-border:#91caff;--ccui-color-primary-border-hover:#69b1ff;--ccui-color-success:#52c41a;--ccui-color-success-hover:#73d13d;--ccui-color-success-active:#389e0d;--ccui-color-success-bg:#f6ffed;--ccui-color-success-border:#b7eb8f;--ccui-color-warning:#faad14;--ccui-color-warning-hover:#ffc53d;--ccui-color-warning-active:#d48806;--ccui-color-warning-bg:#fffbe6;--ccui-color-warning-border:#ffe58f;--ccui-color-error:#ff4d4f;--ccui-color-error-hover:#ff7875;--ccui-color-error-active:#d9363e;--ccui-color-error-bg:#fff2f0;--ccui-color-error-border:#ffccc7;--ccui-color-info:#1677ff;--ccui-color-info-hover:#4096ff;--ccui-color-info-bg:#e6f4ff;--ccui-color-info-border:#91caff;--ccui-color-text:#000000e0;--ccui-color-text-secondary:#000000a6;--ccui-color-text-tertiary:#00000073;--ccui-color-text-quaternary:#00000040;--ccui-color-text-disabled:#00000040;--ccui-color-text-placeholder:#00000040;--ccui-color-text-heading:#000000e0;--ccui-color-text-light-solid:#fff;--ccui-color-bg-base:#fff;--ccui-color-bg-container:#fff;--ccui-color-bg-elevated:#fff;--ccui-color-bg-layout:#f5f5f5;--ccui-color-bg-spotlight:#000000d9;--ccui-color-bg-mask:#00000073;--ccui-color-bg-text-hover:#0000000f;--ccui-color-bg-text-active:#00000026;--ccui-color-border:#d9d9d9;--ccui-color-border-secondary:#f0f0f0;--ccui-color-border-disabled:#0000000a;--ccui-color-split:#0505050f;--ccui-color-fill:#00000026;--ccui-color-fill-secondary:#0000000f;--ccui-color-fill-tertiary:#0000000a;--ccui-color-fill-quaternary:#00000005;--ccui-control-outline:#0591ff1a;--ccui-control-outline-error:#ff26050f;--ccui-control-outline-warning:#ffd7051a;--ccui-red-1:#fff1f0;--ccui-red-2:#ffccc7;--ccui-red-3:#ffa39e;--ccui-red-4:#ff7875;--ccui-red-5:#ff4d4f;--ccui-red-6:#f5222d;--ccui-red-7:#cf1322;--ccui-red-8:#a8071a;--ccui-red-9:#820014;--ccui-red-10:#5c0011;--ccui-volcano-1:#fff2e8;--ccui-volcano-2:#ffd8bf;--ccui-volcano-3:#ffbb96;--ccui-volcano-4:#ff9c6e;--ccui-volcano-5:#ff7a45;--ccui-volcano-6:#fa541c;--ccui-volcano-7:#d4380d;--ccui-volcano-8:#ad2102;--ccui-volcano-9:#871400;--ccui-volcano-10:#610b00;--ccui-orange-1:#fff7e6;--ccui-orange-2:#ffe7ba;--ccui-orange-3:#ffd591;--ccui-orange-4:#ffc069;--ccui-orange-5:#ffa940;--ccui-orange-6:#fa8c16;--ccui-orange-7:#d46b08;--ccui-orange-8:#ad4e00;--ccui-orange-9:#873800;--ccui-orange-10:#612500;--ccui-gold-1:#fffbe6;--ccui-gold-2:#fff1b8;--ccui-gold-3:#ffe58f;--ccui-gold-4:#ffd666;--ccui-gold-5:#ffc53d;--ccui-gold-6:#faad14;--ccui-gold-7:#d48806;--ccui-gold-8:#ad6800;--ccui-gold-9:#874d00;--ccui-gold-10:#613400;--ccui-yellow-1:#feffe6;--ccui-yellow-2:#ffffb8;--ccui-yellow-3:#fffb8f;--ccui-yellow-4:#fff566;--ccui-yellow-5:#ffec3d;--ccui-yellow-6:#fadb14;--ccui-yellow-7:#d4b106;--ccui-yellow-8:#ad8b00;--ccui-yellow-9:#876800;--ccui-yellow-10:#614700;--ccui-lime-1:#fcffe6;--ccui-lime-2:#f4ffb8;--ccui-lime-3:#eaff8f;--ccui-lime-4:#d3f261;--ccui-lime-5:#bae637;--ccui-lime-6:#a0d911;--ccui-lime-7:#7cb305;--ccui-lime-8:#5b8c00;--ccui-lime-9:#3f6600;--ccui-lime-10:#254000;--ccui-green-1:#f6ffed;--ccui-green-2:#d9f7be;--ccui-green-3:#b7eb8f;--ccui-green-4:#95de64;--ccui-green-5:#73d13d;--ccui-green-6:#52c41a;--ccui-green-7:#389e0d;--ccui-green-8:#237804;--ccui-green-9:#135200;--ccui-green-10:#092b00;--ccui-cyan-1:#e6fffb;--ccui-cyan-2:#b5f5ec;--ccui-cyan-3:#87e8de;--ccui-cyan-4:#5cdbd3;--ccui-cyan-5:#36cfc9;--ccui-cyan-6:#13c2c2;--ccui-cyan-7:#08979c;--ccui-cyan-8:#006d75;--ccui-cyan-9:#00474f;--ccui-cyan-10:#002329;--ccui-blue-1:#e6f4ff;--ccui-blue-2:#bae0ff;--ccui-blue-3:#91caff;--ccui-blue-4:#69b1ff;--ccui-blue-5:#4096ff;--ccui-blue-6:#1677ff;--ccui-blue-7:#0958d9;--ccui-blue-8:#003eb3;--ccui-blue-9:#002c8c;--ccui-blue-10:#001d66;--ccui-geekblue-1:#f0f5ff;--ccui-geekblue-2:#d6e4ff;--ccui-geekblue-3:#adc6ff;--ccui-geekblue-4:#85a5ff;--ccui-geekblue-5:#597ef7;--ccui-geekblue-6:#2f54eb;--ccui-geekblue-7:#1d39c4;--ccui-geekblue-8:#10239e;--ccui-geekblue-9:#061178;--ccui-geekblue-10:#030852;--ccui-purple-1:#f9f0ff;--ccui-purple-2:#efdbff;--ccui-purple-3:#d3adf7;--ccui-purple-4:#b37feb;--ccui-purple-5:#9254de;--ccui-purple-6:#722ed1;--ccui-purple-7:#531dab;--ccui-purple-8:#391085;--ccui-purple-9:#22075e;--ccui-purple-10:#120338;--ccui-magenta-1:#fff0f6;--ccui-magenta-2:#ffd6e7;--ccui-magenta-3:#ffadd2;--ccui-magenta-4:#ff85c0;--ccui-magenta-5:#f759ab;--ccui-magenta-6:#eb2f96;--ccui-magenta-7:#c41d7f;--ccui-magenta-8:#9e1068;--ccui-magenta-9:#780650;--ccui-magenta-10:#520339;--ccui-pink-1:#fff0f6;--ccui-pink-6:#eb2f96;--ccui-border-radius-lg:8px;--ccui-border-radius-sm:4px;--ccui-border-radius-xs:2px;--ccui-border-radius-outer:4px;--ccui-font-size-xl:20px;--ccui-font-size-heading-1:38px;--ccui-font-size-heading-2:30px;--ccui-font-size-heading-3:24px;--ccui-font-size-heading-4:20px;--ccui-font-size-heading-5:16px;--ccui-line-height-lg:1.5;--ccui-line-height-sm:1.66;--ccui-line-height-heading-1:1.21052;--ccui-line-height-heading-2:1.26666;--ccui-line-height-heading-3:1.33333;--ccui-line-height-heading-4:1.4;--ccui-line-height-heading-5:1.5;--ccui-font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--ccui-font-family-code:SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;--ccui-control-height:32px;--ccui-control-height-sm:24px;--ccui-control-height-lg:40px;--ccui-control-height-xs:16px;--ccui-box-shadow:0 6px 16px 0 #00000014, 0 3px 6px -4px #0000001f, 0 9px 28px 8px #0000000d;--ccui-box-shadow-secondary:0 6px 16px 0 #00000014, 0 3px 6px -4px #0000001f, 0 9px 28px 8px #0000000d;--ccui-box-shadow-tertiary:0 1px 2px 0 #00000008, 0 1px 6px -1px #00000005, 0 2px 4px 0 #00000005;--ccui-motion-duration-slow:.3s;--ccui-motion-duration-mid:.2s;--ccui-motion-duration-fast:.1s;--ccui-motion-ease-in-out:cubic-bezier(.645, .045, .355, 1);--ccui-motion-ease-out:cubic-bezier(.215, .61, .355, 1);--ccui-motion-ease-in:cubic-bezier(.55, .055, .675, .19);--ccui-motion-ease-out-back:cubic-bezier(.12, .4, .29, 1.46);--ccui-motion-ease-in-back:cubic-bezier(.71, -.46, .88, .6);--ccui-motion-ease-out-circ:cubic-bezier(.08, .82, .17, 1);--ccui-motion-ease-in-out-circ:cubic-bezier(.78, .14, .15, .86);--ccui-padding-xxs:4px;--ccui-padding-xs:8px;--ccui-padding-sm:12px;--ccui-padding:16px;--ccui-padding-md:20px;--ccui-padding-lg:24px;--ccui-padding-xl:32px;--ccui-margin-xxs:4px;--ccui-margin-xs:8px;--ccui-margin-sm:12px;--ccui-margin:16px;--ccui-margin-md:20px;--ccui-margin-lg:24px;--ccui-margin-xl:32px}.ccui-rate{color:var(--ccui-color-warning,#faad14);align-items:center;font-size:20px;line-height:1;display:inline-flex}.ccui-rate--read-only span{cursor:not-allowed}.ccui-rate__icon{width:20px;height:20px;color:var(--ccui-color-fill,#00000026);cursor:pointer;fill:currentColor;transition:color var(--ccui-motion-duration-mid,.2s) var(--ccui-motion-ease-in-out,cubic-bezier(.645, .045, .355, 1)), transform var(--ccui-motion-duration-mid,.2s) var(--ccui-motion-ease-in-out,cubic-bezier(.645, .045, .355, 1));margin-inline-end:8px;position:relative}.ccui-rate__icon span{width:20px;height:20px;position:absolute;top:0;left:0;overflow:hidden}.ccui-rate__icon svg{fill:currentColor;width:20px;height:20px;display:block}.ccui-rate__icon:hover{transform:scale(1.1)}.ccui-rate--active{color:var(--ccui-color-warning,#faad14);fill:currentColor}.ccui-rate__info{color:var(--ccui-color-text,#000000e0);font-size:var(--ccui-font-size,14px);line-height:var(--ccui-line-height-base,1.57143);margin-inline-start:8px}
|
|
2
|
+
/*$vite$:1*/
|
package/rate/index.es.js
ADDED
|
@@ -0,0 +1,115 @@
|
|
|
1
|
+
import { computed as e, createVNode as t, defineComponent as n, ref as r } from "vue";
|
|
2
|
+
//#region ../ccui/ui/shared/hooks/use-namespace.ts
|
|
3
|
+
function i(e, t, n) {
|
|
4
|
+
let r = e;
|
|
5
|
+
return t && (r += `__${t}`), n && (r += `--${n}`), r;
|
|
6
|
+
}
|
|
7
|
+
function a(e, t = !1) {
|
|
8
|
+
let n = t ? `.ccui-${e}` : `ccui-${e}`;
|
|
9
|
+
return {
|
|
10
|
+
b: () => i(n),
|
|
11
|
+
e: (e) => e ? i(n, e) : "",
|
|
12
|
+
m: (e) => e ? i(n, "", e) : "",
|
|
13
|
+
em: (e, t) => e && t ? i(n, e, t) : "",
|
|
14
|
+
is: (e) => `is-${e}`
|
|
15
|
+
};
|
|
16
|
+
}
|
|
17
|
+
//#endregion
|
|
18
|
+
//#region ../ccui/ui/rate/src/components/icon-default.tsx
|
|
19
|
+
function o() {
|
|
20
|
+
return t("svg", {
|
|
21
|
+
class: "icon",
|
|
22
|
+
viewBox: "0 0 1024 1024",
|
|
23
|
+
version: "1.1",
|
|
24
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
25
|
+
"p-id": "1389",
|
|
26
|
+
width: "16px",
|
|
27
|
+
height: "16px"
|
|
28
|
+
}, [t("path", {
|
|
29
|
+
d: "M979.444 404.205c-3.597-11.189-13.188-18.681-23.977-20.28l-288.119-41.76L538.674 81.022c-4.895-9.89-14.985-16.584-26.674-16.584-11.788 0-21.779 6.793-26.674 16.584L356.652 342.166l-288.219 41.76c-10.79 1.598-20.38 9.19-23.976 20.28-3.697 11.188-0.3 22.877 7.492 30.47l208.397 203.4-49.152 286.92c-1.798 10.69 2.298 22.179 11.788 28.972s21.68 7.293 31.37 2.198L512.1 820.798l257.648 135.168c9.79 5.095 21.779 4.596 31.27-2.197a29.5 29.5 0 0 0 11.788-28.972l-49.252-286.92 208.397-203.201a29.663 29.663 0 0 0 7.493-30.47z",
|
|
30
|
+
"p-id": "1390"
|
|
31
|
+
}, null)]);
|
|
32
|
+
}
|
|
33
|
+
//#endregion
|
|
34
|
+
//#region ../ccui/ui/rate/src/rate.tsx
|
|
35
|
+
var s = /* @__PURE__ */ n({
|
|
36
|
+
name: "CRate",
|
|
37
|
+
props: {
|
|
38
|
+
modelValue: {
|
|
39
|
+
type: Number,
|
|
40
|
+
default: 0
|
|
41
|
+
},
|
|
42
|
+
readOnly: {
|
|
43
|
+
type: Boolean,
|
|
44
|
+
default: !1
|
|
45
|
+
},
|
|
46
|
+
count: {
|
|
47
|
+
type: Number,
|
|
48
|
+
default: 5
|
|
49
|
+
},
|
|
50
|
+
color: {
|
|
51
|
+
type: String,
|
|
52
|
+
default: ""
|
|
53
|
+
},
|
|
54
|
+
allowHalf: {
|
|
55
|
+
type: Boolean,
|
|
56
|
+
default: !1
|
|
57
|
+
},
|
|
58
|
+
onChange: {
|
|
59
|
+
type: Function,
|
|
60
|
+
default: void 0
|
|
61
|
+
},
|
|
62
|
+
onTouched: {
|
|
63
|
+
type: Function,
|
|
64
|
+
default: void 0
|
|
65
|
+
}
|
|
66
|
+
},
|
|
67
|
+
emits: ["change", "update:modelValue"],
|
|
68
|
+
setup(n, { emit: i, slots: s }) {
|
|
69
|
+
let c = a("rate"), l = r(n.modelValue), u = r(Array.from({ length: n.count }, () => ({ width: "0%" }))), d = (e) => {
|
|
70
|
+
let t = e % 1 > 0, n = t ? Math.floor(e) : e - 1;
|
|
71
|
+
u.value.forEach((e, r) => {
|
|
72
|
+
u.value[r].width = n >= r ? t && n === r ? "50%" : "100%" : "0%";
|
|
73
|
+
});
|
|
74
|
+
};
|
|
75
|
+
d(l.value);
|
|
76
|
+
let f = (e) => n.allowHalf && e.offsetX * 2 <= e.target.clientWidth, p = (e, t, r = !1) => {
|
|
77
|
+
if (n.readOnly) return;
|
|
78
|
+
let a = f(e) ? t + .5 : t + 1;
|
|
79
|
+
d(a), r && (l.value = a, i("update:modelValue", a), i("change", a));
|
|
80
|
+
}, m = e(() => s.default ? s.default() : o()), h = () => u.value.map((e, r) => t("div", {
|
|
81
|
+
class: c.e("icon"),
|
|
82
|
+
onMousemove: (e) => p(e, r),
|
|
83
|
+
onClick: (e) => p(e, r, !0)
|
|
84
|
+
}, [t("span", null, [m.value]), t("span", {
|
|
85
|
+
class: c.m("active"),
|
|
86
|
+
style: {
|
|
87
|
+
width: e.width,
|
|
88
|
+
color: n.color,
|
|
89
|
+
fill: n.color
|
|
90
|
+
}
|
|
91
|
+
}, [m.value])])), g = e(() => ({
|
|
92
|
+
[c.b()]: !0,
|
|
93
|
+
[c.m("read-only")]: n.readOnly
|
|
94
|
+
}));
|
|
95
|
+
return () => t("div", {
|
|
96
|
+
class: g.value,
|
|
97
|
+
onMouseleave: () => d(l.value)
|
|
98
|
+
}, [h(), s.info && t("div", { class: c.e("info") }, [s.info(l.value)])]);
|
|
99
|
+
}
|
|
100
|
+
});
|
|
101
|
+
//#endregion
|
|
102
|
+
//#region ../ccui/ui/rate/index.ts
|
|
103
|
+
s.install = function(e) {
|
|
104
|
+
e.component(s.name, s);
|
|
105
|
+
};
|
|
106
|
+
var c = {
|
|
107
|
+
title: "Rate 评分",
|
|
108
|
+
category: "数据展示",
|
|
109
|
+
status: "100%",
|
|
110
|
+
install(e) {
|
|
111
|
+
e.component(s.name, s);
|
|
112
|
+
}
|
|
113
|
+
};
|
|
114
|
+
//#endregion
|
|
115
|
+
export { s as Rate, c as default };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`vue`)):typeof define==`function`&&define.amd?define([`exports`,`vue`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.index={},e.Vue))})(this,function(e,t){Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});function n(e,t,n){let r=e;return t&&(r+=`__${t}`),n&&(r+=`--${n}`),r}function r(e,t=!1){let r=t?`.ccui-${e}`:`ccui-${e}`;return{b:()=>n(r),e:e=>e?n(r,e):``,m:e=>e?n(r,``,e):``,em:(e,t)=>e&&t?n(r,e,t):``,is:e=>`is-${e}`}}function i(){return(0,t.createVNode)(`svg`,{class:`icon`,viewBox:`0 0 1024 1024`,version:`1.1`,xmlns:`http://www.w3.org/2000/svg`,"p-id":`1389`,width:`16px`,height:`16px`},[(0,t.createVNode)(`path`,{d:`M979.444 404.205c-3.597-11.189-13.188-18.681-23.977-20.28l-288.119-41.76L538.674 81.022c-4.895-9.89-14.985-16.584-26.674-16.584-11.788 0-21.779 6.793-26.674 16.584L356.652 342.166l-288.219 41.76c-10.79 1.598-20.38 9.19-23.976 20.28-3.697 11.188-0.3 22.877 7.492 30.47l208.397 203.4-49.152 286.92c-1.798 10.69 2.298 22.179 11.788 28.972s21.68 7.293 31.37 2.198L512.1 820.798l257.648 135.168c9.79 5.095 21.779 4.596 31.27-2.197a29.5 29.5 0 0 0 11.788-28.972l-49.252-286.92 208.397-203.201a29.663 29.663 0 0 0 7.493-30.47z`,"p-id":`1390`},null)])}var a={modelValue:{type:Number,default:0},readOnly:{type:Boolean,default:!1},count:{type:Number,default:5},color:{type:String,default:``},allowHalf:{type:Boolean,default:!1},onChange:{type:Function,default:void 0},onTouched:{type:Function,default:void 0}},o=(0,t.defineComponent)({name:`CRate`,props:a,emits:[`change`,`update:modelValue`],setup(e,{emit:n,slots:a}){let o=r(`rate`),s=(0,t.ref)(e.modelValue),c=(0,t.ref)(Array.from({length:e.count},()=>({width:`0%`}))),l=e=>{let t=e%1>0,n=t?Math.floor(e):e-1;c.value.forEach((e,r)=>{c.value[r].width=n>=r?t&&n===r?`50%`:`100%`:`0%`})};l(s.value);let u=t=>e.allowHalf&&t.offsetX*2<=t.target.clientWidth,d=(t,r,i=!1)=>{if(e.readOnly)return;let a=u(t)?r+.5:r+1;l(a),i&&(s.value=a,n(`update:modelValue`,a),n(`change`,a))},f=(0,t.computed)(()=>a.default?a.default():i()),p=()=>c.value.map((n,r)=>(0,t.createVNode)(`div`,{class:o.e(`icon`),onMousemove:e=>d(e,r),onClick:e=>d(e,r,!0)},[(0,t.createVNode)(`span`,null,[f.value]),(0,t.createVNode)(`span`,{class:o.m(`active`),style:{width:n.width,color:e.color,fill:e.color}},[f.value])])),m=(0,t.computed)(()=>({[o.b()]:!0,[o.m(`read-only`)]:e.readOnly}));return()=>(0,t.createVNode)(`div`,{class:m.value,onMouseleave:()=>l(s.value)},[p(),a.info&&(0,t.createVNode)(`div`,{class:o.e(`info`)},[a.info(s.value)])])}});o.install=function(e){e.component(o.name,o)},e.Rate=o,e.default={title:`Rate 评分`,category:`数据展示`,status:`100%`,install(e){e.component(o.name,o)}}});
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
:root{--ccui-global-bg:#f5f5f5;--ccui-global-bg-normal:#fff;--ccui-base-bg:#fff;--ccui-base-bg-dark:#000000d9;--ccui-brand:#1677ff;--ccui-brand-foil:#e6f4ff;--ccui-brand-hover:#4096ff;--ccui-brand-active:#0958d9;--ccui-brand-active-focus:#003eb3;--ccui-contrast:#ff4d4f;--ccui-text:#000000e0;--ccui-text-weak:#000000a6;--ccui-aide-text:#00000073;--ccui-aide-text-stress:#000000a6;--ccui-placeholder:#00000040;--ccui-light-text:#fff;--ccui-dark-text:#000000e0;--ccui-link:#1677ff;--ccui-link-active:#0958d9;--ccui-link-light:#4096ff;--ccui-link-light-active:#69b1ff;--ccui-line:#d9d9d9;--ccui-dividing-line:#f0f0f0;--ccui-block:#fff;--ccui-area:#fafafa;--ccui-danger:#ff4d4f;--ccui-warning:#faad14;--ccui-waiting:#00000073;--ccui-success:#52c41a;--ccui-info:#1677ff;--ccui-initial:#e6f4ff;--ccui-unavailable:#f5f5f5;--ccui-shadow:#00000026;--ccui-light-shadow:#0000000f;--ccui-icon-text:#000000e0;--ccui-icon-bg:#fff;--ccui-icon-fill:#00000073;--ccui-icon-fill-hover:#000000a6;--ccui-icon-fill-active:#1677ff;--ccui-icon-fill-active-hover:#4096ff;--ccui-form-control-line:#d9d9d9;--ccui-form-control-line-hover:#4096ff;--ccui-form-control-line-active:#1677ff;--ccui-form-control-line-active-hover:#0958d9;--ccui-list-item-active-bg:#1677ff;--ccui-list-item-active-text:#fff;--ccui-list-item-active-hover-bg:#4096ff;--ccui-list-item-hover-bg:#0000000a;--ccui-list-item-hover-text:#1677ff;--ccui-list-item-selected-bg:#e6f4ff;--ccui-list-item-strip-bg:#fafafa;--ccui-disabled-bg:#0000000a;--ccui-disabled-line:#d9d9d9;--ccui-disabled-text:#00000040;--ccui-primary-disabled:#91caff;--ccui-icon-fill-active-disabled:#91caff;--ccui-label-bg:#fafafa;--ccui-connected-overlay-bg:#fff;--ccui-connected-overlay-line:#1677ff;--ccui-fullscreen-overlay-bg:#fff;--ccui-feedback-overlay-bg:#000000d9;--ccui-feedback-overlay-text:#fff;--ccui-embed-search-bg:#fafafa;--ccui-embed-search-bg-hover:#f0f0f0;--ccui-float-block-shadow:#1677ff29;--ccui-highlight-overlay:#fffc;--ccui-range-item-hover-bg:#e6f4ff;--ccui-primary:#1677ff;--ccui-primary-hover:#4096ff;--ccui-primary-active:#0958d9;--ccui-contrast-hover:#ff7875;--ccui-contrast-active:#d9363e;--ccui-secondary:#000000a6;--ccui-danger-line:#ffccc7;--ccui-danger-bg:#fff2f0;--ccui-warning-line:#ffe58f;--ccui-warning-bg:#fffbe6;--ccui-info-line:#91caff;--ccui-info-bg:#e6f4ff;--ccui-success-line:#b7eb8f;--ccui-success-bg:#f6ffed;--ccui-primary-line:#91caff;--ccui-primary-bg:#e6f4ff;--ccui-default-line:#d9d9d9;--ccui-default-bg:#fff;--ccui-font-size:14px;--ccui-font-size-card-title:16px;--ccui-font-size-page-title:20px;--ccui-font-size-modal-title:16px;--ccui-font-size-price:24px;--ccui-font-size-data-overview:30px;--ccui-font-size-icon:16px;--ccui-font-size-sm:12px;--ccui-font-size-md:14px;--ccui-font-size-lg:16px;--ccui-font-title-weight:600;--ccui-font-content-weight:400;--ccui-line-height-base:1.57143;--ccui-border-radius:6px;--ccui-border-radius-feedback:8px;--ccui-border-radius-card:8px;--ccui-shadow-length-base:0 1px 2px 0;--ccui-shadow-length-slide-left:-6px 0 16px 0;--ccui-shadow-length-slide-right:6px 0 16px 0;--ccui-shadow-length-connected-overlay:0 6px 16px 0;--ccui-shadow-length-hover:0 6px 16px 0;--ccui-shadow-length-feedback-overlay:0 6px 16px 0;--ccui-shadow-fullscreen-overlay:0 6px 16px 0;--ccui-animation-duration-slow:.3s;--ccui-animation-duration-base:.2s;--ccui-animation-duration-fast:.1s;--ccui-animation-ease-in:cubic-bezier(.7, 0, .84, 0);--ccui-animation-ease-out:cubic-bezier(.215, .61, .355, 1);--ccui-animation-ease-in-out:cubic-bezier(.78, .14, .15, .86);--ccui-animation-ease-in-smooth:cubic-bezier(.645, .045, .355, 1);--ccui-animation-linear:cubic-bezier(0, 0, 1, 1);--ccui-z-index-full-page-overlay:1080;--ccui-z-index-pop-up:1060;--ccui-z-index-dropdown:1052;--ccui-z-index-modal:1050;--ccui-z-index-drawer:1040;--ccui-z-index-framework:1000;--ccui-size-sm:24px;--ccui-size-md:32px;--ccui-size-lg:40px;--ccui-color-primary:#1677ff;--ccui-color-primary-hover:#4096ff;--ccui-color-primary-active:#0958d9;--ccui-color-primary-bg:#e6f4ff;--ccui-color-primary-bg-hover:#bae0ff;--ccui-color-primary-border:#91caff;--ccui-color-primary-border-hover:#69b1ff;--ccui-color-success:#52c41a;--ccui-color-success-hover:#73d13d;--ccui-color-success-active:#389e0d;--ccui-color-success-bg:#f6ffed;--ccui-color-success-border:#b7eb8f;--ccui-color-warning:#faad14;--ccui-color-warning-hover:#ffc53d;--ccui-color-warning-active:#d48806;--ccui-color-warning-bg:#fffbe6;--ccui-color-warning-border:#ffe58f;--ccui-color-error:#ff4d4f;--ccui-color-error-hover:#ff7875;--ccui-color-error-active:#d9363e;--ccui-color-error-bg:#fff2f0;--ccui-color-error-border:#ffccc7;--ccui-color-info:#1677ff;--ccui-color-info-hover:#4096ff;--ccui-color-info-bg:#e6f4ff;--ccui-color-info-border:#91caff;--ccui-color-text:#000000e0;--ccui-color-text-secondary:#000000a6;--ccui-color-text-tertiary:#00000073;--ccui-color-text-quaternary:#00000040;--ccui-color-text-disabled:#00000040;--ccui-color-text-placeholder:#00000040;--ccui-color-text-heading:#000000e0;--ccui-color-text-light-solid:#fff;--ccui-color-bg-base:#fff;--ccui-color-bg-container:#fff;--ccui-color-bg-elevated:#fff;--ccui-color-bg-layout:#f5f5f5;--ccui-color-bg-spotlight:#000000d9;--ccui-color-bg-mask:#00000073;--ccui-color-bg-text-hover:#0000000f;--ccui-color-bg-text-active:#00000026;--ccui-color-border:#d9d9d9;--ccui-color-border-secondary:#f0f0f0;--ccui-color-border-disabled:#0000000a;--ccui-color-split:#0505050f;--ccui-color-fill:#00000026;--ccui-color-fill-secondary:#0000000f;--ccui-color-fill-tertiary:#0000000a;--ccui-color-fill-quaternary:#00000005;--ccui-control-outline:#0591ff1a;--ccui-control-outline-error:#ff26050f;--ccui-control-outline-warning:#ffd7051a;--ccui-red-1:#fff1f0;--ccui-red-2:#ffccc7;--ccui-red-3:#ffa39e;--ccui-red-4:#ff7875;--ccui-red-5:#ff4d4f;--ccui-red-6:#f5222d;--ccui-red-7:#cf1322;--ccui-red-8:#a8071a;--ccui-red-9:#820014;--ccui-red-10:#5c0011;--ccui-volcano-1:#fff2e8;--ccui-volcano-2:#ffd8bf;--ccui-volcano-3:#ffbb96;--ccui-volcano-4:#ff9c6e;--ccui-volcano-5:#ff7a45;--ccui-volcano-6:#fa541c;--ccui-volcano-7:#d4380d;--ccui-volcano-8:#ad2102;--ccui-volcano-9:#871400;--ccui-volcano-10:#610b00;--ccui-orange-1:#fff7e6;--ccui-orange-2:#ffe7ba;--ccui-orange-3:#ffd591;--ccui-orange-4:#ffc069;--ccui-orange-5:#ffa940;--ccui-orange-6:#fa8c16;--ccui-orange-7:#d46b08;--ccui-orange-8:#ad4e00;--ccui-orange-9:#873800;--ccui-orange-10:#612500;--ccui-gold-1:#fffbe6;--ccui-gold-2:#fff1b8;--ccui-gold-3:#ffe58f;--ccui-gold-4:#ffd666;--ccui-gold-5:#ffc53d;--ccui-gold-6:#faad14;--ccui-gold-7:#d48806;--ccui-gold-8:#ad6800;--ccui-gold-9:#874d00;--ccui-gold-10:#613400;--ccui-yellow-1:#feffe6;--ccui-yellow-2:#ffffb8;--ccui-yellow-3:#fffb8f;--ccui-yellow-4:#fff566;--ccui-yellow-5:#ffec3d;--ccui-yellow-6:#fadb14;--ccui-yellow-7:#d4b106;--ccui-yellow-8:#ad8b00;--ccui-yellow-9:#876800;--ccui-yellow-10:#614700;--ccui-lime-1:#fcffe6;--ccui-lime-2:#f4ffb8;--ccui-lime-3:#eaff8f;--ccui-lime-4:#d3f261;--ccui-lime-5:#bae637;--ccui-lime-6:#a0d911;--ccui-lime-7:#7cb305;--ccui-lime-8:#5b8c00;--ccui-lime-9:#3f6600;--ccui-lime-10:#254000;--ccui-green-1:#f6ffed;--ccui-green-2:#d9f7be;--ccui-green-3:#b7eb8f;--ccui-green-4:#95de64;--ccui-green-5:#73d13d;--ccui-green-6:#52c41a;--ccui-green-7:#389e0d;--ccui-green-8:#237804;--ccui-green-9:#135200;--ccui-green-10:#092b00;--ccui-cyan-1:#e6fffb;--ccui-cyan-2:#b5f5ec;--ccui-cyan-3:#87e8de;--ccui-cyan-4:#5cdbd3;--ccui-cyan-5:#36cfc9;--ccui-cyan-6:#13c2c2;--ccui-cyan-7:#08979c;--ccui-cyan-8:#006d75;--ccui-cyan-9:#00474f;--ccui-cyan-10:#002329;--ccui-blue-1:#e6f4ff;--ccui-blue-2:#bae0ff;--ccui-blue-3:#91caff;--ccui-blue-4:#69b1ff;--ccui-blue-5:#4096ff;--ccui-blue-6:#1677ff;--ccui-blue-7:#0958d9;--ccui-blue-8:#003eb3;--ccui-blue-9:#002c8c;--ccui-blue-10:#001d66;--ccui-geekblue-1:#f0f5ff;--ccui-geekblue-2:#d6e4ff;--ccui-geekblue-3:#adc6ff;--ccui-geekblue-4:#85a5ff;--ccui-geekblue-5:#597ef7;--ccui-geekblue-6:#2f54eb;--ccui-geekblue-7:#1d39c4;--ccui-geekblue-8:#10239e;--ccui-geekblue-9:#061178;--ccui-geekblue-10:#030852;--ccui-purple-1:#f9f0ff;--ccui-purple-2:#efdbff;--ccui-purple-3:#d3adf7;--ccui-purple-4:#b37feb;--ccui-purple-5:#9254de;--ccui-purple-6:#722ed1;--ccui-purple-7:#531dab;--ccui-purple-8:#391085;--ccui-purple-9:#22075e;--ccui-purple-10:#120338;--ccui-magenta-1:#fff0f6;--ccui-magenta-2:#ffd6e7;--ccui-magenta-3:#ffadd2;--ccui-magenta-4:#ff85c0;--ccui-magenta-5:#f759ab;--ccui-magenta-6:#eb2f96;--ccui-magenta-7:#c41d7f;--ccui-magenta-8:#9e1068;--ccui-magenta-9:#780650;--ccui-magenta-10:#520339;--ccui-pink-1:#fff0f6;--ccui-pink-6:#eb2f96;--ccui-border-radius-lg:8px;--ccui-border-radius-sm:4px;--ccui-border-radius-xs:2px;--ccui-border-radius-outer:4px;--ccui-font-size-xl:20px;--ccui-font-size-heading-1:38px;--ccui-font-size-heading-2:30px;--ccui-font-size-heading-3:24px;--ccui-font-size-heading-4:20px;--ccui-font-size-heading-5:16px;--ccui-line-height-lg:1.5;--ccui-line-height-sm:1.66;--ccui-line-height-heading-1:1.21052;--ccui-line-height-heading-2:1.26666;--ccui-line-height-heading-3:1.33333;--ccui-line-height-heading-4:1.4;--ccui-line-height-heading-5:1.5;--ccui-font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--ccui-font-family-code:SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;--ccui-control-height:32px;--ccui-control-height-sm:24px;--ccui-control-height-lg:40px;--ccui-control-height-xs:16px;--ccui-box-shadow:0 6px 16px 0 #00000014, 0 3px 6px -4px #0000001f, 0 9px 28px 8px #0000000d;--ccui-box-shadow-secondary:0 6px 16px 0 #00000014, 0 3px 6px -4px #0000001f, 0 9px 28px 8px #0000000d;--ccui-box-shadow-tertiary:0 1px 2px 0 #00000008, 0 1px 6px -1px #00000005, 0 2px 4px 0 #00000005;--ccui-motion-duration-slow:.3s;--ccui-motion-duration-mid:.2s;--ccui-motion-duration-fast:.1s;--ccui-motion-ease-in-out:cubic-bezier(.645, .045, .355, 1);--ccui-motion-ease-out:cubic-bezier(.215, .61, .355, 1);--ccui-motion-ease-in:cubic-bezier(.55, .055, .675, .19);--ccui-motion-ease-out-back:cubic-bezier(.12, .4, .29, 1.46);--ccui-motion-ease-in-back:cubic-bezier(.71, -.46, .88, .6);--ccui-motion-ease-out-circ:cubic-bezier(.08, .82, .17, 1);--ccui-motion-ease-in-out-circ:cubic-bezier(.78, .14, .15, .86);--ccui-padding-xxs:4px;--ccui-padding-xs:8px;--ccui-padding-sm:12px;--ccui-padding:16px;--ccui-padding-md:20px;--ccui-padding-lg:24px;--ccui-padding-xl:32px;--ccui-margin-xxs:4px;--ccui-margin-xs:8px;--ccui-margin-sm:12px;--ccui-margin:16px;--ccui-margin-md:20px;--ccui-margin-lg:24px;--ccui-margin-xl:32px}.ccui-result{text-align:center;padding:48px 32px}.ccui-result__icon{text-align:center;color:var(--ccui-color-primary,#1677ff);justify-content:center;align-items:center;margin-bottom:24px;display:flex}.ccui-result__icon svg{vertical-align:middle;flex:none;display:block}.ccui-result--success .ccui-result__icon{color:var(--ccui-success,#52c41a)}.ccui-result--error .ccui-result__icon{color:var(--ccui-danger,#ff4d4f)}.ccui-result--warning .ccui-result__icon{color:var(--ccui-warning,#faad14)}.ccui-result--info .ccui-result__icon,.ccui-result--404 .ccui-result__icon,.ccui-result--403 .ccui-result__icon,.ccui-result--500 .ccui-result__icon{color:var(--ccui-color-primary,#1677ff)}.ccui-result__title{color:var(--ccui-color-text-heading,#000000e0);margin-bottom:8px;font-size:24px;line-height:1.8}.ccui-result__subtitle{color:var(--ccui-color-text-secondary,#000000a6);font-size:var(--ccui-font-size,14px);line-height:1.6}.ccui-result__extra{margin-top:24px}.ccui-result__extra>*{margin-inline-end:8px}.ccui-result__extra>:last-child{margin-inline-end:0}.ccui-result__content{background-color:var(--ccui-color-fill-quaternary,#00000005);border-radius:var(--ccui-border-radius,6px);text-align:start;margin-top:24px;padding:24px 40px}
|
|
2
|
+
/*$vite$:1*/
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
import { computed as e, createVNode as t, defineComponent as n } from "vue";
|
|
2
|
+
//#region ../ccui/ui/shared/hooks/use-namespace.ts
|
|
3
|
+
function r(e, t, n) {
|
|
4
|
+
let r = e;
|
|
5
|
+
return t && (r += `__${t}`), n && (r += `--${n}`), r;
|
|
6
|
+
}
|
|
7
|
+
function i(e, t = !1) {
|
|
8
|
+
let n = t ? `.ccui-${e}` : `ccui-${e}`;
|
|
9
|
+
return {
|
|
10
|
+
b: () => r(n),
|
|
11
|
+
e: (e) => e ? r(n, e) : "",
|
|
12
|
+
m: (e) => e ? r(n, "", e) : "",
|
|
13
|
+
em: (e, t) => e && t ? r(n, e, t) : "",
|
|
14
|
+
is: (e) => `is-${e}`
|
|
15
|
+
};
|
|
16
|
+
}
|
|
17
|
+
//#endregion
|
|
18
|
+
//#region ../ccui/ui/result/src/result-types.ts
|
|
19
|
+
var a = {
|
|
20
|
+
status: {
|
|
21
|
+
type: String,
|
|
22
|
+
default: "info"
|
|
23
|
+
},
|
|
24
|
+
title: {
|
|
25
|
+
type: String,
|
|
26
|
+
default: ""
|
|
27
|
+
},
|
|
28
|
+
subTitle: {
|
|
29
|
+
type: String,
|
|
30
|
+
default: ""
|
|
31
|
+
},
|
|
32
|
+
icon: {
|
|
33
|
+
type: String,
|
|
34
|
+
default: ""
|
|
35
|
+
}
|
|
36
|
+
}, o = {
|
|
37
|
+
success: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm193.5 301.7l-210.6 292a31.8 31.8 0 0 1-51.7 0L318.5 484.9c-3.8-5.3 0-12.7 6.5-12.7h46.9c10.2 0 19.9 4.9 25.9 13.3l71.2 98.8 157.2-218c6-8.3 15.6-13.3 25.9-13.3H699c6.5 0 10.3 7.4 6.5 12.7z",
|
|
38
|
+
error: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 0 1-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z",
|
|
39
|
+
info: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm32 664c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V456c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272zm-32-344a48.01 48.01 0 0 1 0-96 48.01 48.01 0 0 1 0 96z",
|
|
40
|
+
warning: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 0 1 0-96 48.01 48.01 0 0 1 0 96z"
|
|
41
|
+
}, s = {
|
|
42
|
+
404: {
|
|
43
|
+
title: "404",
|
|
44
|
+
subTitle: "Sorry, the page you visited does not exist."
|
|
45
|
+
},
|
|
46
|
+
403: {
|
|
47
|
+
title: "403",
|
|
48
|
+
subTitle: "Sorry, you are not authorized to access this page."
|
|
49
|
+
},
|
|
50
|
+
500: {
|
|
51
|
+
title: "500",
|
|
52
|
+
subTitle: "Sorry, something went wrong."
|
|
53
|
+
}
|
|
54
|
+
}, c = /* @__PURE__ */ n({
|
|
55
|
+
name: "CResult",
|
|
56
|
+
props: a,
|
|
57
|
+
setup(n, { slots: r }) {
|
|
58
|
+
let a = i("result"), c = e(() => n.status === "404" || n.status === "403" || n.status === "500"), l = e(() => ({
|
|
59
|
+
[a.b()]: !0,
|
|
60
|
+
[a.m(n.status)]: !0
|
|
61
|
+
})), u = () => r.icon ? r.icon() : t("svg", {
|
|
62
|
+
viewBox: "64 64 896 896",
|
|
63
|
+
width: "72",
|
|
64
|
+
height: "72",
|
|
65
|
+
fill: "currentColor"
|
|
66
|
+
}, [t("path", { d: o[n.status] || o.info }, null)]), d = e(() => n.title ? n.title : c.value ? s[n.status]?.title : ""), f = e(() => n.subTitle ? n.subTitle : c.value ? s[n.status]?.subTitle : "");
|
|
67
|
+
return () => t("div", { class: l.value }, [
|
|
68
|
+
t("div", { class: a.e("icon") }, [u()]),
|
|
69
|
+
d.value && t("div", { class: a.e("title") }, [d.value]),
|
|
70
|
+
f.value && t("div", { class: a.e("subtitle") }, [f.value]),
|
|
71
|
+
r.extra && t("div", { class: a.e("extra") }, [r.extra()]),
|
|
72
|
+
r.default && t("div", { class: a.e("content") }, [r.default()])
|
|
73
|
+
]);
|
|
74
|
+
}
|
|
75
|
+
});
|
|
76
|
+
//#endregion
|
|
77
|
+
//#region ../ccui/ui/result/index.ts
|
|
78
|
+
c.install = function(e) {
|
|
79
|
+
e.component(c.name, c);
|
|
80
|
+
};
|
|
81
|
+
var l = {
|
|
82
|
+
title: "Result 结果",
|
|
83
|
+
category: "反馈",
|
|
84
|
+
status: "100%",
|
|
85
|
+
install(e) {
|
|
86
|
+
e.component(c.name, c);
|
|
87
|
+
}
|
|
88
|
+
};
|
|
89
|
+
//#endregion
|
|
90
|
+
export { c as Result, l as default };
|