@can2421/ui-components 1.0.49 → 1.0.50
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/button/index.d.ts +2 -0
- package/dist/ui-components.mjs +26 -22
- package/dist/ui-components.umd.js +1 -1
- package/package.json +1 -1
package/dist/button/index.d.ts
CHANGED
package/dist/ui-components.mjs
CHANGED
|
@@ -1,26 +1,26 @@
|
|
|
1
1
|
(function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode(".c-button[data-v-2fe69762]{display:inline-block;padding:5px 15px;border-radius:4px;background:#fff;outline:none;color:#606266;font-size:14px;border:1px solid #dcdfe6;cursor:pointer;-webkit-user-select:none;user-select:none}.c-button~.c-button[data-v-2fe69762]{margin-left:8px}.c-button[data-v-2fe69762]:not(.c-button--primary,.c-button--danger,.c-button--warning,.c-button--info,.c-button--success,.c-button--plain,.c-button--disabled):hover{border-color:#57abff;background:#ecf5ff;color:#409eff}.c-button--primary[data-v-2fe69762]:not(.c-button--disabled):hover,.c-button--danger[data-v-2fe69762]:not(.c-button--disabled):hover,.c-button--warning[data-v-2fe69762]:not(.c-button--disabled):hover,.c-button--info[data-v-2fe69762]:not(.c-button--disabled):hover,.c-button--success[data-v-2fe69762]:not(.c-button--disabled):hover{opacity:.8}.c-button[data-v-2fe69762]:active:not(.c-button--disabled){transform:scale(.95)}.c-button--disabled[data-v-2fe69762]{opacity:.5;cursor:not-allowed}.c-button--round[data-v-2fe69762]{border-radius:20px}.c-button--plain[data-v-2fe69762]{background:#fff;border:1px solid #dcdfe6;color:#606266}.c-button--plain[data-v-2fe69762]:not(.c-button--disabled):hover{border-color:#409eff;color:#409eff}.c-button--primary[data-v-2fe69762]{background:#409eff;border-color:#409eff;color:#fff}.c-button--primary.c-button--plain[data-v-2fe69762]{background:#ecf5ff;border:1px solid #409eff;color:#409eff}.c-button--primary.c-button--plain[data-v-2fe69762]:not(.c-button--disabled):hover{background:#409eff;border-color:#409eff;color:#fff}.c-button--success[data-v-2fe69762]{background:#70c646;border-color:#70c646;color:#fff}.c-button--success.c-button--plain[data-v-2fe69762]{background:#f0f9eb;border:1px solid #70c646;color:#70c646}.c-button--success.c-button--plain[data-v-2fe69762]:not(.c-button--disabled):hover{background:#70c646;border-color:#70c646;color:#fff}.c-button--warning[data-v-2fe69762]{background:#e6a23c;border-color:#e6a23c;color:#fff}.c-button--warning.c-button--plain[data-v-2fe69762]{background:#fdf6ec;border:1px solid #e6a23c;color:#e6a23c}.c-button--warning.c-button--plain[data-v-2fe69762]:not(.c-button--disabled):hover{background:#e6a23c;border-color:#e6a23c;color:#fff}.c-button--info[data-v-2fe69762]{background:#909399;border-color:#909399;color:#fff}.c-button--info.c-button--plain[data-v-2fe69762]{background:#f4f4f5;border:1px solid #909399;color:#909399}.c-button--info.c-button--plain[data-v-2fe69762]:not(.c-button--disabled):hover{background:#909399;border-color:#909399;color:#fff}.c-button--danger[data-v-2fe69762]{background:#f56c6c;border-color:#f56c6c;color:#fff}.c-button--danger.c-button--plain[data-v-2fe69762]{background:#fef0f0;border:1px solid #f56c6c;color:#f56c6c}.c-button--danger.c-button--plain[data-v-2fe69762]:not(.c-button--disabled):hover{background:#f56c6c;border-color:#f56c6c;color:#fff}.c-button--small[data-v-2fe69762]{padding:2px 7px;font-size:12px}.c-button--large[data-v-2fe69762]{padding:8px 19px;font-size:14px}")),document.head.appendChild(o)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
|
|
2
|
-
import { ref as p, getCurrentInstance as d,
|
|
3
|
-
const g = Symbol("c"),
|
|
2
|
+
import { ref as p, getCurrentInstance as d, inject as _, computed as f, unref as a, provide as v, defineComponent as m, createElementBlock as y, openBlock as B, normalizeClass as $, renderSlot as b, watch as k } from "vue";
|
|
3
|
+
const g = Symbol("c"), u = "c", l = p({
|
|
4
4
|
namespace: "c"
|
|
5
5
|
});
|
|
6
6
|
function x(n, e = void 0) {
|
|
7
|
-
const c = d() ?
|
|
7
|
+
const c = d() ? _(g, l) : l;
|
|
8
8
|
return f(() => {
|
|
9
9
|
var o;
|
|
10
10
|
return ((o = c.value) == null ? void 0 : o[n]) ?? e;
|
|
11
11
|
});
|
|
12
12
|
}
|
|
13
13
|
function S(n, e) {
|
|
14
|
-
const o = !!d() ?
|
|
14
|
+
const o = !!d() ? v : void 0;
|
|
15
15
|
if (!o) {
|
|
16
16
|
console.warn("provideGlobalConfig", "provideGlobalConfig() can only be used inside setup().");
|
|
17
17
|
return;
|
|
18
18
|
}
|
|
19
|
-
const t = f(() =>
|
|
19
|
+
const t = f(() => a(n));
|
|
20
20
|
return o(g, t), t;
|
|
21
21
|
}
|
|
22
|
-
function
|
|
23
|
-
return `${x("namespace",
|
|
22
|
+
function s(n) {
|
|
23
|
+
return `${x("namespace", u).value}-${n}`;
|
|
24
24
|
}
|
|
25
25
|
const h = {
|
|
26
26
|
type: {
|
|
@@ -42,12 +42,12 @@ const h = {
|
|
|
42
42
|
}
|
|
43
43
|
return (o, t) => (B(), y("button", {
|
|
44
44
|
class: $([
|
|
45
|
-
s
|
|
46
|
-
e.type && s
|
|
47
|
-
e.size && s
|
|
48
|
-
e.disabled && s
|
|
49
|
-
e.plain && s
|
|
50
|
-
e.round && s
|
|
45
|
+
a(s)("button"),
|
|
46
|
+
e.type && a(s)(`button--${e.type}`),
|
|
47
|
+
e.size && a(s)(`button--${e.size}`),
|
|
48
|
+
e.disabled && a(s)("button--disabled"),
|
|
49
|
+
e.plain && a(s)("button--plain"),
|
|
50
|
+
e.round && a(s)("button--round")
|
|
51
51
|
]),
|
|
52
52
|
disabled: e.disabled,
|
|
53
53
|
onClick: c
|
|
@@ -60,15 +60,19 @@ const h = {
|
|
|
60
60
|
for (const [o, t] of e)
|
|
61
61
|
c[o] = t;
|
|
62
62
|
return c;
|
|
63
|
-
},
|
|
63
|
+
}, i = /* @__PURE__ */ G(z, [["__scopeId", "data-v-2fe69762"]]);
|
|
64
|
+
i.install = (n) => {
|
|
65
|
+
n.component(i.name, i);
|
|
66
|
+
};
|
|
67
|
+
const r = /* @__PURE__ */ m({
|
|
64
68
|
name: "CConfigProvider",
|
|
65
69
|
__name: "index",
|
|
66
70
|
props: {
|
|
67
|
-
namespace: { default:
|
|
71
|
+
namespace: { default: u }
|
|
68
72
|
},
|
|
69
73
|
setup(n) {
|
|
70
74
|
const e = n, c = p({
|
|
71
|
-
namespace:
|
|
75
|
+
namespace: u
|
|
72
76
|
}), o = S(c);
|
|
73
77
|
return k(
|
|
74
78
|
() => e,
|
|
@@ -79,19 +83,19 @@ const h = {
|
|
|
79
83
|
immediate: !0,
|
|
80
84
|
deep: !0
|
|
81
85
|
}
|
|
82
|
-
), (t, C) => b(t.$slots, "default", { config:
|
|
86
|
+
), (t, C) => b(t.$slots, "default", { config: a(o) });
|
|
83
87
|
}
|
|
84
88
|
});
|
|
85
|
-
|
|
86
|
-
n.component(
|
|
89
|
+
r.install = (n) => {
|
|
90
|
+
n.component(r.name, r);
|
|
87
91
|
};
|
|
88
92
|
function w(n) {
|
|
89
|
-
n.component(
|
|
93
|
+
n.component(i.name || "CButton", i), n.component(r.name || "CConfigProvider", r);
|
|
90
94
|
}
|
|
91
95
|
const N = { install: w };
|
|
92
96
|
export {
|
|
93
|
-
|
|
94
|
-
|
|
97
|
+
i as CButton,
|
|
98
|
+
r as CConfigProvider,
|
|
95
99
|
h as buttonProps,
|
|
96
100
|
N as default,
|
|
97
101
|
w as install
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
(function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode(".c-button[data-v-2fe69762]{display:inline-block;padding:5px 15px;border-radius:4px;background:#fff;outline:none;color:#606266;font-size:14px;border:1px solid #dcdfe6;cursor:pointer;-webkit-user-select:none;user-select:none}.c-button~.c-button[data-v-2fe69762]{margin-left:8px}.c-button[data-v-2fe69762]:not(.c-button--primary,.c-button--danger,.c-button--warning,.c-button--info,.c-button--success,.c-button--plain,.c-button--disabled):hover{border-color:#57abff;background:#ecf5ff;color:#409eff}.c-button--primary[data-v-2fe69762]:not(.c-button--disabled):hover,.c-button--danger[data-v-2fe69762]:not(.c-button--disabled):hover,.c-button--warning[data-v-2fe69762]:not(.c-button--disabled):hover,.c-button--info[data-v-2fe69762]:not(.c-button--disabled):hover,.c-button--success[data-v-2fe69762]:not(.c-button--disabled):hover{opacity:.8}.c-button[data-v-2fe69762]:active:not(.c-button--disabled){transform:scale(.95)}.c-button--disabled[data-v-2fe69762]{opacity:.5;cursor:not-allowed}.c-button--round[data-v-2fe69762]{border-radius:20px}.c-button--plain[data-v-2fe69762]{background:#fff;border:1px solid #dcdfe6;color:#606266}.c-button--plain[data-v-2fe69762]:not(.c-button--disabled):hover{border-color:#409eff;color:#409eff}.c-button--primary[data-v-2fe69762]{background:#409eff;border-color:#409eff;color:#fff}.c-button--primary.c-button--plain[data-v-2fe69762]{background:#ecf5ff;border:1px solid #409eff;color:#409eff}.c-button--primary.c-button--plain[data-v-2fe69762]:not(.c-button--disabled):hover{background:#409eff;border-color:#409eff;color:#fff}.c-button--success[data-v-2fe69762]{background:#70c646;border-color:#70c646;color:#fff}.c-button--success.c-button--plain[data-v-2fe69762]{background:#f0f9eb;border:1px solid #70c646;color:#70c646}.c-button--success.c-button--plain[data-v-2fe69762]:not(.c-button--disabled):hover{background:#70c646;border-color:#70c646;color:#fff}.c-button--warning[data-v-2fe69762]{background:#e6a23c;border-color:#e6a23c;color:#fff}.c-button--warning.c-button--plain[data-v-2fe69762]{background:#fdf6ec;border:1px solid #e6a23c;color:#e6a23c}.c-button--warning.c-button--plain[data-v-2fe69762]:not(.c-button--disabled):hover{background:#e6a23c;border-color:#e6a23c;color:#fff}.c-button--info[data-v-2fe69762]{background:#909399;border-color:#909399;color:#fff}.c-button--info.c-button--plain[data-v-2fe69762]{background:#f4f4f5;border:1px solid #909399;color:#909399}.c-button--info.c-button--plain[data-v-2fe69762]:not(.c-button--disabled):hover{background:#909399;border-color:#909399;color:#fff}.c-button--danger[data-v-2fe69762]{background:#f56c6c;border-color:#f56c6c;color:#fff}.c-button--danger.c-button--plain[data-v-2fe69762]{background:#fef0f0;border:1px solid #f56c6c;color:#f56c6c}.c-button--danger.c-button--plain[data-v-2fe69762]:not(.c-button--disabled):hover{background:#f56c6c;border-color:#f56c6c;color:#fff}.c-button--small[data-v-2fe69762]{padding:2px 7px;font-size:12px}.c-button--large[data-v-2fe69762]{padding:8px 19px;font-size:14px}")),document.head.appendChild(o)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
|
|
2
|
-
(function(o,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],n):(o=typeof globalThis<"u"?globalThis:o||self,n(o.CanUICpmonents={},o.Vue))})(this,(function(o,n){"use strict";const
|
|
2
|
+
(function(o,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],n):(o=typeof globalThis<"u"?globalThis:o||self,n(o.CanUICpmonents={},o.Vue))})(this,(function(o,n){"use strict";const f=Symbol("c"),l="c",u=n.ref({namespace:"c"});function C(e,t=void 0){const c=n.getCurrentInstance()?n.inject(f,u):u;return n.computed(()=>{var i;return((i=c.value)==null?void 0:i[e])??t})}function b(e,t){const i=!!n.getCurrentInstance()?n.provide:void 0;if(!i){console.warn("provideGlobalConfig","provideGlobalConfig() can only be used inside setup().");return}const s=n.computed(()=>n.unref(e));return i(f,s),s}function a(e){return`${C("namespace",l).value}-${e}`}const p={type:{type:String,default:""},size:String,disabled:Boolean,plain:Boolean,round:Boolean},_=["disabled"],r=((e,t)=>{const c=e.__vccOpts||e;for(const[i,s]of t)c[i]=s;return c})(n.defineComponent({name:"CButton",__name:"button",props:p,setup(e){const t=e;function c(){console.log("click")}return(i,s)=>(n.openBlock(),n.createElementBlock("button",{class:n.normalizeClass([n.unref(a)("button"),t.type&&n.unref(a)(`button--${t.type}`),t.size&&n.unref(a)(`button--${t.size}`),t.disabled&&n.unref(a)("button--disabled"),t.plain&&n.unref(a)("button--plain"),t.round&&n.unref(a)("button--round")]),disabled:t.disabled,onClick:c},[n.renderSlot(i.$slots,"default",{},void 0,!0)],10,_))}}),[["__scopeId","data-v-2fe69762"]]);r.install=e=>{e.component(r.name,r)};const d=n.defineComponent({name:"CConfigProvider",__name:"index",props:{namespace:{default:l}},setup(e){const t=e,c=n.ref({namespace:l}),i=b(c);return n.watch(()=>t,s=>{c.value.namespace=s==null?void 0:s.namespace},{immediate:!0,deep:!0}),(s,y)=>n.renderSlot(s.$slots,"default",{config:n.unref(i)})}});d.install=e=>{e.component(d.name,d)};function m(e){e.component(r.name||"CButton",r),e.component(d.name||"CConfigProvider",d)}const g={install:m};o.CButton=r,o.CConfigProvider=d,o.buttonProps=p,o.default=g,o.install=m,Object.defineProperties(o,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
|