erp-plus 1.0.5 → 1.0.6

package/README.md

@@ -1,5 +1,39 @@
-# Vue 3 + TypeScript + Vite
+ERP Plus 组件封装库
+基于 Element Plus 进行二次封装的组件库，提供更高级的组件抽象和业务场景适配。
 
-This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
+🚀 特性
+✅ 基于 Element Plus 2.x 版本
 
-Learn more about the recommended Project Setup and IDE Support in the [Vue Docs TypeScript Guide](https://vuejs.org/guide/typescript/overview.html#project-setup).
+📦 开箱即用，简化复杂组件使用
+
+🎨 统一的样式和交互规范
+
+🔧 高度可配置和可扩展
+
+📱 响应式设计，支持移动端
+
+🌐 TypeScript 支持
+
+🎯 业务场景优化
+
+📦 安装
+# 使用 npm
+npm install your-component-library
+
+# 使用 yarn
+yarn add your-component-library
+
+# 使用 pnpm
+pnpm add your-component-library
+
+🔧 快速开始
+
+全局引入
+import { createApp } from 'vue'
+import App from './App.vue'
+import ErpPlus from 'erp-plus'
+import 'erp-plus/dist/index.css'
+
+const app = createApp(App)
+app.use(ErpPlus)
+app.mount('#app')

package/dist/types/App.vue.d.ts

@@ -1,3 +1,3 @@
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-declare const _default: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/types/erp-plus.css

@@ -1 +1 @@
-@charset "UTF-8";.erp-button[data-v-cb037014]{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;font-size:14px;line-height:1.5;border-radius:4px;border:1px solid transparent;cursor:pointer;transition:all .3s;outline:none}.erp-button--default[data-v-cb037014]{background-color:#fff;border-color:#dcdfe6;color:#303133}.erp-button--default[data-v-cb037014]:hover{border-color:#409eff;color:#409eff}.erp-button--primary[data-v-cb037014]{background-color:#409eff;color:#fff}.erp-button--primary[data-v-cb037014]:hover{background-color:#73b8ff}.erp-button--disabled[data-v-cb037014]{opacity:.6;cursor:not-allowed}.erp-button--block[data-v-cb037014]{display:block;width:100%}.erp-button__loading[data-v-cb037014]{display:inline-flex;margin-right:8px;animation:rotate-cb037014 1s linear infinite}.erp-button__loading-icon[data-v-cb037014]{width:16px;height:16px}.erp-button__content[data-v-cb037014]{display:inline-flex;align-items:center}@keyframes rotate-cb037014{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;color:#303133}
+@charset "UTF-8";.yw-button{display:flex;padding:8px 20px;justify-content:center;align-items:center;gap:10px;border-radius:2px;font-weight:500;font-size:14px}.yw-button--default{color:#585966!important;border:1px solid #E5E5EB!important;background:#fff!important}.yw-button--default:hover{border-color:#4b77fa;color:#4b77fa}.yw-button-primary{color:#fff!important;border:1px solid #1951FA!important;background:#1951fa!important}.yw-button-primary:hover{border-color:#4b77fa!important;background:#4b77fa!important}.yw-button-primary.is-plain{color:#1951fa!important;border:1px solid #1951FA!important;background:#e8eefe!important}.yw-button-danger{color:#fff!important;border:1px solid #F53F3F!important;background:#f53f3f!important}.yw-button-danger:hover{border-color:#f57171!important;background:#f57171!important}.yw-button-danger.is-plain{color:#f53f3f!important;border:1px solid #F53F3F!important;background:#feecec!important}.yw-button-warning{color:#fff!important;border:1px solid #FF7D00!important;background:#ff7d00!important}.yw-button-warning:hover{border-color:#ff9733!important;background:#ff9733!important}.yw-button-warning.is-plain{color:#ff7d00!important;border:1px solid #FF7D00!important;background:#fff2e5!important}.yw-button-success{color:#fff!important;border:1px solid #3CB400!important;background:#3cb400!important}.yw-button-success:hover{border-color:#66c600!important;background:#66c600!important}.yw-button-success.is-plain{color:#3cb400!important;border:1px solid #3CB400!important;background:#e6f5de!important}.yw-button-info{color:#e5e5eb!important;border:1px solid #E5E5EB!important;background:#fff!important}.yw-button-text{border:none;background:transparent;color:#1951fa}.yw-button-text:hover{color:#1951fa!important}.yw-button-link{border:none;background:transparent;color:#1951fa;text-decoration:underline}.yw-button.is-disabled{opacity:.6;cursor:not-allowed}.yw-button.is-loading{position:relative;pointer-events:none}.yw-button.is-loading:after{content:"";display:inline-block;width:14px;height:14px;margin-left:8px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:button-spin 1s linear infinite}.yw-button.is-disabled{opacity:.4;cursor:not-allowed}*{font-family:PingFang SC,Lantinghei SC,Microsoft YaHei,HanHei SC,Helvetica Neue,Open Sans,Arial,Hiragino Sans GB,微软雅黑,STHeiti,WenQuanYi Micro Hei,SimSun,sans-serif,HYWenHei-GEW!important}body{height:100%;margin:0;font-size:14px;color:#585966;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif}

package/dist/types/erp-plus.es.js

@@ -1,13 +1,37 @@
-import { defineComponent as c, createElementBlock as d, openBlock as i, normalizeClass as p, createCommentVNode as u, createElementVNode as l, renderSlot as f } from "vue";
-const b = c({
-  name: "YwButton",
+import { defineComponent as r, useSlots as i, resolveComponent as d, createBlock as y, openBlock as B, mergeProps as m, createSlots as g, renderList as b, unref as S, withCtx as k, renderSlot as _, normalizeProps as v, guardReactiveProps as C } from "vue";
+const l = /* @__PURE__ */ r({
+  __name: "Button",
   props: {
+    // 基础属性
     type: {
       type: String,
-      default: "default",
-      validator: (e) => ["default", "primary", "success", "warning", "danger"].includes(e)
+      default: "default"
     },
-    disabled: {
+    size: {
+      type: String,
+      default: "default"
+    },
+    plain: {
+      type: Boolean,
+      default: !1
+    },
+    text: {
+      type: Boolean,
+      default: !1
+    },
+    bg: {
+      type: Boolean,
+      default: !1
+    },
+    round: {
+      type: Boolean,
+      default: !1
+    },
+    link: {
+      type: Boolean,
+      default: !1
+    },
+    circle: {
       type: Boolean,
       default: !1
     },
@@ -15,73 +39,75 @@ const b = c({
       type: Boolean,
       default: !1
     },
-    block: {
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    autofocus: {
+      type: Boolean,
+      default: !1
+    },
+    autoInsertSpace: {
+      type: Boolean,
+      default: !1
+    },
+    dark: {
       type: Boolean,
       default: !1
+    },
+    // 复杂类型属性
+    loadingIcon: {
+      type: [String, Object],
+      default: void 0
+    },
+    icon: {
+      type: [String, Object],
+      default: void 0
+    },
+    color: {
+      type: String,
+      default: void 0
+    },
+    nativeType: {
+      type: String,
+      default: "button"
+    },
+    tag: {
+      type: [String, Object],
+      default: "button"
     }
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    return {
-      handleClick: (n) => {
-        !e.disabled && !e.loading && t("click", n);
-      }
+    const a = i(), s = e, u = t, f = (o) => {
+      u("click", o);
+    };
+    return (o, w) => {
+      const c = d("el-button");
+      return B(), y(c, m(s, {
+        class: ["yw-button-" + e.type, "yw-button"],
+        onClick: f
+      }), g({ _: 2 }, [
+        b(S(a), (j, n) => ({
+          name: n,
+          fn: k((p) => [
+            _(o.$slots, n, v(C(p || {})))
+          ])
+        }))
+      ]), 1040, ["class"]);
     };
   }
-}), m = (e, t) => {
-  const o = e.__vccOpts || e;
-  for (const [n, s] of t)
-    o[n] = s;
-  return o;
-}, k = ["disabled"], g = {
-  key: 0,
-  class: "erp-button__loading"
-}, _ = { class: "erp-button__content" };
-function y(e, t, o, n, s, C) {
-  return i(), d("button", {
-    class: p([
-      "erp-button",
-      `erp-button--${e.type}`,
-      {
-        "erp-button--disabled": e.disabled,
-        "erp-button--loading": e.loading,
-        "erp-button--block": e.block
-      }
-    ]),
-    disabled: e.disabled || e.loading,
-    onClick: t[0] || (t[0] = (...r) => e.handleClick && e.handleClick(...r))
-  }, [
-    e.loading ? (i(), d("span", g, t[1] || (t[1] = [
-      l("svg", {
-        class: "erp-button__loading-icon",
-        viewBox: "0 0 1024 1024"
-      }, [
-        l("path", {
-          d: "M512 1024c-282.77 0-512-229.23-512-512s229.23-512 512-512 512 229.23 512 512-229.23 512-512 512zm0-938.67c-235.64 0-426.67 191.03-426.67 426.67s191.03 426.67 426.67 426.67 426.67-191.03 426.67-426.67-191.03-426.67-426.67-426.67z",
-          fill: "#FFF"
-        }),
-        l("path", {
-          d: "M512 1024c-282.77 0-512-229.23-512-512 0-282.77 229.23-512 512-512",
-          fill: "currentColor"
-        })
-      ], -1)
-    ]))) : u("", !0),
-    l("span", _, [
-      f(e.$slots, "default", {}, void 0, !0)
-    ])
-  ], 10, k);
-}
-const a = /* @__PURE__ */ m(b, [["render", y], ["__scopeId", "data-v-cb037014"]]);
-a.install = (e) => {
-  e.component("YwButton", a);
+});
+l.install = (e) => {
+  e.component("YwButton", l);
 };
-const B = [a], v = {
+const h = [l], O = {
   install(e) {
-    B.forEach((t) => {
+    h.forEach((t) => {
       e.use(t);
     });
   }
 };
 export {
-  v as default
+  O as default
 };

package/dist/types/erp-plus.umd.js

@@ -1 +1 @@
-(function(t,o){typeof exports=="object"&&typeof module<"u"?module.exports=o(require("vue")):typeof define=="function"&&define.amd?define(["vue"],o):(t=typeof globalThis<"u"?globalThis:t||self,t.ErpPlus=o(t.Vue))})(this,function(t){"use strict";const o=t.defineComponent({name:"YwButton",props:{type:{type:String,default:"default",validator:e=>["default","primary","success","warning","danger"].includes(e)},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},block:{type:Boolean,default:!1}},emits:["click"],setup(e,{emit:n}){return{handleClick:s=>{!e.disabled&&!e.loading&&n("click",s)}}}}),i=(e,n)=>{const l=e.__vccOpts||e;for(const[s,a]of n)l[s]=a;return l},r=["disabled"],c={key:0,class:"erp-button__loading"},p={class:"erp-button__content"};function u(e,n,l,s,a,k){return t.openBlock(),t.createElementBlock("button",{class:t.normalizeClass(["erp-button",`erp-button--${e.type}`,{"erp-button--disabled":e.disabled,"erp-button--loading":e.loading,"erp-button--block":e.block}]),disabled:e.disabled||e.loading,onClick:n[0]||(n[0]=(...b)=>e.handleClick&&e.handleClick(...b))},[e.loading?(t.openBlock(),t.createElementBlock("span",c,n[1]||(n[1]=[t.createElementVNode("svg",{class:"erp-button__loading-icon",viewBox:"0 0 1024 1024"},[t.createElementVNode("path",{d:"M512 1024c-282.77 0-512-229.23-512-512s229.23-512 512-512 512 229.23 512 512-229.23 512-512 512zm0-938.67c-235.64 0-426.67 191.03-426.67 426.67s191.03 426.67 426.67 426.67 426.67-191.03 426.67-426.67-191.03-426.67-426.67-426.67z",fill:"#FFF"}),t.createElementVNode("path",{d:"M512 1024c-282.77 0-512-229.23-512-512 0-282.77 229.23-512 512-512",fill:"currentColor"})],-1)]))):t.createCommentVNode("",!0),t.createElementVNode("span",p,[t.renderSlot(e.$slots,"default",{},void 0,!0)])],10,r)}const d=i(o,[["render",u],["__scopeId","data-v-cb037014"]]);d.install=e=>{e.component("YwButton",d)};const f=[d];return{install(e){f.forEach(n=>{e.use(n)})}}});
+(function(e,t){typeof exports=="object"&&typeof module<"u"?module.exports=t(require("vue")):typeof define=="function"&&define.amd?define(["vue"],t):(e=typeof globalThis<"u"?globalThis:e||self,e.ErpPlus=t(e.Vue))})(this,function(e){"use strict";const t=e.defineComponent({__name:"Button",props:{type:{type:String,default:"default"},size:{type:String,default:"default"},plain:{type:Boolean,default:!1},text:{type:Boolean,default:!1},bg:{type:Boolean,default:!1},round:{type:Boolean,default:!1},link:{type:Boolean,default:!1},circle:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},autofocus:{type:Boolean,default:!1},autoInsertSpace:{type:Boolean,default:!1},dark:{type:Boolean,default:!1},loadingIcon:{type:[String,Object],default:void 0},icon:{type:[String,Object],default:void 0},color:{type:String,default:void 0},nativeType:{type:String,default:"button"},tag:{type:[String,Object],default:"button"}},emits:["click"],setup(n,{emit:o}){const i=e.useSlots(),f=n,d=o,p=l=>{d("click",l)};return(l,y)=>{const u=e.resolveComponent("el-button");return e.openBlock(),e.createBlock(u,e.mergeProps(f,{class:["yw-button-"+n.type,"yw-button"],onClick:p}),e.createSlots({_:2},[e.renderList(e.unref(i),(m,a)=>({name:a,fn:e.withCtx(c=>[e.renderSlot(l.$slots,a,e.normalizeProps(e.guardReactiveProps(c||{})))])}))]),1040,["class"])}}});t.install=n=>{n.component("YwButton",t)};const s=[t];return{install(n){s.forEach(o=>{n.use(o)})}}});

package/dist/types/index.d.ts

@@ -1,4 +1,3 @@
 import { Plugin } from 'vue';
 declare const install: Plugin;
 export default install;
-export * from './packages/Button';

package/dist/types/packages/Avatar/Avatar.vue.d.ts

@@ -0,0 +1,87 @@
+import { PropType, DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type shapeType = 'circle' | 'square';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: any;
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<ExtractPropTypes<{
+    size: {
+        type: NumberConstructor;
+        default: number;
+    };
+    shape: {
+        type: PropType<shapeType>;
+        default: string;
+    };
+    icon: {
+        type: StringConstructor;
+        default: string;
+    };
+    src: {
+        type: StringConstructor;
+        default: string;
+    };
+    alt: {
+        type: StringConstructor;
+        default: string;
+    };
+    srcSet: {
+        type: StringConstructor;
+        default: string;
+    };
+    fit: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    error: (...args: any[]) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<{
+    size: {
+        type: NumberConstructor;
+        default: number;
+    };
+    shape: {
+        type: PropType<shapeType>;
+        default: string;
+    };
+    icon: {
+        type: StringConstructor;
+        default: string;
+    };
+    src: {
+        type: StringConstructor;
+        default: string;
+    };
+    alt: {
+        type: StringConstructor;
+        default: string;
+    };
+    srcSet: {
+        type: StringConstructor;
+        default: string;
+    };
+    fit: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    onError?: ((...args: any[]) => any) | undefined;
+}>, {
+    size: number;
+    icon: string;
+    shape: shapeType;
+    src: string;
+    alt: string;
+    srcSet: string;
+    fit: string;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+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/types/packages/Avatar/index.d.ts

@@ -0,0 +1,4 @@
+import { Plugin } from 'vue';
+import { default as Avatar } from './Avatar.vue';
+declare const _default: typeof Avatar & Plugin;
+export default _default;

package/dist/types/packages/Button/Button.vue.d.ts

@@ -1,11 +1,39 @@
-import { PropType, DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-declare const _default: DefineComponent<ExtractPropTypes<{
+import { Component, PropType, DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type ButtonType = 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'text';
+type ButtonSize = 'large' | 'default' | 'small';
+type NativeType = 'button' | 'submit' | 'reset';
+declare function __VLS_template(): any;
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<ExtractPropTypes<{
     type: {
-        type: PropType<"default" | "primary" | "success" | "warning" | "danger">;
+        type: PropType<ButtonType>;
         default: string;
-        validator: (val: string) => boolean;
     };
-    disabled: {
+    size: {
+        type: PropType<ButtonSize>;
+        default: string;
+    };
+    plain: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    text: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    bg: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    round: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    link: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    circle: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -13,19 +41,74 @@ declare const _default: DefineComponent<ExtractPropTypes<{
         type: BooleanConstructor;
         default: boolean;
     };
-    block: {
+    disabled: {
         type: BooleanConstructor;
         default: boolean;
     };
-}>, {
-    handleClick: (e: MouseEvent) => void;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "click"[], "click", PublicProps, Readonly< ExtractPropTypes<{
+    autofocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoInsertSpace: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    dark: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loadingIcon: {
+        type: PropType<string | Component>;
+        default: undefined;
+    };
+    icon: {
+        type: PropType<string | Component>;
+        default: undefined;
+    };
+    color: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    nativeType: {
+        type: PropType<NativeType>;
+        default: string;
+    };
+    tag: {
+        type: PropType<string | Component>;
+        default: string;
+    };
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    click: (...args: any[]) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<{
     type: {
-        type: PropType<"default" | "primary" | "success" | "warning" | "danger">;
+        type: PropType<ButtonType>;
         default: string;
-        validator: (val: string) => boolean;
     };
-    disabled: {
+    size: {
+        type: PropType<ButtonSize>;
+        default: string;
+    };
+    plain: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    text: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    bg: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    round: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    link: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    circle: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -33,16 +116,68 @@ declare const _default: DefineComponent<ExtractPropTypes<{
         type: BooleanConstructor;
         default: boolean;
     };
-    block: {
+    disabled: {
         type: BooleanConstructor;
         default: boolean;
     };
+    autofocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoInsertSpace: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    dark: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loadingIcon: {
+        type: PropType<string | Component>;
+        default: undefined;
+    };
+    icon: {
+        type: PropType<string | Component>;
+        default: undefined;
+    };
+    color: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    nativeType: {
+        type: PropType<NativeType>;
+        default: string;
+    };
+    tag: {
+        type: PropType<string | Component>;
+        default: string;
+    };
 }>> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
 }>, {
-    type: "default" | "primary" | "success" | "warning" | "danger";
-    disabled: boolean;
+    text: boolean;
+    size: ButtonSize;
+    type: ButtonType;
+    plain: boolean;
+    bg: boolean;
+    round: boolean;
+    link: boolean;
+    circle: boolean;
     loading: boolean;
-    block: boolean;
+    disabled: boolean;
+    autofocus: boolean;
+    autoInsertSpace: boolean;
+    dark: boolean;
+    loadingIcon: string | Component;
+    icon: string | Component;
+    color: string;
+    nativeType: NativeType;
+    tag: string | Component;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+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/types/packages/Button/index.d.ts

@@ -1,6 +1,4 @@
 import { Plugin } from 'vue';
 import { default as Button } from './Button.vue';
-import { ButtonEmits } from './types';
 declare const _default: typeof Button & Plugin;
 export default _default;
-export type { ButtonEmits };