@cj-design/vue 1.0.0

package/dist/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("element-plus"),C=require("@element-plus/icons-vue"),g=e.defineComponent({__name:"CjButton",props:{type:{default:"default"},size:{default:"default"},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},plain:{type:Boolean,default:!1},round:{type:Boolean,default:!1},circle:{type:Boolean,default:!1}},emits:["click"],setup(t,{emit:c}){const a=c,i=o=>{a("click",o)};return(o,r)=>(e.openBlock(),e.createBlock(e.unref(u.ElButton),{type:t.type,size:t.size,loading:t.loading,disabled:t.disabled,plain:t.plain,round:t.round,circle:t.circle,onClick:i},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:3},8,["type","size","loading","disabled","plain","round","circle"]))}}),B={key:0,class:"cj-table-pagination"},b=e.defineComponent({__name:"CjTable",props:{data:{},columns:{},loading:{type:Boolean,default:!1},stripe:{type:Boolean,default:!0},border:{type:Boolean,default:!1},height:{},selection:{type:Boolean,default:!1},pagination:{type:Boolean,default:!1},total:{default:0},page:{default:1},pageSize:{default:10}},emits:["update:page","update:pageSize","selectionChange"],setup(t,{emit:c}){const a=t,i=c,o=e.ref(a.page),r=e.ref(a.pageSize);e.watch(()=>a.page,l=>{o.value=l}),e.watch(()=>a.pageSize,l=>{r.value=l});const m=l=>{i("selectionChange",l)},d=l=>{i("update:pageSize",l)},s=l=>{i("update:page",l)};return(l,f)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(u.ElTable),{data:t.data,loading:t.loading,stripe:t.stripe,border:t.border,height:t.height,onSelectionChange:m},{empty:e.withCtx(()=>[e.renderSlot(l.$slots,"empty",{},()=>[f[2]||(f[2]=e.createTextVNode("暂无数据",-1))],!0)]),default:e.withCtx(()=>[t.selection?(e.openBlock(),e.createBlock(e.unref(u.ElTableColumn),{key:0,type:"selection",width:"55"})):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.columns,n=>(e.openBlock(),e.createBlock(e.unref(u.ElTableColumn),{key:n.prop,prop:n.prop,label:n.label,width:n.width,"min-width":n.minWidth,fixed:n.fixed},e.createSlots({_:2},[n.slot?{name:"default",fn:e.withCtx(p=>[e.renderSlot(l.$slots,n.prop,{row:p.row,$index:p.$index},void 0,!0)]),key:"0"}:void 0]),1032,["prop","label","width","min-width","fixed"]))),128))]),_:3},8,["data","loading","stripe","border","height"]),t.pagination?(e.openBlock(),e.createElementBlock("div",B,[e.createVNode(e.unref(u.ElPagination),{"current-page":o.value,"onUpdate:currentPage":f[0]||(f[0]=n=>o.value=n),"page-size":r.value,"onUpdate:pageSize":f[1]||(f[1]=n=>r.value=n),total:t.total,"page-sizes":[10,20,50,100],layout:"total, sizes, prev, pager, next, jumper",onSizeChange:d,onCurrentChange:s},null,8,["current-page","page-size","total"])])):e.createCommentVNode("",!0)],64))}}),k=(t,c)=>{const a=t.__vccOpts||t;for(const[i,o]of c)a[i]=o;return a},h=k(b,[["__scopeId","data-v-9f4222e8"]]),x={class:"el-upload__tip"},y=e.defineComponent({__name:"CjUpload",props:{action:{},headers:{},data:{},name:{default:"file"},accept:{},limit:{},multiple:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},showFileList:{type:Boolean,default:!0},buttonText:{default:"点击上传"},buttonType:{default:"primary"},icon:{type:Boolean,default:!0},tip:{},maxSize:{},fileList:{default:()=>[]}},emits:["success","error","exceed"],setup(t,{emit:c}){const a=c,i=d=>!0,o=(d,s)=>{a("success",d,s)},r=(d,s)=>{a("error",d,s)},m=d=>{a("exceed",d)};return(d,s)=>(e.openBlock(),e.createBlock(e.unref(u.ElUpload),{action:t.action,headers:t.headers,data:t.data,name:t.name,accept:t.accept,limit:t.limit,multiple:t.multiple,disabled:t.disabled,"show-file-list":t.showFileList,"before-upload":i,"on-success":o,"on-error":r,"on-exceed":m,"file-list":t.fileList},e.createSlots({default:e.withCtx(()=>[e.createVNode(e.unref(u.ElButton),{type:t.buttonType,disabled:t.disabled},{default:e.withCtx(()=>[t.icon?(e.openBlock(),e.createBlock(e.unref(u.ElIcon),{key:0},{default:e.withCtx(()=>[e.createVNode(e.unref(C.Upload))]),_:1})):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(t.buttonText),1)]),_:1},8,["type","disabled"])]),_:2},[t.tip?{name:"tip",fn:e.withCtx(()=>[e.createElementVNode("div",x,e.toDisplayString(t.tip),1)]),key:"0"}:void 0]),1032,["action","headers","data","name","accept","limit","multiple","disabled","show-file-list","file-list"]))}}),w={install(t){t.component("CjButton",g),t.component("CjTable",h),t.component("CjUpload",y)}};exports.CjButton=g;exports.CjTable=h;exports.CjUpload=y;exports.default=w;

package/dist/index.d.ts

@@ -0,0 +1,157 @@
+import { App } from 'vue';
+import { ComponentOptionsMixin } from 'vue';
+import { ComponentProvideOptions } from 'vue';
+import { DefineComponent } from 'vue';
+import { PublicProps } from 'vue';
+import { UploadFile } from 'element-plus';
+
+declare const __VLS_component: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+click: (event: MouseEvent) => any;
+}, string, PublicProps, Readonly<Props> & Readonly<{
+onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {
+type: "primary" | "success" | "warning" | "danger" | "info" | "default";
+size: "large" | "default" | "small";
+loading: boolean;
+disabled: boolean;
+plain: boolean;
+round: boolean;
+circle: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+declare const __VLS_component_2: DefineComponent<Props_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:page": (page: number) => any;
+"update:pageSize": (size: number) => any;
+selectionChange: (selection: any[]) => any;
+}, string, PublicProps, Readonly<Props_2> & Readonly<{
+"onUpdate:page"?: ((page: number) => any) | undefined;
+"onUpdate:pageSize"?: ((size: number) => any) | undefined;
+onSelectionChange?: ((selection: any[]) => any) | undefined;
+}>, {
+loading: boolean;
+stripe: boolean;
+border: boolean;
+selection: boolean;
+pagination: boolean;
+total: number;
+page: number;
+pageSize: number;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+
+declare function __VLS_template_2(): {
+    attrs: Partial<{}>;
+    slots: Partial<Record<string, (_: {
+        row: any;
+        $index: any;
+    }) => any>> & {
+        empty?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+
+declare type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+
+declare type __VLS_TemplateResult_2 = ReturnType<typeof __VLS_template_2>;
+
+declare type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_2<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+export declare const CjButton: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+
+export declare const CjTable: __VLS_WithTemplateSlots_2<typeof __VLS_component_2, __VLS_TemplateResult_2["slots"]>;
+
+export declare const CjUpload: DefineComponent<Props_3, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+success: (response: any, file: UploadFile) => any;
+error: (error: any, file: UploadFile) => any;
+exceed: (files: File[]) => any;
+}, string, PublicProps, Readonly<Props_3> & Readonly<{
+onSuccess?: ((response: any, file: UploadFile) => any) | undefined;
+onError?: ((error: any, file: UploadFile) => any) | undefined;
+onExceed?: ((files: File[]) => any) | undefined;
+}>, {
+disabled: boolean;
+icon: boolean;
+name: string;
+multiple: boolean;
+showFileList: boolean;
+buttonText: string;
+buttonType: "primary" | "success" | "warning" | "danger" | "info" | "default";
+fileList: any[];
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+declare interface Column {
+    prop: string;
+    label: string;
+    width?: string | number;
+    minWidth?: string | number;
+    fixed?: 'left' | 'right' | boolean;
+    slot?: boolean;
+}
+
+declare const _default: {
+    install(app: App): void;
+};
+export default _default;
+
+declare interface Props {
+    type?: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'default';
+    size?: 'large' | 'default' | 'small';
+    loading?: boolean;
+    disabled?: boolean;
+    plain?: boolean;
+    round?: boolean;
+    circle?: boolean;
+}
+
+declare interface Props_2 {
+    data: any[];
+    columns: Column[];
+    loading?: boolean;
+    stripe?: boolean;
+    border?: boolean;
+    height?: string | number;
+    selection?: boolean;
+    pagination?: boolean;
+    total?: number;
+    page?: number;
+    pageSize?: number;
+}
+
+declare interface Props_3 {
+    action: string;
+    headers?: Record<string, string>;
+    data?: Record<string, any>;
+    name?: string;
+    accept?: string;
+    limit?: number;
+    multiple?: boolean;
+    disabled?: boolean;
+    showFileList?: boolean;
+    buttonText?: string;
+    buttonType?: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'default';
+    icon?: boolean;
+    tip?: string;
+    maxSize?: number;
+    fileList?: any[];
+}
+
+export { }

package/dist/index.mjs

@@ -0,0 +1,213 @@
+import { defineComponent as B, openBlock as u, createBlock as p, unref as d, withCtx as s, renderSlot as b, ref as z, watch as S, createElementBlock as y, Fragment as v, createVNode as g, createCommentVNode as C, renderList as U, createSlots as j, createTextVNode as E, toDisplayString as k, createElementVNode as $ } from "vue";
+import { ElButton as T, ElTable as L, ElTableColumn as w, ElPagination as N, ElUpload as P, ElIcon as V } from "element-plus";
+import { Upload as F } from "@element-plus/icons-vue";
+const I = /* @__PURE__ */ B({
+  __name: "CjButton",
+  props: {
+    type: { default: "default" },
+    size: { default: "default" },
+    loading: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    plain: { type: Boolean, default: !1 },
+    round: { type: Boolean, default: !1 },
+    circle: { type: Boolean, default: !1 }
+  },
+  emits: ["click"],
+  setup(e, { emit: c }) {
+    const t = c, i = (n) => {
+      t("click", n);
+    };
+    return (n, r) => (u(), p(d(T), {
+      type: e.type,
+      size: e.size,
+      loading: e.loading,
+      disabled: e.disabled,
+      plain: e.plain,
+      round: e.round,
+      circle: e.circle,
+      onClick: i
+    }, {
+      default: s(() => [
+        b(n.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["type", "size", "loading", "disabled", "plain", "round", "circle"]));
+  }
+}), D = {
+  key: 0,
+  class: "cj-table-pagination"
+}, O = /* @__PURE__ */ B({
+  __name: "CjTable",
+  props: {
+    data: {},
+    columns: {},
+    loading: { type: Boolean, default: !1 },
+    stripe: { type: Boolean, default: !0 },
+    border: { type: Boolean, default: !1 },
+    height: {},
+    selection: { type: Boolean, default: !1 },
+    pagination: { type: Boolean, default: !1 },
+    total: { default: 0 },
+    page: { default: 1 },
+    pageSize: { default: 10 }
+  },
+  emits: ["update:page", "update:pageSize", "selectionChange"],
+  setup(e, { emit: c }) {
+    const t = e, i = c, n = z(t.page), r = z(t.pageSize);
+    S(() => t.page, (a) => {
+      n.value = a;
+    }), S(() => t.pageSize, (a) => {
+      r.value = a;
+    });
+    const h = (a) => {
+      i("selectionChange", a);
+    }, o = (a) => {
+      i("update:pageSize", a);
+    }, f = (a) => {
+      i("update:page", a);
+    };
+    return (a, m) => (u(), y(v, null, [
+      g(d(L), {
+        data: e.data,
+        loading: e.loading,
+        stripe: e.stripe,
+        border: e.border,
+        height: e.height,
+        onSelectionChange: h
+      }, {
+        empty: s(() => [
+          b(a.$slots, "empty", {}, () => [
+            m[2] || (m[2] = E("暂无数据", -1))
+          ], !0)
+        ]),
+        default: s(() => [
+          e.selection ? (u(), p(d(w), {
+            key: 0,
+            type: "selection",
+            width: "55"
+          })) : C("", !0),
+          (u(!0), y(v, null, U(e.columns, (l) => (u(), p(d(w), {
+            key: l.prop,
+            prop: l.prop,
+            label: l.label,
+            width: l.width,
+            "min-width": l.minWidth,
+            fixed: l.fixed
+          }, j({ _: 2 }, [
+            l.slot ? {
+              name: "default",
+              fn: s((x) => [
+                b(a.$slots, l.prop, {
+                  row: x.row,
+                  $index: x.$index
+                }, void 0, !0)
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["prop", "label", "width", "min-width", "fixed"]))), 128))
+        ]),
+        _: 3
+      }, 8, ["data", "loading", "stripe", "border", "height"]),
+      e.pagination ? (u(), y("div", D, [
+        g(d(N), {
+          "current-page": n.value,
+          "onUpdate:currentPage": m[0] || (m[0] = (l) => n.value = l),
+          "page-size": r.value,
+          "onUpdate:pageSize": m[1] || (m[1] = (l) => r.value = l),
+          total: e.total,
+          "page-sizes": [10, 20, 50, 100],
+          layout: "total, sizes, prev, pager, next, jumper",
+          onSizeChange: o,
+          onCurrentChange: f
+        }, null, 8, ["current-page", "page-size", "total"])
+      ])) : C("", !0)
+    ], 64));
+  }
+}), W = (e, c) => {
+  const t = e.__vccOpts || e;
+  for (const [i, n] of c)
+    t[i] = n;
+  return t;
+}, q = /* @__PURE__ */ W(O, [["__scopeId", "data-v-9f4222e8"]]), A = { class: "el-upload__tip" }, G = /* @__PURE__ */ B({
+  __name: "CjUpload",
+  props: {
+    action: {},
+    headers: {},
+    data: {},
+    name: { default: "file" },
+    accept: {},
+    limit: {},
+    multiple: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    showFileList: { type: Boolean, default: !0 },
+    buttonText: { default: "点击上传" },
+    buttonType: { default: "primary" },
+    icon: { type: Boolean, default: !0 },
+    tip: {},
+    maxSize: {},
+    fileList: { default: () => [] }
+  },
+  emits: ["success", "error", "exceed"],
+  setup(e, { emit: c }) {
+    const t = c, i = (o) => !0, n = (o, f) => {
+      t("success", o, f);
+    }, r = (o, f) => {
+      t("error", o, f);
+    }, h = (o) => {
+      t("exceed", o);
+    };
+    return (o, f) => (u(), p(d(P), {
+      action: e.action,
+      headers: e.headers,
+      data: e.data,
+      name: e.name,
+      accept: e.accept,
+      limit: e.limit,
+      multiple: e.multiple,
+      disabled: e.disabled,
+      "show-file-list": e.showFileList,
+      "before-upload": i,
+      "on-success": n,
+      "on-error": r,
+      "on-exceed": h,
+      "file-list": e.fileList
+    }, j({
+      default: s(() => [
+        g(d(T), {
+          type: e.buttonType,
+          disabled: e.disabled
+        }, {
+          default: s(() => [
+            e.icon ? (u(), p(d(V), { key: 0 }, {
+              default: s(() => [
+                g(d(F))
+              ]),
+              _: 1
+            })) : C("", !0),
+            E(" " + k(e.buttonText), 1)
+          ]),
+          _: 1
+        }, 8, ["type", "disabled"])
+      ]),
+      _: 2
+    }, [
+      e.tip ? {
+        name: "tip",
+        fn: s(() => [
+          $("div", A, k(e.tip), 1)
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1032, ["action", "headers", "data", "name", "accept", "limit", "multiple", "disabled", "show-file-list", "file-list"]));
+  }
+}), M = {
+  install(e) {
+    e.component("CjButton", I), e.component("CjTable", q), e.component("CjUpload", G);
+  }
+};
+export {
+  I as CjButton,
+  q as CjTable,
+  G as CjUpload,
+  M as default
+};

package/dist/vue.css

@@ -0,0 +1 @@
+.cj-table-pagination[data-v-9f4222e8]{margin-top:16px;display:flex;justify-content:flex-end}

package/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "@cj-design/vue",
+  "version": "1.0.0",
+  "description": "Vue3 components based on Element Plus",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs",
+      "types": "./dist/index.d.ts"
+    },
+    "./dist/style.css": "./dist/style.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "vue": "^3.4.0",
+    "element-plus": "^2.5.0",
+    "@element-plus/icons-vue": "^2.3.0"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^5.0.0",
+    "element-plus": "^2.5.0",
+    "typescript": "^5.9.0",
+    "vite": "^6.0.0",
+    "vite-plugin-dts": "^4.0.0",
+    "vue": "^3.4.0",
+    "vue-tsc": "^2.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "vite build && vue-tsc --declaration --emitDeclarationOnly",
+    "dev": "vite build --watch"
+  }
+}