@can2421/ui-components 1.0.26 → 1.0.28

package/dist/packages/components/src/button/button.d.ts

@@ -13,13 +13,22 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         readonly default: "primary";
     };
     readonly size: StringConstructor;
+    readonly namespace: {
+        readonly type: StringConstructor;
+        readonly default: "c";
+    };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     readonly type: {
         readonly type: import('vue').PropType<import('./button.types').ButtonType>;
         readonly default: "primary";
     };
     readonly size: StringConstructor;
+    readonly namespace: {
+        readonly type: StringConstructor;
+        readonly default: "c";
+    };
 }>> & Readonly<{}>, {
+    readonly namespace: string;
     readonly type: import('./button.types').ButtonType;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/packages/components/src/button/button.types.d.ts

@@ -6,5 +6,9 @@ export declare const buttonProps: {
         readonly default: "primary";
     };
     readonly size: StringConstructor;
+    readonly namespace: {
+        readonly type: StringConstructor;
+        readonly default: "c";
+    };
 };
 export type ButtonProps = ExtractPropTypes<typeof buttonProps>;

package/dist/packages/components/src/button/index.d.ts

@@ -5,7 +5,12 @@ declare const CButton: import('../../../utils/install').SFCWithInstall<{
             readonly default: "primary";
         };
         readonly size: StringConstructor;
+        readonly namespace: {
+            readonly type: StringConstructor;
+            readonly default: "c";
+        };
     }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        readonly namespace: string;
         readonly type: import('./button.types').ButtonType;
     }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};
@@ -20,7 +25,12 @@ declare const CButton: import('../../../utils/install').SFCWithInstall<{
             readonly default: "primary";
         };
         readonly size: StringConstructor;
+        readonly namespace: {
+            readonly type: StringConstructor;
+            readonly default: "c";
+        };
     }>> & Readonly<{}>, {}, {}, {}, {}, {
+        readonly namespace: string;
         readonly type: import('./button.types').ButtonType;
     }>;
     __isFragment?: never;
@@ -32,7 +42,12 @@ declare const CButton: import('../../../utils/install').SFCWithInstall<{
         readonly default: "primary";
     };
     readonly size: StringConstructor;
+    readonly namespace: {
+        readonly type: StringConstructor;
+        readonly default: "c";
+    };
 }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    readonly namespace: string;
     readonly type: import('./button.types').ButtonType;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {

package/dist/packages/components/src/config-provider/hooks.d.ts

@@ -0,0 +1,6 @@
+import { App, MaybeRef, Ref } from 'vue';
+import { ConfigProviderContext } from './types';
+export declare function useGlobalConfig<K extends keyof ConfigProviderContext, D extends ConfigProviderContext[K]>(key: K, defaultValue?: D): Ref<Exclude<ConfigProviderContext[K], undefined> | D>;
+export declare function useGlobalConfig(): Ref<ConfigProviderContext>;
+export declare function provideGlobalConfig(config: MaybeRef<ConfigProviderContext>, app?: App): Ref<ConfigProviderContext, ConfigProviderContext> | undefined;
+export declare function useNamespace(className: string): string;

package/dist/packages/components/src/config-provider/index.d.ts

@@ -0,0 +1,17 @@
+declare const ConfigProvider: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    namespace: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    namespace: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    namespace: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export type ConfigProviderInstance = InstanceType<typeof ConfigProvider>;
+export default ConfigProvider;

package/dist/packages/components/src/config-provider/props.d.ts

@@ -0,0 +1,6 @@
+export declare const configproviderProps: {
+    namespace: {
+        type: StringConstructor;
+        default: string;
+    };
+};

package/dist/packages/components/src/config-provider/token.d.ts

@@ -0,0 +1,4 @@
+import { InjectionKey, Ref } from 'vue';
+import { ConfigProviderContext } from './types';
+export declare const configProviderContextKey: InjectionKey<Ref<ConfigProviderContext>>;
+export declare const defaultNamespace = "c";

package/dist/packages/components/src/config-provider/types.d.ts

@@ -0,0 +1,3 @@
+export interface ConfigProviderContext {
+    namespace: string;
+}

package/dist/packages/components/src/types/baseProps.d.ts

@@ -0,0 +1,6 @@
+export declare const baseProps: {
+    readonly namespace: {
+        readonly type: StringConstructor;
+        readonly default: "c";
+    };
+};

package/dist/ui-components.mjs

@@ -1,47 +1,67 @@
-import { defineComponent as s, createElementBlock as l, openBlock as a, normalizeClass as i, renderSlot as p } from "vue";
-const u = (t) => (t.install = (o) => {
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".c-button[data-v-c8316dbd]{display:inline-block;padding:.5em 1em;outline:unset;border:unset;border-radius:4px;background:#fff;cursor:pointer}.c-button[data-v-c8316dbd]:active{box-shadow:inset 0 0 0 1px #eaeaea}.c-button--primary[data-v-c8316dbd]{background:#409eff;color:#fff}.c-button--disabled[data-v-c8316dbd]{cursor:not-allowed;opacity:.5}")),document.head.appendChild(e)}}catch(d){console.error("vite-plugin-css-injected-by-js",d)}})();
+import { ref as u, getCurrentInstance as i, inject as p, computed as f, defineComponent as m, createElementBlock as d, openBlock as _, normalizeClass as b, unref as s, renderSlot as g } from "vue";
+const y = (t) => (t.install = (e) => {
   const n = t.name || "UnknownComponent";
-  o.component(n, t);
-}, t), r = {
+  e.component(n, t);
+}, t), C = Symbol("c"), v = "c", a = u({
+  namespace: "ctsy"
+});
+function k(t, e = void 0) {
+  const n = i() ? p(C, a) : a;
+  return f(() => {
+    var o;
+    return ((o = n.value) == null ? void 0 : o[t]) ?? e;
+  });
+}
+function r(t) {
+  return `${k("namespace", v).value}-${t}`;
+}
+const S = {
+  namespace: {
+    type: String,
+    default: "c"
+  }
+}, l = {
+  ...S,
   type: {
     type: String,
     default: "primary"
   },
   size: String
-}, _ = /* @__PURE__ */ s({
+}, B = /* @__PURE__ */ m({
   name: "CButton",
   __name: "button",
-  props: r,
+  props: l,
   setup(t) {
-    const o = t;
+    const e = t;
     function n() {
       console.log("click");
     }
-    return (e, c) => (a(), l("div", {
-      class: i(["c-button", [`c-button--${o.type}`]]),
+    return (o, c) => (_(), d("div", {
+      class: b([s(r)("button"), s(r)(`button--${e.type}`)]),
       onClick: n
     }, [
-      p(e.$slots, "default", {}, void 0, !0)
+      g(o.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), d = (t, o) => {
+}), h = (t, e) => {
   const n = t.__vccOpts || t;
-  for (const [e, c] of o)
-    n[e] = c;
+  for (const [o, c] of e)
+    n[o] = c;
   return n;
-}, m = /* @__PURE__ */ d(_, [["__scopeId", "data-v-74b530d6"]]), f = u(m), b = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, j = /* @__PURE__ */ h(B, [["__scopeId", "data-v-c8316dbd"]]), x = y(j), O = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  CButton: f,
-  buttonProps: r
-}, Symbol.toStringTag, { value: "Module" })), y = {
+  CButton: x,
+  buttonProps: l
+}, Symbol.toStringTag, { value: "Module" })), $ = {
   install(t) {
-    Object.entries(b).forEach(([o, n]) => {
-      t.component(o, n);
+    Object.entries(O).forEach(([e, n]) => {
+      t.component(e, n);
     });
   }
 };
 export {
-  f as CButton,
-  r as buttonProps,
-  y as default
+  x as CButton,
+  l as buttonProps,
+  $ as default
 };

package/dist/ui-components.umd.js

@@ -1,2 +1,2 @@
-(function(e,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],n):(e=typeof globalThis<"u"?globalThis:e||self,n(e["can-lib"]={},e.Vue))})(this,(function(e,n){"use strict";var s=document.createElement("style");s.textContent=`.c-button[data-v-74b530d6]{display:inline-block;padding:.5em 1em;outline:unset;border:unset;border-radius:4px;background:#fff;cursor:pointer}.c-button[data-v-74b530d6]:active{box-shadow:inset 0 0 0 1px #eaeaea}.c-button--primary[data-v-74b530d6]{background:#409eff;color:#fff}.c-button--disabled[data-v-74b530d6]{cursor:not-allowed;opacity:.5}
-/*$vite$:1*/`,document.head.appendChild(s);const u=t=>(t.install=c=>{const o=t.name||"UnknownComponent";c.component(o,t)},t),a={type:{type:String,default:"primary"},size:String},i=u(((t,c)=>{const o=t.__vccOpts||t;for(const[r,d]of c)o[r]=d;return o})(n.defineComponent({name:"CButton",__name:"button",props:a,setup(t){const c=t;function o(){console.log("click")}return(r,d)=>(n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(["c-button",[`c-button--${c.type}`]]),onClick:o},[n.renderSlot(r.$slots,"default",{},void 0,!0)],2))}}),[["__scopeId","data-v-74b530d6"]])),l=Object.freeze(Object.defineProperty({__proto__:null,CButton:i,buttonProps:a},Symbol.toStringTag,{value:"Module"})),p={install(t){Object.entries(l).forEach(([c,o])=>{t.component(c,o)})}};e.CButton=i,e.buttonProps=a,e.default=p,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".c-button[data-v-c8316dbd]{display:inline-block;padding:.5em 1em;outline:unset;border:unset;border-radius:4px;background:#fff;cursor:pointer}.c-button[data-v-c8316dbd]:active{box-shadow:inset 0 0 0 1px #eaeaea}.c-button--primary[data-v-c8316dbd]{background:#409eff;color:#fff}.c-button--disabled[data-v-c8316dbd]{cursor:not-allowed;opacity:.5}")),document.head.appendChild(e)}}catch(d){console.error("vite-plugin-css-injected-by-js",d)}})();
+(function(c,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(c=typeof globalThis<"u"?globalThis:c||self,e(c["can-lib"]={},c.Vue))})(this,(function(c,e){"use strict";const f=t=>(t.install=n=>{const o=t.name||"UnknownComponent";n.component(o,t)},t),p=Symbol("c"),d="c",r=e.ref({namespace:"ctsy"});function m(t,n=void 0){const o=e.getCurrentInstance()?e.inject(p,r):r;return e.computed(()=>{var s;return((s=o.value)==null?void 0:s[t])??n})}function i(t){return`${m("namespace",d).value}-${t}`}const a={...{namespace:{type:String,default:"c"}},type:{type:String,default:"primary"},size:String},l=f(((t,n)=>{const o=t.__vccOpts||t;for(const[s,u]of n)o[s]=u;return o})(e.defineComponent({name:"CButton",__name:"button",props:a,setup(t){const n=t;function o(){console.log("click")}return(s,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(i)("button"),e.unref(i)(`button--${n.type}`)]),onClick:o},[e.renderSlot(s.$slots,"default",{},void 0,!0)],2))}}),[["__scopeId","data-v-c8316dbd"]])),_=Object.freeze(Object.defineProperty({__proto__:null,CButton:l,buttonProps:a},Symbol.toStringTag,{value:"Module"})),b={install(t){Object.entries(_).forEach(([n,o])=>{t.component(n,o)})}};c.CButton=l,c.buttonProps=a,c.default=b,Object.defineProperties(c,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@can2421/ui-components",
-  "version": "1.0.26",
+  "version": "1.0.28",
   "exports": {
     ".": {
       "types": "./dist/index.es.d.ts",

package/dist/index.css

@@ -1 +0,0 @@
-.c-button[data-v-74b530d6]{display:inline-block;padding:.5em 1em;outline:unset;border:unset;border-radius:4px;background:#fff;cursor:pointer}.c-button[data-v-74b530d6]:active{box-shadow:inset 0 0 0 1px #eaeaea}.c-button--primary[data-v-74b530d6]{background:#409eff;color:#fff}.c-button--disabled[data-v-74b530d6]{cursor:not-allowed;opacity:.5}