@can2421/ui-components 1.0.0

package/dist/components.css

@@ -0,0 +1 @@
+.c-button{display:inline-block;padding:.5em 1em;border:1px solid #ccc;border-radius:4px;background:#fff;cursor:pointer}.c-button--primary{background:#458db6;color:#fff}.c-button--disabled{cursor:not-allowed;opacity:.5}

package/dist/index.es.d.ts

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

package/dist/index.es.js

@@ -0,0 +1,43 @@
+import { defineComponent as c, createElementBlock as a, openBlock as l, normalizeClass as p, renderSlot as u } from "vue";
+const i = (t) => (t.install = (n) => {
+  const e = t.name || "UnknownComponent";
+  n.component(e, t);
+}, t), r = {
+  type: {
+    type: String,
+    default: "primary"
+  },
+  size: String
+}, _ = /* @__PURE__ */ c({
+  name: "CButton",
+  __name: "button",
+  props: r,
+  setup(t) {
+    const n = t;
+    return (e, o) => (l(), a("button", {
+      class: p(["c-button", [`c-button--${n.type}`]])
+    }, [
+      u(e.$slots, "default", {}, void 0, !0)
+    ], 2));
+  }
+}), m = (t, n) => {
+  const e = t.__vccOpts || t;
+  for (const [o, s] of n)
+    e[o] = s;
+  return e;
+}, d = /* @__PURE__ */ m(_, [["__scopeId", "data-v-51eeb154"]]), f = i(d), b = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  CButton: f,
+  buttonProps: r
+}, Symbol.toStringTag, { value: "Module" })), g = {
+  install(t) {
+    Object.entries(b).forEach(([n, e]) => {
+      t.component(n, e);
+    });
+  }
+};
+export {
+  f as CButton,
+  r as buttonProps,
+  g as default
+};

package/dist/index.umd.js

@@ -0,0 +1 @@
+(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.CanUI={},e.Vue))})(this,(function(e,n){"use strict";const i=t=>(t.install=s=>{const o=t.name||"UnknownComponent";s.component(o,t)},t),r={type:{type:String,default:"primary"},size:String},u=i(((t,s)=>{const o=t.__vccOpts||t;for(const[c,p]of s)o[c]=p;return o})(n.defineComponent({name:"CButton",__name:"button",props:r,setup(t){const s=t;return(o,c)=>(n.openBlock(),n.createElementBlock("button",{class:n.normalizeClass(["c-button",[`c-button--${s.type}`]])},[n.renderSlot(o.$slots,"default",{},void 0,!0)],2))}}),[["__scopeId","data-v-51eeb154"]])),l=Object.freeze(Object.defineProperty({__proto__:null,CButton:u,buttonProps:r},Symbol.toStringTag,{value:"Module"})),a={install(t){Object.entries(l).forEach(([s,o])=>{t.component(s,o)})}};e.CButton=u,e.buttonProps=r,e.default=a,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));

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

@@ -0,0 +1,6 @@
+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

@@ -0,0 +1,31 @@
+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

@@ -0,0 +1,10 @@
+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

@@ -0,0 +1,43 @@
+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

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

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

@@ -0,0 +1,2 @@
+declare const _default: import('vite').UserConfig & Promise<import('vite').UserConfig> & import('vite').UserConfigFnObject & import('vite').UserConfigFnPromise & import('vite').UserConfigFn;
+export default _default;

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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,2 @@
+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

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

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

@@ -0,0 +1,2 @@
+declare const _default: import('vite').UserConfig & Promise<import('vite').UserConfig> & import('vite').UserConfigFnObject & import('vite').UserConfigFnPromise & import('vite').UserConfigFn;
+export default _default;

package/index.ts

@@ -0,0 +1,13 @@
+import type { App } from 'vue'
+import * as components from './src/index'
+
+export * from './src/index'
+
+// 全局导出
+export default {
+  install(app: App) {
+    Object.entries(components).forEach(([name, component]) => {
+      app.component(name, component)
+    })
+  },
+}

package/package.json

@@ -0,0 +1,21 @@
+{
+  "name": "@can2421/ui-components",
+  "version": "1.0.0",
+  "main": "index.ts",
+  "module": "index.ts",
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^6.0.3",
+    "sass": "^1.97.1",
+    "vite-plugin-dts": "^4.5.4"
+  },
+  "scripts": {
+    "build": "vite build"
+  }
+}