@can2421/ui-components 1.0.6 → 1.0.8

package/dist/index.es.js

@@ -1,43 +1,40 @@
-(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".c-button{display:inline-block;padding:.5em 1em;outline:unset;border:unset;border-radius:4px;background:#fff;cursor:pointer}.c-button:active{box-shadow:inset 0 0 0 1px #eaeaea}.c-button--primary{background:#409eff;color:#fff}.c-button--disabled{cursor:not-allowed;opacity:.5}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
-import { defineComponent as l, createElementBlock as c, openBlock as s, normalizeClass as a, renderSlot as i } from "vue";
-const u = (t) => (t.install = (n) => {
-  const e = t.name || "UnknownComponent";
-  n.component(e, t);
-}, t), o = {
+import { defineComponent, createElementBlock, openBlock, normalizeClass, renderSlot } from "vue";
+const withInstall = (component) => {
+  component.install = (app) => {
+    const name = component.name || "UnknownComponent";
+    app.component(name, component);
+  };
+  return component;
+};
+const buttonProps = {
   type: {
     type: String,
     default: "primary"
   },
   size: String
-}, p = /* @__PURE__ */ l({
-  name: "CButton",
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "CButton" },
   __name: "button",
-  props: o,
-  setup(t) {
-    const n = t;
-    function e() {
-      alert("click");
+  props: buttonProps,
+  setup(__props) {
+    const props = __props;
+    function handleClick() {
+      console.log("click");
     }
-    return (r, b) => (s(), c("button", {
-      class: a(["c-button", [`c-button--${n.type}`]]),
-      onClick: e
-    }, [
-      i(r.$slots, "default")
-    ], 2));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("button", {
+        class: normalizeClass(["c-button", [`c-button--${props.type}`]]),
+        onClick: handleClick
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
   }
-}), m = u(p), f = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  CButton: m,
-  buttonProps: o
-}, Symbol.toStringTag, { value: "Module" })), _ = {
-  install(t) {
-    Object.entries(f).forEach(([n, e]) => {
-      t.component(n, e);
-    });
-  }
-};
+});
+const CButton = withInstall(_sfc_main);
 export {
-  m as CButton,
-  o as buttonProps,
-  _ as default
+  CButton,
+  buttonProps
 };
+//# sourceMappingURL=index.es.js.map

package/dist/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../utils/install.ts","../src/button/button.types.ts","../src/button/button.vue","../src/button/index.ts"],"sourcesContent":["import type { App, Plugin } from 'vue'\r\n\r\n// 这里的 T 必须继承自基础组件类型\r\nexport type SFCWithInstall<T> = T & Plugin\r\n\r\nexport const withInstall = <T>(component: T) => {\r\n  (component as SFCWithInstall<T>).install = (app: App) => {\r\n    const name = (component as any).name || 'UnknownComponent'\r\n    app.component(name, component as SFCWithInstall<T>)\r\n  }\r\n  return component as SFCWithInstall<T>\r\n}","import type { ExtractPropTypes, PropType } from 'vue'\r\n\r\nexport type ButtonType = 'primary' | 'success' | 'warning' | 'danger' | 'info'\r\n\r\nexport const buttonProps = {\r\n  type: {\r\n    type: String as PropType<ButtonType>,\r\n    default: 'primary',\r\n  },\r\n  size: String,\r\n} as const\r\n\r\nexport type ButtonProps = ExtractPropTypes<typeof buttonProps>\r\n","<template>\r\n  <button class=\"c-button\" :class=\"[`c-button--${props.type}`]\" @click=\"handleClick\">\r\n    <slot />\r\n  </button>\r\n</template>\r\n\r\n<script lang=\"ts\" setup>\r\nimport { buttonProps } from './button.types'\r\nimport './style/button.scss'\r\n\r\ndefineOptions({ name: 'CButton' })\r\n\r\nconst props = defineProps(buttonProps)\r\n\r\nfunction handleClick() {\r\n  // eslint-disable-next-line no-console\r\n  console.log('click')\r\n}\r\n</script>\r\n","import { withInstall } from '../../../utils/install'\r\nimport Button from './button.vue'\r\n\r\nconst CButton = withInstall(Button)\r\n\r\nexport * from './button.types'\r\n\r\nexport {\r\n  CButton,\r\n}\r\n"],"names":["_createElementBlock","_normalizeClass","_renderSlot","Button"],"mappings":";AAKO,MAAM,cAAc,CAAI,cAAiB;AAC7C,YAAgC,UAAU,CAAC,QAAa;AACvD,UAAM,OAAQ,UAAkB,QAAQ;AACxC,QAAI,UAAU,MAAM,SAA8B;AAAA,EACpD;AACA,SAAO;AACT;ACPO,MAAM,cAAc;AAAA,EACzB,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAAA,EAEX,MAAM;AACR;;;;;;ACEA,UAAM,QAAQ;AAEd,aAAS,cAAc;AAErB,cAAQ,IAAI,OAAO;AAAA,IACrB;;0BAhBEA,mBAES,UAAA;AAAA,QAFD,OAAKC,eAAA,CAAC,YAAU,CAAA,aAAuB,MAAM,IAAI,EAAA,CAAA,CAAA;AAAA,QAAM,SAAO;AAAA,MAAA;QACpEC,WAAQ,KAAA,QAAA,SAAA;AAAA,MAAA;;;;ACCZ,MAAM,UAAU,YAAYC,SAAM;"}

package/dist/index.umd.js

@@ -1,2 +1,43 @@
-(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".c-button{display:inline-block;padding:.5em 1em;outline:unset;border:unset;border-radius:4px;background:#fff;cursor:pointer}.c-button:active{box-shadow:inset 0 0 0 1px #eaeaea}.c-button--primary{background:#409eff;color:#fff}.c-button--disabled{cursor:not-allowed;opacity:.5}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
-(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.CanUI={},e.Vue))})(this,(function(e,t){"use strict";const u=n=>(n.install=o=>{const i=n.name||"UnknownComponent";o.component(i,n)},n),s={type:{type:String,default:"primary"},size:String},l=u(t.defineComponent({name:"CButton",__name:"button",props:s,setup(n){const o=n;function i(){alert("click")}return(a,d)=>(t.openBlock(),t.createElementBlock("button",{class:t.normalizeClass(["c-button",[`c-button--${o.type}`]]),onClick:i},[t.renderSlot(a.$slots,"default")],2))}})),c=Object.freeze(Object.defineProperty({__proto__:null,CButton:l,buttonProps:s},Symbol.toStringTag,{value:"Module"})),r={install(n){Object.entries(c).forEach(([o,i])=>{n.component(o,i)})}};e.CButton=l,e.buttonProps=s,e.default=r,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
+(function(global, factory) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("vue")) : typeof define === "function" && define.amd ? define(["exports", "vue"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.CanUI = {}, global.Vue));
+})(this, (function(exports2, vue) {
+  "use strict";
+  const withInstall = (component) => {
+    component.install = (app) => {
+      const name = component.name || "UnknownComponent";
+      app.component(name, component);
+    };
+    return component;
+  };
+  const buttonProps = {
+    type: {
+      type: String,
+      default: "primary"
+    },
+    size: String
+  };
+  const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+    ...{ name: "CButton" },
+    __name: "button",
+    props: buttonProps,
+    setup(__props) {
+      const props = __props;
+      function handleClick() {
+        console.log("click");
+      }
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("button", {
+          class: vue.normalizeClass(["c-button", [`c-button--${props.type}`]]),
+          onClick: handleClick
+        }, [
+          vue.renderSlot(_ctx.$slots, "default")
+        ], 2);
+      };
+    }
+  });
+  const CButton = withInstall(_sfc_main);
+  exports2.CButton = CButton;
+  exports2.buttonProps = buttonProps;
+  Object.defineProperty(exports2, Symbol.toStringTag, { value: "Module" });
+}));
+//# sourceMappingURL=index.umd.js.map

package/dist/index.umd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.umd.js","sources":["../../utils/install.ts","../src/button/button.types.ts","../src/button/button.vue","../src/button/index.ts"],"sourcesContent":["import type { App, Plugin } from 'vue'\r\n\r\n// 这里的 T 必须继承自基础组件类型\r\nexport type SFCWithInstall<T> = T & Plugin\r\n\r\nexport const withInstall = <T>(component: T) => {\r\n  (component as SFCWithInstall<T>).install = (app: App) => {\r\n    const name = (component as any).name || 'UnknownComponent'\r\n    app.component(name, component as SFCWithInstall<T>)\r\n  }\r\n  return component as SFCWithInstall<T>\r\n}","import type { ExtractPropTypes, PropType } from 'vue'\r\n\r\nexport type ButtonType = 'primary' | 'success' | 'warning' | 'danger' | 'info'\r\n\r\nexport const buttonProps = {\r\n  type: {\r\n    type: String as PropType<ButtonType>,\r\n    default: 'primary',\r\n  },\r\n  size: String,\r\n} as const\r\n\r\nexport type ButtonProps = ExtractPropTypes<typeof buttonProps>\r\n","<template>\r\n  <button class=\"c-button\" :class=\"[`c-button--${props.type}`]\" @click=\"handleClick\">\r\n    <slot />\r\n  </button>\r\n</template>\r\n\r\n<script lang=\"ts\" setup>\r\nimport { buttonProps } from './button.types'\r\nimport './style/button.scss'\r\n\r\ndefineOptions({ name: 'CButton' })\r\n\r\nconst props = defineProps(buttonProps)\r\n\r\nfunction handleClick() {\r\n  // eslint-disable-next-line no-console\r\n  console.log('click')\r\n}\r\n</script>\r\n","import { withInstall } from '../../../utils/install'\r\nimport Button from './button.vue'\r\n\r\nconst CButton = withInstall(Button)\r\n\r\nexport * from './button.types'\r\n\r\nexport {\r\n  CButton,\r\n}\r\n"],"names":["_createElementBlock","_normalizeClass","_renderSlot","Button"],"mappings":";;;;AAKO,QAAM,cAAc,CAAI,cAAiB;AAC7C,cAAgC,UAAU,CAAC,QAAa;AACvD,YAAM,OAAQ,UAAkB,QAAQ;AACxC,UAAI,UAAU,MAAM,SAA8B;AAAA,IACpD;AACA,WAAO;AAAA,EACT;ACPO,QAAM,cAAc;AAAA,IACzB,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,IAEX,MAAM;AAAA,EACR;;;;;;ACEA,YAAM,QAAQ;AAEd,eAAS,cAAc;AAErB,gBAAQ,IAAI,OAAO;AAAA,MACrB;;gCAhBEA,IAAAA,mBAES,UAAA;AAAA,UAFD,OAAKC,IAAAA,eAAA,CAAC,YAAU,CAAA,aAAuB,MAAM,IAAI,EAAA,CAAA,CAAA;AAAA,UAAM,SAAO;AAAA,QAAA;UACpEC,eAAQ,KAAA,QAAA,SAAA;AAAA,QAAA;;;;ACCZ,QAAM,UAAU,YAAYC,SAAM;;;;;"}

package/dist/ui-components.css

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@can2421/ui-components",
-  "version": "1.0.6",
+  "version": "1.0.8",
   "main": "dist/index.umd.js",
   "module": "dist/index.es.js",
   "types": "dist/index.es.d.ts",

package/dist/index.es.d.ts

@@ -1,6 +0,0 @@
-export * from './packages/components/index'
-export {}
-import CanUI from './packages/components/index'
-export default CanUI
-export * from './packages/components/index'
-export {}

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

@@ -1,6 +0,0 @@
-import { App } from 'vue';
-export * from './src/index';
-declare const _default: {
-    install(app: App): void;
-};
-export default _default;

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

@@ -1,31 +0,0 @@
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: HTMLButtonElement;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    readonly type: {
-        readonly type: import('vue').PropType<import('./button.types').ButtonType>;
-        readonly default: "primary";
-    };
-    readonly size: StringConstructor;
-}>, {}, {}, {}, {}, 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<{}>, {
-    readonly type: import('./button.types').ButtonType;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLButtonElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

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

@@ -1,10 +0,0 @@
-import { ExtractPropTypes, PropType } from 'vue';
-export type ButtonType = 'primary' | 'success' | 'warning' | 'danger' | 'info';
-export declare const buttonProps: {
-    readonly type: {
-        readonly type: PropType<ButtonType>;
-        readonly default: "primary";
-    };
-    readonly size: StringConstructor;
-};
-export type ButtonProps = ExtractPropTypes<typeof buttonProps>;

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

@@ -1,43 +0,0 @@
-declare const CButton: import('../../../utils/install').SFCWithInstall<{
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
-        readonly type: {
-            readonly type: import('vue').PropType<import('./button.types').ButtonType>;
-            readonly default: "primary";
-        };
-        readonly size: StringConstructor;
-    }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-        readonly type: import('./button.types').ButtonType;
-    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLButtonElement, import('vue').ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import('vue').ExtractPropTypes<{
-        readonly type: {
-            readonly type: import('vue').PropType<import('./button.types').ButtonType>;
-            readonly default: "primary";
-        };
-        readonly size: StringConstructor;
-    }>> & Readonly<{}>, {}, {}, {}, {}, {
-        readonly type: import('./button.types').ButtonType;
-    }>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-    readonly type: {
-        readonly type: import('vue').PropType<import('./button.types').ButtonType>;
-        readonly default: "primary";
-    };
-    readonly size: StringConstructor;
-}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, 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;
-    };
-})>;
-export * from './button.types';
-export { CButton, };

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

@@ -1 +0,0 @@
-export * from './button';

package/dist/packages/components/vite.config.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import('vite').UserConfig;
-export default _default;

package/dist/packages/utils/install.d.ts

@@ -1,3 +0,0 @@
-import { Plugin } from 'vue';
-export type SFCWithInstall<T> = T & Plugin;
-export declare const withInstall: <T>(component: T) => SFCWithInstall<T>;

package/dist/play/src/App.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLButtonElement>;
-export default _default;

package/dist/play/src/main.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/play/vite.config.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import('vite').UserConfig;
-export default _default;