@can2421/ui-components 1.0.27 → 1.0.29

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

@@ -28,8 +28,8 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         readonly default: "c";
     };
 }>> & Readonly<{}>, {
-    readonly type: import('./button.types').ButtonType;
     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"]>;
 export default _default;

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

@@ -10,8 +10,8 @@ declare const CButton: import('../../../utils/install').SFCWithInstall<{
             readonly default: "c";
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-        readonly type: import('./button.types').ButtonType;
         readonly namespace: string;
+        readonly type: import('./button.types').ButtonType;
     }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -30,8 +30,8 @@ declare const CButton: import('../../../utils/install').SFCWithInstall<{
             readonly default: "c";
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, {
-        readonly type: import('./button.types').ButtonType;
         readonly namespace: string;
+        readonly type: import('./button.types').ButtonType;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -47,8 +47,8 @@ declare const CButton: import('../../../utils/install').SFCWithInstall<{
         readonly default: "c";
     };
 }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-    readonly type: import('./button.types').ButtonType;
     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: {
         default?(_: {}): any;

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/index.d.ts

@@ -1 +1,2 @@
 export * from './button';
+export * from './config-provider';

package/dist/ui-components.mjs

@@ -1,53 +1,103 @@
-import { defineComponent as r, createElementBlock as a, openBlock as l, normalizeClass as p, renderSlot as i } from "vue";
-const u = (t) => (t.install = (n) => {
-  const e = t.name || "UnknownComponent";
-  n.component(e, t);
-}, t), m = {
+(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 i, getCurrentInstance as p, computed as u, unref as r, provide as g, inject as b, defineComponent as l, createElementBlock as C, openBlock as v, normalizeClass as _, renderSlot as f, watch as y } from "vue";
+const S = (e) => (e.install = (t) => {
+  const n = e.name || "UnknownComponent";
+  t.component(n, e);
+}, e), d = Symbol("c"), k = "c", s = i({
+  namespace: "ctsy"
+});
+function P(e, t = void 0) {
+  const n = p() ? b(d, s) : s;
+  return u(() => {
+    var o;
+    return ((o = n.value) == null ? void 0 : o[e]) ?? t;
+  });
+}
+function h(e, t) {
+  const o = !!p() ? g : void 0;
+  if (!o) {
+    console.warn("provideGlobalConfig", "provideGlobalConfig() can only be used inside setup().");
+    return;
+  }
+  const c = u(() => r(e));
+  return o(d, c), c;
+}
+function a(e) {
+  return `${P("namespace", k).value}-${e}`;
+}
+const x = {
   namespace: {
     type: String,
     default: "c"
   }
-}, c = {
-  ...m,
+}, m = {
+  ...x,
   type: {
     type: String,
     default: "primary"
   },
   size: String
-}, d = /* @__PURE__ */ r({
+}, B = /* @__PURE__ */ l({
   name: "CButton",
   __name: "button",
-  props: c,
-  setup(t) {
-    const n = t;
-    function e() {
+  props: m,
+  setup(e) {
+    const t = e;
+    function n() {
       console.log("click");
     }
-    return (o, s) => (l(), a("div", {
-      class: p([`${o.namespace}-button`, `${o.namespace}-button--${n.type}`]),
-      onClick: e
+    return (o, c) => (v(), C("div", {
+      class: _([r(a)("button"), r(a)(`button--${t.type}`)]),
+      onClick: n
     }, [
-      i(o.$slots, "default", {}, void 0, !0)
+      f(o.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), f = (t, n) => {
-  const e = t.__vccOpts || t;
-  for (const [o, s] of n)
-    e[o] = s;
-  return e;
-}, _ = /* @__PURE__ */ f(d, [["__scopeId", "data-v-e76271b0"]]), b = u(_), y = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), j = (e, t) => {
+  const n = e.__vccOpts || e;
+  for (const [o, c] of t)
+    n[o] = c;
+  return n;
+}, w = /* @__PURE__ */ j(B, [["__scopeId", "data-v-c8316dbd"]]), G = S(w), O = {
+  namespace: {
+    type: String,
+    default: "c"
+  }
+};
+l({
+  name: "CConfigProvider",
+  props: O,
+  setup(e, { slots: t }) {
+    const n = i({
+      namespace: "c"
+    });
+    y(
+      () => e,
+      (c) => {
+        n.value.namespace = c == null ? void 0 : c.namespace;
+      },
+      {
+        deep: !0,
+        immediate: !0
+      }
+    );
+    const o = h(n);
+    return () => f(t, "default", { config: o == null ? void 0 : o.value });
+  }
+});
+const $ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  CButton: b,
-  buttonProps: c
-}, Symbol.toStringTag, { value: "Module" })), k = {
-  install(t) {
-    Object.entries(y).forEach(([n, e]) => {
-      t.component(n, e);
+  CButton: G,
+  buttonProps: m
+}, Symbol.toStringTag, { value: "Module" })), E = {
+  install(e) {
+    Object.entries($).forEach(([t, n]) => {
+      e.component(t, n);
     });
   }
 };
 export {
-  b as CButton,
-  c as buttonProps,
-  k as default
+  G as CButton,
+  m as buttonProps,
+  E as default
 };

package/dist/ui-components.umd.js

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

package/package.json

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

package/dist/index.css

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