@chewel611/naive-ui-plus 0.0.1

package/lib/modal/typing.d.ts

@@ -0,0 +1,12 @@
+export type PModalProps = {
+    saveBtnText?: string;
+    closable?: boolean;
+    preset?: "dialog" | "card";
+    title?: string;
+    onSave?: () => Promise<boolean> | boolean;
+    onClose?: () => Promise<boolean> | boolean;
+};
+export type PModalMethods = {
+    open: () => void;
+    close: () => void;
+};

package/lib/table/PTable.d.ts

@@ -0,0 +1,37 @@
+import { DataTableProps } from './typing';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        toolbar?(_: {}): any;
+        addModal?(_: {}): any;
+        editModal?(_: {}): any;
+    };
+    refs: {
+        $table: unknown;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<DataTableProps, {
+    refreshData: () => Promise<void>;
+    getData: <T>() => T[];
+    getSelectedRows: <T>() => T[];
+    closeModal: () => void;
+    resetPage: () => void;
+    getSelectedRow: <T>() => T;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DataTableProps> & Readonly<{}>, {
+    idField: string;
+    modalWidth: number;
+    hiddenAdd: boolean;
+    hiddenEdit: boolean;
+    hiddenDelete: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    $table: unknown;
+}, 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/lib/table/PTable.vue.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("naive-ui"),e=require("vue"),N=require("@vicons/antd"),te={id:"data-content"},oe={key:0,class:"rounded-lg bg-gray-50 flex flex-row gap-2 items-center justify-end p-5 mb-5"},le={key:1},ne={key:2},ae=e.defineComponent({__name:"PTable",props:{idField:{default:"id"},item:{},columns:{},modalWidth:{default:800},hiddenAdd:{type:Boolean,default:!1},hiddenEdit:{type:Boolean,default:!1},hiddenDelete:{type:Boolean,default:!1},onLoad:{},onGet:{},onOpenModal:{},onCloseModal:{},onSave:{},onDelete:{}},setup(R,{expose:$}){const S=e.ref(null),z=r.useDialog(),p=r.useMessage(),m=e.ref(!1),v=e.ref([]),w=e.ref([]),b=e.ref(null),u=e.ref(!1),h=e.ref(!1),y=e.ref(!1),c=e.ref({page:1,itemCount:0,pageSize:10,pageSizes:[10,20,30,50],showSizePicker:!0,onChange:async t=>{c.value.page=t,await f()},onUpdatePageSize:async t=>{c.value.pageSize=t,await f()}}),l=R,L=t=>{const o=n=>{const a=[];return t&&t.forEach(i=>{i.key!=="edit"&&i.key!=="delete"&&a.push({label:i.name,key:i.key,props:{onClick:()=>i.action(n)}})}),a};return{title:"操作",key:"actions",width:100,fixed:"left",render:n=>{let a=[];if(l.hiddenEdit||a.push({label:"编辑",key:"edit",props:{onClick:()=>q(n)}}),l.hiddenDelete||a.push({label:"删除",key:"delete",props:{onClick:()=>I(n)}}),a=[...a,...o(n)],!(a.length<=0))return e.h(r.NDropdown,{options:a,placement:"bottom-start"},{default:()=>e.h(r.NButton,{size:"small",type:"primary"},{default:()=>["操作",e.h(r.NIcon,()=>e.h(N.MoreOutlined))]})})}}},H=e.computed(()=>{const t=l.columns.filter(n=>n.key!="action").map(n=>({title:n.title,key:n.key,width:n.width,render:n.render,ellipsis:n.ellipsis?{tooltip:!0}:!1})),o=l.columns.reduce((n,a)=>a.key==="action"?a:n,void 0)?.action;return o&&o?.length>0||!l.hiddenDelete||!l.hiddenEdit?[{type:"selection",fixed:"left"},...t,L(o)]:[{type:"selection",fixed:"left"},...t]}),M=async()=>{await f()},I=t=>{E([t])},F=()=>{const t=V();E(t)},E=t=>{t&&t.length>0&&z.warning({title:"警告",content:"删除数据不可恢复, 确认删除吗?",positiveText:"确定",negativeText:"取消",onPositiveClick:async()=>{if(l.onDelete)try{await l.onDelete(t)?(f(),p.success("删除成功")):p.error("删除失败")}catch(o){console.error(o),p.error("删除异常,详情F12请查看控制台日志")}}})},P=()=>{if(l.onOpenModal){l.onOpenModal();return}h.value=!1,u.value=!0},q=async t=>{if(l.onOpenModal){l.onOpenModal(t);return}l.onGet&&(t=await l.onGet(t[l.idField])),b.value=t,Object.assign(l.item,t),u.value=!1,h.value=!0},O=async()=>{if(l.onSave)try{y.value=!0,(u.value?await l.onSave():await l.onSave(b.value[l.idField]))&&(k(),await f())}catch(t){console.error(t),p.error("操作失败, 详情F12请查看控制台日志")}finally{y.value=!1}},k=()=>{l.onCloseModal&&l.onCloseModal(),Object.keys(l.item).forEach(t=>l.item[t]=void 0),b.value=null,u.value=!1,h.value=!1},V=()=>v.value?w.value.filter(o=>v.value.includes(o.id)).map(o=>e.toRaw(o)):[],W=()=>V()[0],A=()=>e.toRaw(w.value),f=async()=>{if(!m.value){m.value=!0;try{if(l.onLoad){var{data:t,total:o}=await l.onLoad(c.value.page,c.value.pageSize);w.value=t,c.value.itemCount=o}}catch(n){console.error(n),p.error("获取数据失败, 详情F12请查看控制台日志")}finally{m.value=!1}}},U=e.computed(()=>{const t=e.unref(S);if(!t)return;const o=t?.$el,n=o.querySelector(".n-data-table-thead "),{bottomIncludeBody:a}=G(n),i=64;let d=2,s=24;const g=o.querySelector(".n-data-table__pagination");if(g){const _=g.offsetHeight;d+=_||0}else d+=28;let C=a-(i+d+s);return console.log("height",C),C}),j=t=>!t||!t.getBoundingClientRect?0:t.getBoundingClientRect(),G=t=>{const o=document.documentElement,n=o.scrollLeft,a=o.scrollTop,i=o.clientLeft,d=o.clientTop,s=window.pageXOffset,g=window.pageYOffset,C=j(t),{left:_,top:K,width:X,height:Y}=C,J=(s||n)-(i||0),Q=(g||a)-(d||0),Z=_+s,ee=K+g,x=Z-J,B=ee-Q,T=window.document.documentElement.clientWidth,D=window.document.documentElement.clientHeight;return{left:x,top:B,right:T-X-x,bottom:D-Y-B,rightIncludeBody:T-x,bottomIncludeBody:D-B}};return e.onMounted(async()=>await M()),$({getData:A,getSelectedRow:W,getSelectedRows:V,closeModal:k,refreshData:f,resetPage:()=>{c.value.page=1}}),(t,o)=>{const n=r.NTooltip,a=r.NDataTable,i=r.NSpace,d=r.NModal;return e.openBlock(),e.createBlock(e.unref(r.NCard),{title:" ","header-class":"p-4","content-class":"pl-4 pr-4",bordered:!1},{"header-extra":e.withCtx(()=>[t.hiddenAdd?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(n,{key:0,trigger:"hover"},{trigger:e.withCtx(()=>[e.createVNode(e.unref(r.NIcon),{size:"18",class:"mr-1 cursor-pointer hover:text-blue-600",onClick:P},{default:e.withCtx(()=>[e.createVNode(e.unref(N.PlusSquareOutlined))]),_:1})]),default:e.withCtx(()=>[o[3]||(o[3]=e.createElementVNode("span",null,"新增",-1))]),_:1,__:[3]})),t.hiddenDelete?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(n,{key:1,trigger:"hover"},{trigger:e.withCtx(()=>[e.createVNode(e.unref(r.NIcon),{size:"18",class:"mr-1 cursor-pointer hover:text-blue-600",onClick:F},{default:e.withCtx(()=>[e.createVNode(e.unref(N.DeleteOutlined))]),_:1})]),default:e.withCtx(()=>[o[4]||(o[4]=e.createElementVNode("span",null,"删除",-1))]),_:1,__:[4]})),e.createVNode(n,{trigger:"hover"},{trigger:e.withCtx(()=>[e.createVNode(e.unref(r.NIcon),{size:"18",class:"cursor-pointer hover:text-blue-600",onClick:M},{default:e.withCtx(()=>[e.createVNode(e.unref(N.ReloadOutlined))]),_:1})]),default:e.withCtx(()=>[o[5]||(o[5]=e.createElementVNode("span",null,"刷新",-1))]),_:1,__:[5]})]),default:e.withCtx(()=>[e.createElementVNode("div",te,[t.$slots.toolbar?(e.openBlock(),e.createElementBlock("div",oe,[e.renderSlot(t.$slots,"toolbar")])):e.createCommentVNode("",!0),e.createVNode(a,{remote:"",ref_key:"$table",ref:S,"checked-row-keys":v.value,"onUpdate:checkedRowKeys":o[0]||(o[0]=s=>v.value=s),"max-height":U.value,loading:m.value,bordered:!1,"single-line":!1,columns:H.value,data:w.value,pagination:c.value,"row-key":s=>s[t.idField]},null,8,["checked-row-keys","max-height","loading","columns","data","pagination","row-key"]),t.$slots.addModal?(e.openBlock(),e.createElementBlock("div",le,[e.createVNode(d,{title:"新增",preset:"dialog",show:u.value,"onUpdate:show":o[1]||(o[1]=s=>u.value=s),closable:!1,"close-on-esc":!1,"mask-closable":!1,style:e.normalizeStyle({width:`${t.modalWidth}px`})},{action:e.withCtx(()=>[e.createVNode(i,null,{default:e.withCtx(()=>[e.createVNode(e.unref(r.NButton),{type:"primary",loading:y.value,onClick:O},{default:e.withCtx(()=>o[6]||(o[6]=[e.createTextVNode("保存",-1)])),_:1,__:[6]},8,["loading"]),e.createVNode(e.unref(r.NButton),{onClick:k},{default:e.withCtx(()=>o[7]||(o[7]=[e.createTextVNode("取消",-1)])),_:1,__:[7]})]),_:1})]),default:e.withCtx(()=>[e.renderSlot(t.$slots,"addModal")]),_:3},8,["show","style"])])):e.createCommentVNode("",!0),t.$slots.editModal?(e.openBlock(),e.createElementBlock("div",ne,[e.createVNode(d,{title:"编辑",show:h.value,"onUpdate:show":o[2]||(o[2]=s=>h.value=s),preset:"dialog",closable:!1,"close-on-esc":!1,"mask-closable":!1,style:e.normalizeStyle({width:`${t.modalWidth}px`})},{action:e.withCtx(()=>[e.createVNode(i,null,{default:e.withCtx(()=>[e.createVNode(e.unref(r.NButton),{type:"primary",loading:y.value,onClick:O},{default:e.withCtx(()=>o[8]||(o[8]=[e.createTextVNode("保存",-1)])),_:1,__:[8]},8,["loading"]),e.createVNode(e.unref(r.NButton),{onClick:k},{default:e.withCtx(()=>o[9]||(o[9]=[e.createTextVNode("取消",-1)])),_:1,__:[9]})]),_:1})]),default:e.withCtx(()=>[e.renderSlot(t.$slots,"editModal")]),_:3},8,["show","style"])])):e.createCommentVNode("",!0)])]),_:3})}}});exports.default=ae;

package/lib/table/PTable.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./PTable.vue.cjs");exports.default=e.default;

package/lib/table/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./PTable.vue.cjs"),t=require("../utils/install.cjs"),u=t.withInstall(e.default);exports.default=u;

package/lib/table/index.d.ts

@@ -0,0 +1,61 @@
+declare const _default: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./typing').DataTableProps> & Readonly<{}>, {
+        refreshData: () => Promise<void>;
+        getData: <T>() => T[];
+        getSelectedRows: <T>() => T[];
+        closeModal: () => void;
+        resetPage: () => void;
+        getSelectedRow: <T>() => T;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        idField: string;
+        modalWidth: number;
+        hiddenAdd: boolean;
+        hiddenEdit: boolean;
+        hiddenDelete: boolean;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        $table: unknown;
+    }, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./typing').DataTableProps> & Readonly<{}>, {
+        refreshData: () => Promise<void>;
+        getData: <T>() => T[];
+        getSelectedRows: <T>() => T[];
+        closeModal: () => void;
+        resetPage: () => void;
+        getSelectedRow: <T>() => T;
+    }, {}, {}, {}, {
+        idField: string;
+        modalWidth: number;
+        hiddenAdd: boolean;
+        hiddenEdit: boolean;
+        hiddenDelete: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./typing').DataTableProps> & Readonly<{}>, {
+    refreshData: () => Promise<void>;
+    getData: <T>() => T[];
+    getSelectedRows: <T>() => T[];
+    closeModal: () => void;
+    resetPage: () => void;
+    getSelectedRow: <T>() => T;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    idField: string;
+    modalWidth: number;
+    hiddenAdd: boolean;
+    hiddenEdit: boolean;
+    hiddenDelete: boolean;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        toolbar?(_: {}): any;
+        addModal?(_: {}): any;
+        editModal?(_: {}): any;
+    };
+}) & import('vue').Plugin;
+export default _default;

package/lib/table/typing.d.ts

@@ -0,0 +1,41 @@
+import { VNodeChild } from 'vue';
+export interface DataTableColumnActionDefine {
+    name: string;
+    key: string;
+    icon?: string;
+    action: (row: any) => void;
+}
+export interface DataTableColumnDefine {
+    title: string;
+    key: string;
+    width?: number;
+    ellipsis?: boolean;
+    action?: DataTableColumnActionDefine[];
+    render?: (data: any, index: number) => VNodeChild;
+}
+export interface DataTableProps {
+    idField?: string;
+    item: any;
+    columns: DataTableColumnDefine[];
+    modalWidth?: number;
+    hiddenAdd?: boolean;
+    hiddenEdit?: boolean;
+    hiddenDelete?: boolean;
+    onLoad: (page: number, pageSize: number) => Promise<{
+        data: any[];
+        total: number;
+    }>;
+    onGet?: (id: string | number) => Promise<any>;
+    onOpenModal?: (item?: any) => void;
+    onCloseModal?: (item?: any) => void;
+    onSave?: (id?: string | number) => Promise<boolean> | boolean;
+    onDelete?: (rows: any[]) => Promise<boolean> | boolean;
+}
+export interface DataTableMethods {
+    refreshData: () => Promise<void>;
+    getData: <T>() => T[];
+    getSelectedRows: <T>() => T[];
+    closeModal: () => void;
+    resetPage: () => void;
+    getSelectedRow: <T>() => T;
+}

package/lib/typing.d.ts

@@ -0,0 +1,5 @@
+export * from './table/typing';
+export type * from './modal/typing';
+export type * from './languages/typing';
+export { usePLayoutStore } from './layout';
+export { usePLanguageStore } from './languages';

package/lib/utils/install.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=t=>{const n=t;return n.install=function(e){e.component(n.__name,t)},t};exports.withInstall=l;

package/lib/utils/install.d.ts

@@ -0,0 +1,2 @@
+import { Plugin, Component } from 'vue';
+export declare const withInstall: <T extends Component>(comp: T) => T & Plugin;

package/lib/utils/plus.d.ts

@@ -0,0 +1,6 @@
+import { ExtractPropTypes, InjectionKey } from 'vue';
+export type RemoveReadonly<T> = {
+    -readonly [key in keyof T]: T[key];
+};
+export type ExtractPublicPropTypes<T> = Partial<RemoveReadonly<ExtractPropTypes<T>>>;
+export declare const createInjectionKey: <T>(key: string) => InjectionKey<T>;

package/lib/utils/resolver.d.ts

@@ -0,0 +1,7 @@
+export declare function NaivePlusUIResolver(): {
+    type: "component";
+    resolve: (componentName: string) => {
+        name: "PlusTable";
+        from: string;
+    } | undefined;
+};

package/lib/utils/storage.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+    get: (key: string, defaultValue?: any) => any;
+    set: (key: string, value: any) => void;
+    remove: (key: string) => void;
+    clear: () => void;
+};
+export default _default;

package/package.json

@@ -0,0 +1,103 @@
+{
+  "name": "@chewel611/naive-ui-plus",
+  "private": false,
+  "version": "0.0.1",
+  "license": "MIT",
+  "type": "module",
+  "sideEffects": false,
+  "main": "lib/index.cjs",
+  "module": "es/index.js",
+  "types": "es/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./es/index.d.ts",
+      "import": "./es/index.js",
+      "require": "./lib/index.cjs"
+    },
+    "./css": "./dist/style.css",
+    "./*": "./*"
+  },
+  "scripts": {
+    "dev": "vite",
+    "pub": "sh scripts/publish.sh",
+    "build": "run-s format clean build:components",
+    "format": "prettier --write src/ components/",
+    "clean": "rimraf dist es lib",
+    "build:components": "run-p type-check build:dist build-only",
+    "type-check": "vue-tsc --build --force",
+    "build:dist": "vite build -- dir=dist",
+    "build-only": "vite build",
+    "preview": "vite preview",
+    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore"
+  },
+  "peerDependency": {
+    "@tailwindcss/vite": "^4.1.11",
+    "@vicons/antd": "^0.13.0",
+    "pinia": "^3.0.3",
+    "less": "^4.4.0",
+    "less-loader": "^12.3.0",
+    "vue-router": "^4.5.1"
+  },
+  "dependencies": {
+    "@chewel/naive-ui-plus": "^0.0.64",
+    "@vicons/antd": "^0.13.0",
+    "element-resize-detector": "^1.2.4",
+    "i18n-jsautotranslate": "^3.18.98",
+    "less": "^4.4.0",
+    "less-loader": "^12.3.0",
+    "pinia": "^3.0.3",
+    "vuedraggable": "^4.1.0"
+  },
+  "devDependencies": {
+    "@tailwindcss/vite": "^4.1.11",
+    "@types/element-resize-detector": "^1.1.6",
+    "@types/minimist": "^1.2.5",
+    "@types/node": "^24.1.0",
+    "@vicons/antd": "^0.13.0",
+    "@vitejs/plugin-vue": "^6.0.0",
+    "@vue/tsconfig": "^0.7.0",
+    "less": "^4.4.0",
+    "less-loader": "^12.3.0",
+    "minimist": "^1.2.8",
+    "naive-ui": "^2.42.0",
+    "npm-run-all2": "^8.0.4",
+    "pinia": "^3.0.3",
+    "prettier": "^3.6.2",
+    "rimraf": "^6.0.1",
+    "rollup": "^4.46.2",
+    "tailwindcss": "^4.1.11",
+    "typescript": "~5.8.3",
+    "unplugin-vue-components": "^28.8.0",
+    "vite": "^7.0.4",
+    "vite-plugin-dts": "^4.5.4",
+    "vite-plugin-vue-devtools": "^8.0.0",
+    "vue": "^3.5.17",
+    "vue-router": "^4.5.1",
+    "vue-tsc": "^2.2.12"
+  },
+  "homepage": "https://gitee.com/chewel/naive-ui-plus",
+  "repository": {
+    "type": "git",
+    "url": "https://gitee.com/chewel/naive-ui-plus.git"
+  },
+  "files": [
+    "dist",
+    "es",
+    "lib",
+    "package.json",
+    "README.md",
+    "README.zh-CN.md"
+  ],
+  "keywords": [
+    "naive-ui",
+    "naive-ui-plus",
+    "component library",
+    "ui framework",
+    "ui",
+    "vue"
+  ],
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  }
+}