@can2421/ui-components 1.0.47 → 1.0.49

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.
@@ -1,6 +1,4 @@
1
- import { Plugin } from 'vue';
2
1
  import { default as CButton } from './button.vue';
3
2
  export * from './button.types';
4
- export type SFCWithInstall<T> = T & Plugin;
5
3
  export { CButton, };
6
4
  export default CButton;
@@ -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, 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({
2
+ import { ref as p, getCurrentInstance as d, computed as f, unref as s, provide as _, inject 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"), r = "c", u = p({
4
4
  namespace: "c"
5
5
  });
6
6
  function x(n, e = void 0) {
7
- const c = d() ? _(g, l) : l;
7
+ const c = d() ? v(g, u) : u;
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() ? v : void 0;
14
+ const o = !!d() ? _ : 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(() => a(n));
19
+ const t = f(() => s(n));
20
20
  return o(g, t), t;
21
21
  }
22
- function s(n) {
23
- return `${x("namespace", u).value}-${n}`;
22
+ function a(n) {
23
+ return `${x("namespace", r).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
- 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")
45
+ s(a)("button"),
46
+ e.type && s(a)(`button--${e.type}`),
47
+ e.size && s(a)(`button--${e.size}`),
48
+ e.disabled && s(a)("button--disabled"),
49
+ e.plain && s(a)("button--plain"),
50
+ e.round && s(a)("button--round")
51
51
  ]),
52
52
  disabled: e.disabled,
53
53
  onClick: c
@@ -60,19 +60,15 @@ const h = {
60
60
  for (const [o, t] of e)
61
61
  c[o] = t;
62
62
  return c;
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({
63
+ }, l = /* @__PURE__ */ G(z, [["__scopeId", "data-v-2fe69762"]]), i = /* @__PURE__ */ m({
68
64
  name: "CConfigProvider",
69
65
  __name: "index",
70
66
  props: {
71
- namespace: { default: u }
67
+ namespace: { default: r }
72
68
  },
73
69
  setup(n) {
74
70
  const e = n, c = p({
75
- namespace: u
71
+ namespace: r
76
72
  }), o = S(c);
77
73
  return k(
78
74
  () => e,
@@ -83,19 +79,19 @@ const r = /* @__PURE__ */ m({
83
79
  immediate: !0,
84
80
  deep: !0
85
81
  }
86
- ), (t, C) => b(t.$slots, "default", { config: a(o) });
82
+ ), (t, C) => b(t.$slots, "default", { config: s(o) });
87
83
  }
88
84
  });
89
- r.install = (n) => {
90
- n.component(r.name, r);
85
+ i.install = (n) => {
86
+ n.component(i.name, i);
91
87
  };
92
88
  function w(n) {
93
- n.component(i.name || "CButton", i), n.component(r.name || "CConfigProvider", r);
89
+ n.component(l.name || "CButton", l), n.component(i.name || "CConfigProvider", i);
94
90
  }
95
91
  const N = { install: w };
96
92
  export {
97
- i as CButton,
98
- r as CConfigProvider,
93
+ l as CButton,
94
+ i as CConfigProvider,
99
95
  h as buttonProps,
100
96
  N as default,
101
97
  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 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"}})}));
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 l=Symbol("c"),d="c",u=n.ref({namespace:"c"});function C(e,t=void 0){const c=n.getCurrentInstance()?n.inject(l,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(l,s),s}function r(e){return`${C("namespace",d).value}-${e}`}const p={type:{type:String,default:""},size:String,disabled:Boolean,plain:Boolean,round:Boolean},_=["disabled"],f=((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(r)("button"),t.type&&n.unref(r)(`button--${t.type}`),t.size&&n.unref(r)(`button--${t.size}`),t.disabled&&n.unref(r)("button--disabled"),t.plain&&n.unref(r)("button--plain"),t.round&&n.unref(r)("button--round")]),disabled:t.disabled,onClick:c},[n.renderSlot(i.$slots,"default",{},void 0,!0)],10,_))}}),[["__scopeId","data-v-2fe69762"]]),a=n.defineComponent({name:"CConfigProvider",__name:"index",props:{namespace:{default:d}},setup(e){const t=e,c=n.ref({namespace:d}),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)})}});a.install=e=>{e.component(a.name,a)};function m(e){e.component(f.name||"CButton",f),e.component(a.name||"CConfigProvider",a)}const g={install:m};o.CButton=f,o.CConfigProvider=a,o.buttonProps=p,o.default=g,o.install=m,Object.defineProperties(o,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
package/package.json CHANGED
@@ -1,9 +1,9 @@
1
1
  {
2
2
  "name": "@can2421/ui-components",
3
- "version": "1.0.47",
3
+ "version": "1.0.49",
4
4
  "exports": {
5
5
  ".": {
6
- "types": "./dist/components/src/index.d.ts",
6
+ "types": "./dist/index.d.ts",
7
7
  "import": "./dist/ui-components.mjs",
8
8
  "require": "./dist/ui-components.umd.js"
9
9
  },
@@ -26,7 +26,7 @@
26
26
  "vite-plugin-dts": "^4.5.4"
27
27
  },
28
28
  "scripts": {
29
- "build": "vite build && node scripts/build-all-styles.js && vite build:dts",
29
+ "build": "vite build && node scripts/build-all-styles.js",
30
30
  "build:styles": "node scripts/build-all-styles.js",
31
31
  "build:dts": "vue-tsc -p tsconfig.dts.json"
32
32
  }
@@ -1,13 +0,0 @@
1
- import type { ExtractPropTypes, PropType } from 'vue';
2
- export type ButtonType = 'primary' | 'success' | 'warning' | 'danger' | 'info';
3
- export declare const buttonProps: {
4
- readonly type: {
5
- readonly type: PropType<ButtonType>;
6
- readonly default: "";
7
- };
8
- readonly size: StringConstructor;
9
- readonly disabled: BooleanConstructor;
10
- readonly plain: BooleanConstructor;
11
- readonly round: BooleanConstructor;
12
- };
13
- export type ButtonProps = ExtractPropTypes<typeof buttonProps>;
@@ -1,36 +0,0 @@
1
- declare var __VLS_1: {};
2
- type __VLS_Slots = {} & {
3
- default?: (props: typeof __VLS_1) => any;
4
- };
5
- declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
6
- readonly type: {
7
- readonly type: import("vue").PropType<import("./button.types").ButtonType>;
8
- readonly default: "";
9
- };
10
- readonly size: StringConstructor;
11
- readonly disabled: BooleanConstructor;
12
- readonly plain: BooleanConstructor;
13
- readonly round: BooleanConstructor;
14
- }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
15
- readonly type: {
16
- readonly type: import("vue").PropType<import("./button.types").ButtonType>;
17
- readonly default: "";
18
- };
19
- readonly size: StringConstructor;
20
- readonly disabled: BooleanConstructor;
21
- readonly plain: BooleanConstructor;
22
- readonly round: BooleanConstructor;
23
- }>> & Readonly<{}>, {
24
- readonly type: import("./button.types").ButtonType;
25
- readonly disabled: boolean;
26
- readonly plain: boolean;
27
- readonly round: boolean;
28
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
29
- declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
30
- declare const _default: typeof __VLS_export;
31
- export default _default;
32
- type __VLS_WithSlots<T, S> = T & {
33
- new (): {
34
- $slots: S;
35
- };
36
- };
@@ -1,6 +0,0 @@
1
- import type { App, MaybeRef, Ref } from 'vue';
2
- import type { ConfigProviderContext } from './types';
3
- export declare function useGlobalConfig<K extends keyof ConfigProviderContext, D extends ConfigProviderContext[K]>(key: K, defaultValue?: D): Ref<Exclude<ConfigProviderContext[K], undefined> | D>;
4
- export declare function useGlobalConfig(): Ref<ConfigProviderContext>;
5
- export declare function provideGlobalConfig(config: MaybeRef<ConfigProviderContext>, app?: App): Ref<ConfigProviderContext, ConfigProviderContext> | undefined;
6
- export declare function useNamespace(className: string): string;
@@ -1,18 +0,0 @@
1
- import type { ConfigProviderContext } from './types';
2
- declare var __VLS_1: {
3
- config: ConfigProviderContext | undefined;
4
- };
5
- type __VLS_Slots = {} & {
6
- default?: (props: typeof __VLS_1) => any;
7
- };
8
- declare const __VLS_base: import("vue").DefineComponent<ConfigProviderContext, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ConfigProviderContext> & Readonly<{}>, {
9
- namespace: string;
10
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
11
- declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
12
- declare const _default: typeof __VLS_export;
13
- export default _default;
14
- type __VLS_WithSlots<T, S> = T & {
15
- new (): {
16
- $slots: S;
17
- };
18
- };
@@ -1,4 +0,0 @@
1
- import type { InjectionKey, Ref } from 'vue';
2
- import type { ConfigProviderContext } from './types';
3
- export declare const configProviderContextKey: InjectionKey<Ref<ConfigProviderContext>>;
4
- export declare const defaultNamespace = "c";
@@ -1,3 +0,0 @@
1
- export interface ConfigProviderContext {
2
- namespace: string;
3
- }