yc-design-vue 1.0.1

package/lib/Notification/NotificationList.vue2.js

@@ -0,0 +1 @@
+"use strict";const t=require("vue"),i=require("./Notification.vue.js"),e=t.defineComponent({__name:"NotificationList",props:{notificationList:{default:()=>[]},position:{default:"topRight"}},setup(e){const o=e,n=t.computed(()=>`slide-${o.position.includes("Right")?"right":"left"}-notification`);return(e,o)=>(t.openBlock(),t.createBlock(t.TransitionGroup,{name:n.value,class:t.normalizeClass(["yc-notification-list",`yc-notification-list-${e.position}`]),tag:"div"},{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.notificationList,e=>(t.openBlock(),t.createBlock(i,t.mergeProps({key:e.id},{ref_for:!0},e),null,16))),128))]),_:1},8,["name","class"]))}});module.exports=e;

package/lib/Notification/index.d.ts

@@ -0,0 +1,80 @@
+import { App } from 'vue';
+import { default as _Notification } from './Notification.vue';
+import { NotificationConfig, NotificationProps, NotificationType, NotificationPosition } from './type';
+export type NotificationInstance = InstanceType<typeof _Notification>;
+export * from './type';
+declare const Notification: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<NotificationProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        duration: number;
+        content: import('../_shared/type').RenderContent;
+        style: import('vue').CSSProperties;
+        icon: import('vue').RenderFunction;
+        type: NotificationType;
+        footer: import('vue').RenderFunction;
+        title: import('../_shared/type').RenderContent;
+        class: import('../_shared/type').ClassName;
+        id: string;
+        onClose: (id: string | number) => void;
+        closable: boolean;
+        showIcon: boolean;
+        isReset: boolean;
+        closeIcon: import('vue').RenderFunction;
+        closeIconElement: import('vue').RenderFunction;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLLIElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<NotificationProps> & Readonly<{}>, {}, {}, {}, {}, {
+        duration: number;
+        content: import('../_shared/type').RenderContent;
+        style: import('vue').CSSProperties;
+        icon: import('vue').RenderFunction;
+        type: NotificationType;
+        footer: import('vue').RenderFunction;
+        title: import('../_shared/type').RenderContent;
+        class: import('../_shared/type').ClassName;
+        id: string;
+        onClose: (id: string | number) => void;
+        closable: boolean;
+        showIcon: boolean;
+        isReset: boolean;
+        closeIcon: import('vue').RenderFunction;
+        closeIconElement: import('vue').RenderFunction;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<NotificationProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    duration: number;
+    content: import('../_shared/type').RenderContent;
+    style: import('vue').CSSProperties;
+    icon: import('vue').RenderFunction;
+    type: NotificationType;
+    footer: import('vue').RenderFunction;
+    title: import('../_shared/type').RenderContent;
+    class: import('../_shared/type').ClassName;
+    id: string;
+    onClose: (id: string | number) => void;
+    closable: boolean;
+    showIcon: boolean;
+    isReset: boolean;
+    closeIcon: import('vue').RenderFunction;
+    closeIconElement: import('vue').RenderFunction;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
+    info: (config: string | NotificationConfig) => import('./type').NotificationReturn;
+    success: (config: string | NotificationConfig) => import('./type').NotificationReturn;
+    warning: (config: string | NotificationConfig) => import('./type').NotificationReturn;
+    error: (config: string | NotificationConfig) => import('./type').NotificationReturn;
+    remove: (id: string) => void;
+    clear: (position: NotificationPosition) => import('./type').NotificationReturn;
+    install: (app: App) => void;
+};
+declare module 'vue' {
+    interface ComponentCustomProperties {
+        $notification: typeof Notification;
+    }
+}
+export default Notification;

package/lib/Notification/index.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),i=require("./Notification.vue.js"),t=require("./NotificationList.vue.js");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const o=require("../_shared/utils/is.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                           */const s=new Map,n=e.reactive({topLeft:[],topRight:[],bottomLeft:[],bottomRight:[]});let r=1;const c=e=>{n[e].length||(document.body.removeChild(s.get(e)),s.delete(e))},d={...Object.fromEntries(["success","warning","error","info"].map(i=>[i,d=>((i,d="info")=>{const a=o.isString(i)?"topRight":i.position??"topRight",l=n[a];if(!s.has(a)){const i=document.createElement("div");i.className="yc-overlay yc-overlay-notification",document.body.appendChild(i),s.set(a,i),e.render(e.h(t,{notificationList:l,position:a}),i)}const u=o.isString(i)||!i.id?"__yc_notification_"+r++:i.id,p=()=>{const e=l.findIndex(e=>e.id==u);-1!=e&&(l.splice(e,1),c(a))},f=o.isString(i)?{content:i,id:u,onDestory:p,type:d}:{...i,id:u,onDestory:p,type:d},m=l.findIndex(e=>e.id==u);return-1!=m?(l[m]={...l[m],...f,isReset:!0},e.nextTick().then(()=>{l[m].isReset=!1})):l.push(f),{close:p}})(d,i)])),remove(e){let i="topRight",t=-1;for(let[o,s]of Object.entries(n)){const n=s.findIndex(i=>i.id==e);if(-1!=n){i=o,t=n;break}}-1!=t&&n[i].splice(t,1)},clear(e){n[e].splice(0),c(e)}},a=Object.assign(i,{install:e=>{e.config.globalProperties.$notification=Object.assign(i,d)},...d});module.exports=a;

package/lib/Notification/type.d.ts

@@ -0,0 +1,38 @@
+import { ClassName, RenderContent } from '../_shared/type';
+import { CSSProperties, RenderFunction } from 'vue';
+export interface NotificationProps {
+    type?: NotificationType;
+    content?: RenderContent;
+    title?: RenderContent;
+    icon?: RenderFunction;
+    id?: string;
+    style?: CSSProperties;
+    class?: ClassName;
+    showIcon?: boolean;
+    closable?: boolean;
+    duration?: number;
+    isReset?: boolean;
+    footer?: RenderFunction;
+    closeIcon?: RenderFunction;
+    closeIconElement?: RenderFunction;
+    onClose?: (id: string | number) => void;
+    onDestory?: (id: string | number) => void;
+}
+export interface NotificationContainerProps {
+    notificationList?: NotificationProps[];
+    position?: NotificationPosition;
+}
+export type NotificationConfig = Omit<NotificationProps, 'type' | 'onDestory'> & NotificationContainerProps;
+export type NotificationReturn = {
+    close(): void;
+};
+export type NotificationMethods = {
+    info: (config: string | NotificationConfig) => NotificationReturn;
+    success: (config: string | NotificationConfig) => NotificationReturn;
+    warning: (config: string | NotificationConfig) => NotificationReturn;
+    error: (config: string | NotificationConfig) => NotificationReturn;
+    remove: (id: string) => void;
+    clear: (position: NotificationPosition) => NotificationReturn;
+};
+export type NotificationPosition = 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight';
+export type NotificationType = 'info' | 'success' | 'warning' | 'error';

package/lib/OverflowList/index.d.ts

@@ -0,0 +1,52 @@
+import { App } from 'vue';
+import { default as _OverflowList } from './index.vue';
+export type OverflowListInstance = InstanceType<typeof _OverflowList>;
+export * from './type';
+declare const OverflowList: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').OverflowListProps> & Readonly<{
+        onChange?: ((value: number) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        change: (value: number) => any;
+    }, import('vue').PublicProps, {
+        margin: number;
+        min: number;
+        from: import('./type').OverflowListFrom;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        listRef: HTMLDivElement;
+        overflowRef: HTMLDivElement;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./type').OverflowListProps> & Readonly<{
+        onChange?: ((value: number) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        margin: number;
+        min: number;
+        from: import('./type').OverflowListFrom;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./type').OverflowListProps> & Readonly<{
+    onChange?: ((value: number) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (value: number) => any;
+}, string, {
+    margin: number;
+    min: number;
+    from: import('./type').OverflowListFrom;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: Readonly<import('./type').OverflowListSlots> & import('./type').OverflowListSlots;
+}) & {
+    install: (app: App) => void;
+};
+declare module 'vue' {
+    interface GlobalComponents {
+        YcOverflowList: typeof OverflowList;
+    }
+}
+export default OverflowList;

package/lib/OverflowList/index.js

@@ -0,0 +1 @@
+"use strict";const e=require("./index.vue.js"),s=Object.assign(e,{install:s=>{s.component("Yc"+e.name,e)}});module.exports=s;

package/lib/OverflowList/index.vue.d.ts

@@ -0,0 +1,30 @@
+import { OverflowListProps, OverflowListSlots } from './type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<OverflowListSlots> & OverflowListSlots;
+    refs: {
+        listRef: HTMLDivElement;
+        overflowRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<OverflowListProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (value: number) => any;
+}, string, import('vue').PublicProps, Readonly<OverflowListProps> & Readonly<{
+    onChange?: ((value: number) => any) | undefined;
+}>, {
+    margin: number;
+    min: number;
+    from: import('./type').OverflowListFrom;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    listRef: HTMLDivElement;
+    overflowRef: HTMLDivElement;
+}, HTMLDivElement>;
+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/OverflowList/index.vue.js

@@ -0,0 +1 @@
+"use strict";const e=;/* empty css            */;/* empty css            */const r=require("../_virtual/_plugin-vue_export-helper.js")(e,[["__scopeId","data-v-13385005"]]);module.exports=r;

package/lib/OverflowList/index.vue2.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const l=require("../_shared/utils/fn.js");require("../_shared/utils/time.js");const t=require("../_shared/utils/vue-utils.js");require("../Empty/index.js");/* empty css                           */const r=require("../node_modules/@vueuse/core/index.js"),o=require("../Tag/index.js"),a=e.defineComponent({name:"OverflowList",__name:"index",props:{min:{default:0},margin:{default:8},from:{default:"end"}},emits:["change"],setup(a,{emit:n}){const u=a,s=n,{min:i,margin:c,from:f}=e.toRefs(u),v=e.ref(1e4),m=e.ref([]),d=e.useSlots(),p=e.computed(()=>{var e;return t.findComponentsFromVnodes((null==(e=d.default)?void 0:e.call(d))||[],o.name)}),h=e.ref(),y=e.ref(),g=e.computed(()=>y.value?t.unrefElement(y).offsetWidth+c.value:c.value),k=e.computed(()=>p.value.length-v.value);return r.useResizeObserver(h,l.throttle(async()=>{await l.sleep(0);let e=0,t=0;const r=h.value.offsetWidth;for(let l=0;l<m.value.length;l++){const o=t+(l>0?c.value:0)+m.value[l];if(o>r)break;t=o,e++}v.value=e>i.value?e:i.value},180)),e.watch(()=>v.value,()=>{s("change",k.value)}),e.watch(()=>p.value.length,async()=>{v.value=1e5,await l.sleep(0);const e=[...document.querySelectorAll("#overflowTag")].map(e=>e.offsetWidth);m.value=e},{immediate:!0}),(t,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-overflow-list",`yc-overflow-list-from-${e.unref(f)}`]),style:e.normalizeStyle({gap:e.unref(l.valueToPx)(e.unref(c)),padding:"start"==e.unref(f)?`0 0 0 ${e.unref(l.valueToPx)(g.value)}`:` 0 ${e.unref(l.valueToPx)(g.value)} 0 0`}),ref_key:"listRef",ref:h},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,(l,t)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:t},[t<v.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l),{key:0,id:"overflowTag"})):e.createCommentVNode("",!0)],64))),128)),v.value<p.value.length?(e.openBlock(),e.createElementBlock("div",{key:0,class:"yc-overflow-tag",ref_key:"overflowRef",ref:y},[e.renderSlot(t.$slots,"overflow",{number:k.value},()=>[e.createVNode(e.unref(o),null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(`+${k.value}`),1)]),_:1})],!0)],512)):e.createCommentVNode("",!0)],6))}});module.exports=a;

package/lib/OverflowList/type.d.ts

@@ -0,0 +1,13 @@
+export interface OverflowListProps {
+    min?: number;
+    margin?: number;
+    from?: OverflowListFrom;
+}
+export interface OverflowListEmits {
+    (e: 'change', value: number): void;
+}
+export interface OverflowListSlots {
+    default(): void;
+    overflow(): void;
+}
+export type OverflowListFrom = 'start' | 'end';

package/lib/PageHeader/index.d.ts

@@ -0,0 +1,49 @@
+import { App } from 'vue';
+import { default as _PageHeader } from './index.vue';
+export type PageHeaderInstance = InstanceType<typeof _PageHeader>;
+export * from './type';
+declare const PageHeader: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').PageHeaderProp> & Readonly<{
+        onBack?: ((ev: Event) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        back: (ev: Event) => any;
+    }, import('vue').PublicProps, {
+        title: string;
+        subtitle: string;
+        showBack: boolean;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./type').PageHeaderProp> & Readonly<{
+        onBack?: ((ev: Event) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        title: string;
+        subtitle: string;
+        showBack: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./type').PageHeaderProp> & Readonly<{
+    onBack?: ((ev: Event) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    back: (ev: Event) => any;
+}, string, {
+    title: string;
+    subtitle: string;
+    showBack: boolean;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: Readonly<import('./type').PageHeaderSlots> & import('./type').PageHeaderSlots;
+}) & {
+    install: (app: App) => void;
+};
+declare module 'vue' {
+    interface GlobalComponents {
+        YcPageHeader: typeof PageHeader;
+    }
+}
+export default PageHeader;

package/lib/PageHeader/index.js

@@ -0,0 +1 @@
+"use strict";const e=require("./index.vue.js"),s=Object.assign(e,{install:s=>{s.component("Yc"+e.name,e)}});module.exports=s;

package/lib/PageHeader/index.vue.d.ts

@@ -0,0 +1,24 @@
+import { PageHeaderProp, PageHeaderSlots } from './type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<PageHeaderSlots> & PageHeaderSlots;
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<PageHeaderProp, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    back: (ev: Event) => any;
+}, string, import('vue').PublicProps, Readonly<PageHeaderProp> & Readonly<{
+    onBack?: ((ev: Event) => any) | undefined;
+}>, {
+    title: string;
+    subtitle: string;
+    showBack: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+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/PageHeader/index.vue.js

@@ -0,0 +1 @@
+"use strict";const e=;/* empty css            */;/* empty css            */const r=require("../_virtual/_plugin-vue_export-helper.js")(e,[["__scopeId","data-v-be47dbe3"]]);module.exports=r;

package/lib/PageHeader/index.vue2.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                           */const t=require("../_shared/icons/IconArrowRight.vue.js"),o=require("../Divider/index.js"),r=require("../_shared/components/IconButton.vue.js");;/* empty css                                          */const s={class:"yc-page-header"},l={class:"yc-page-header-wrapper"},a={key:0,class:"yc-page-header-breadcrumb"},c={class:"yc-page-header-header"},i={class:"yc-page-header-main"},d={key:0,class:"yc-page-header-title text-ellipsis"},n={key:2,class:"yc-page-header-subtitle text-ellipsis"},u={key:0,class:"yc-page-header-extra"},m={key:0,class:"yc-page-header-content"},p=e.defineComponent({name:"PageHeader",__name:"index",props:{title:{default:""},subtitle:{default:""},showBack:{type:Boolean,default:!0}},emits:["back"],setup:p=>(p,k)=>(e.openBlock(),e.createElementBlock("div",s,[e.createElementVNode("div",l,[p.$slots.breadcrumb?(e.openBlock(),e.createElementBlock("div",a,[e.renderSlot(p.$slots,"breadcrumb",{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",c,[e.createElementVNode("div",i,[e.createVNode(e.unref(r),{size:14,"hover-size":30,onClick:k[0]||(k[0]=e=>p.$emit("back",e))},{default:e.withCtx(()=>[e.renderSlot(p.$slots,"back-icon",{},()=>[e.createVNode(e.unref(t))],!0)]),_:3}),p.$slots.title||p.title?(e.openBlock(),e.createElementBlock("div",d,[e.renderSlot(p.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(p.title),1)],!0)])):e.createCommentVNode("",!0),p.$slots.subtitle||p.subtitle?(e.openBlock(),e.createBlock(e.unref(o),{key:1,direction:"vertical"})):e.createCommentVNode("",!0),p.$slots.subtitle||p.subtitle?(e.openBlock(),e.createElementBlock("div",n,[e.renderSlot(p.$slots,"subtitle",{},()=>[e.createTextVNode(e.toDisplayString(p.subtitle),1)],!0)])):e.createCommentVNode("",!0)]),p.$slots.extra?(e.openBlock(),e.createElementBlock("div",u,[e.renderSlot(p.$slots,"extra",{},void 0,!0)])):e.createCommentVNode("",!0)])]),p.$slots.default?(e.openBlock(),e.createElementBlock("div",m,[e.renderSlot(p.$slots,"default",{},void 0,!0)])):e.createCommentVNode("",!0)]))});module.exports=p;

package/lib/PageHeader/type.d.ts

@@ -0,0 +1,16 @@
+export interface PageHeaderProp {
+    title?: string;
+    subtitle?: string;
+    showBack?: boolean;
+}
+export interface PageHeaderEmits {
+    (e: 'back', ev: Event): void;
+}
+export interface PageHeaderSlots {
+    default(): void;
+    breadcrumb(): void;
+    ['back-icon']: void;
+    title(): void;
+    subtitle(): void;
+    extra(): void;
+}

package/lib/Pagination/Pagination.vue.d.ts

@@ -0,0 +1,46 @@
+import { PaginationProps, PaginationSlots } from './type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<PaginationSlots> & PaginationSlots;
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<PaginationProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (current: number) => any;
+    "update:current": (current: number) => any;
+    "update:pageSize": (pageSize: number) => any;
+    "page-size-change": (pageSize: number) => any;
+}, string, import('vue').PublicProps, Readonly<PaginationProps> & Readonly<{
+    onChange?: ((current: number) => any) | undefined;
+    "onUpdate:current"?: ((current: number) => any) | undefined;
+    "onUpdate:pageSize"?: ((pageSize: number) => any) | undefined;
+    "onPage-size-change"?: ((pageSize: number) => any) | undefined;
+}>, {
+    size: import('..').Size;
+    disabled: boolean;
+    current: number;
+    defaultCurrent: number;
+    simple: boolean;
+    pageSize: number;
+    defaultPageSize: number;
+    pageSizeOptions: number[];
+    pageItemStyle: import('vue').CSSProperties;
+    activePageItemStyle: import('vue').CSSProperties;
+    baseSize: number;
+    bufferSize: number;
+    autoAdjust: boolean;
+    hideOnSinglePage: boolean;
+    showTotal: boolean;
+    showMore: boolean;
+    showJumper: boolean;
+    showPageSize: boolean;
+    pageSizeProps: import('../Select').SelectProps;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, 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/Pagination/Pagination.vue.js

@@ -0,0 +1 @@
+"use strict";const e=require("./Pagination.vue2.js");;/* empty css                 */const r=require("../_virtual/_plugin-vue_export-helper.js")(e,[["__scopeId","data-v-2482f597"]]);module.exports=r;

package/lib/Pagination/Pagination.vue2.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const t=require("../_shared/utils/fn.js"),a=require("../_shared/utils/is.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                           */const o=require("./hooks/useContext.js"),l=require("./PaginationItem.vue.js"),n=require("../Select/index.js"),i=require("../InputNumber/index.js"),s={key:0,class:"yc-pagination-total"},r={key:1,class:"yc-pagination-jumper yc-pagination-jumper-simple"},u={class:"yc-pagination-jumper-total-page"},p={key:1,class:"yc-pagination-options"},d={key:2,class:"yc-pagination-jumper"},c=e.defineComponent({name:"Pagination",__name:"Pagination",props:{total:{},current:{default:void 0},defaultCurrent:{default:1},pageSize:{default:void 0},defaultPageSize:{default:10},disabled:{type:Boolean,default:!1},hideOnSinglePage:{type:Boolean,default:!1},simple:{type:Boolean,default:!1},showTotal:{type:Boolean,default:!1},showMore:{type:Boolean,default:!1},showJumper:{type:Boolean,default:!1},showPageSize:{type:Boolean,default:!1},pageSizeOptions:{default:()=>[10,20,30,40,50]},pageSizeProps:{default:()=>({})},size:{default:void 0},pageItemStyle:{default:()=>({})},activePageItemStyle:{default:()=>({})},baseSize:{default:6},bufferSize:{default:2},autoAdjust:{type:Boolean,default:!0}},emits:["update:current","update:pageSize","change","page-size-change"],setup(c,{emit:m}){const g=c,f=m,{computedCurrent:y,pages:v,pagesArray:k,computedPageSize:V,size:h,total:B,sizeOptions:S}=o().provide(g,f),z=e.ref(y.value);e.watch(()=>y.value,()=>{z.value!=y.value&&(z.value=y.value)});const N=async e=>{`${z.value}`.length&&(y.value=z.value),await t.sleep(0);const a=e.target;+a.value!=y.value&&(a.value=y.value)};return(t,o)=>!t.hideOnSinglePage||t.hideOnSinglePage&&e.unref(v)<=1?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["yc-pagination",`yc-pagination-size-${e.unref(h)}`])},[t.showTotal?(e.openBlock(),e.createElementBlock("span",s,[e.renderSlot(t.$slots,"total",{total:e.unref(B)},()=>[e.createTextVNode(" 共 "+e.toDisplayString(e.unref(B))+" 条 ",1)],!0)])):e.createCommentVNode("",!0),e.createElementVNode("ul",{class:e.normalizeClass([t.simple?"yc-pagination-simple":"yc-pagination-list"])},[e.createVNode(l,{type:"pre",class:"yc-pagination-item-previous"},{default:e.withCtx(()=>[t.$slots["page-item-step"]?e.renderSlot(t.$slots,"page-item-step",{key:0,type:"previous"},void 0,!0):e.createCommentVNode("",!0)]),_:3}),t.simple?(e.openBlock(),e.createElementBlock("span",r,[e.createVNode(e.unref(i),{modelValue:e.unref(y),"onUpdate:modelValue":o[0]||(o[0]=t=>e.isRef(y)?y.value=t:null),"hide-button":"",size:e.unref(h),disabled:t.disabled},null,8,["modelValue","size","disabled"]),o[4]||(o[4]=e.createElementVNode("span",{class:"yc-pagination-jumper-separator"},"/",-1)),e.createElementVNode("span",u,e.toDisplayString(e.unref(v)),1)])):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(e.unref(k),o=>(e.openBlock(),e.createBlock(l,{type:e.unref(a.isNumber)(o)?"item":o,key:o,page:e.unref(a.isNumber)(o)?o:-1},{default:e.withCtx(()=>[e.unref(a.isNumber)(o)?e.renderSlot(t.$slots,"page-item",{key:0,page:o},()=>[e.createTextVNode(e.toDisplayString(o),1)],!0):t.$slots["page-item-ellipsis"]?e.renderSlot(t.$slots,"page-item-ellipsis",{key:1},void 0,!0):e.createCommentVNode("",!0)]),_:2},1032,["type","page"]))),128)),t.showMore&&!t.simple?(e.openBlock(),e.createBlock(l,{key:2,type:"more-right",class:"'yc-pagination-item-ellipsis'"})):e.createCommentVNode("",!0),e.createVNode(l,{type:"next",class:"yc-pagination-item-next"},{default:e.withCtx(()=>[t.$slots["page-item-step"]?e.renderSlot(t.$slots,"page-item-step",{key:0,type:"next"},void 0,!0):e.createCommentVNode("",!0)]),_:3})],2),t.showPageSize?(e.openBlock(),e.createElementBlock("span",p,[e.createVNode(e.unref(n.default),e.mergeProps({modelValue:e.unref(V),"onUpdate:modelValue":o[1]||(o[1]=t=>e.isRef(V)?V.value=t:null),options:e.unref(S),size:e.unref(h)},t.pageSizeProps,{disabled:t.disabled}),null,16,["modelValue","options","size","disabled"])])):e.createCommentVNode("",!0),t.showJumper?(e.openBlock(),e.createElementBlock("span",d,[o[5]||(o[5]=e.createElementVNode("span",{class:"yc-pagination-jumper-text-goto"}," 前往 ",-1)),e.createVNode(e.unref(i),{modelValue:z.value,"onUpdate:modelValue":o[2]||(o[2]=e=>z.value=e),"hide-button":"",size:e.unref(h),disabled:t.disabled,min:1,max:e.unref(v),onFocus:o[3]||(o[3]=t=>z.value=e.unref(y)),onBlur:N},null,8,["modelValue","size","disabled","max"])])):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)}});module.exports=c;

package/lib/Pagination/PaginationItem.vue.d.ts

@@ -0,0 +1,23 @@
+type __VLS_Props = {
+    type: 'item' | 'pre' | 'next' | 'more-right' | 'more-left' | string;
+    page?: number;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLLIElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    page: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLLIElement>;
+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/Pagination/PaginationItem.vue.js

@@ -0,0 +1 @@
+"use strict";const e=require("./PaginationItem.vue2.js");;/* empty css                     */const t=require("../_virtual/_plugin-vue_export-helper.js")(e,[["__scopeId","data-v-8b8d9ae0"]]);module.exports=t;

package/lib/Pagination/PaginationItem.vue2.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                           */const l=require("../_shared/icons/IconArrowRight.vue.js"),u=require("../_shared/icons/IconMore.vue.js"),t=require("./hooks/useContext.js"),a=e.defineComponent({__name:"PaginationItem",props:{type:{},page:{default:1}},setup(a){const r=a,{type:o,page:i}=e.toRefs(r),{computedCurrent:n,pages:s,pageItemStyle:v,activePageItemStyle:c,bufferSize:m,disabled:p}=t().inject(),d=e.computed(()=>"item"==o.value&&n.value==i.value),f=e.computed(()=>["item","more-right","more-left"].includes(o.value)?p.value:"pre"==o.value?n.value<=1:n.value>=s.value),y=()=>{let e=0;if("item"==o.value)e=i.value;else if("pre"==o.value)e=n.value-1;else if("next"==o.value)e=n.value+1;else{const l=2*m.value+1;e="more-left"==o.value?n.value-l:n.value+l,e="more-left"==o.value&&e<=1?1:e,e="more-right"==o.value&&e>=s.value?s.value:e}f.value||"item"==o.value&&e==n.value||"pre"==o.value&&e<1||"next"==o.value&&e>s.value||(n.value=e)};return(t,a)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(["yc-pagination-item",{"yc-pagination-item-disabled":f.value,"yc-pagination-item-active":d.value}]),style:e.normalizeStyle({...e.unref(v),...d.value?e.unref(c):{}}),onClick:y},[e.renderSlot(t.$slots,"default",{},()=>[["pre","next"].includes(e.unref(o))?(e.openBlock(),e.createBlock(e.unref(l),{key:0,rotate:"pre"==e.unref(o)?180:0},null,8,["rotate"])):e.unref(o).includes("more")?(e.openBlock(),e.createBlock(e.unref(u),{key:1})):e.createCommentVNode("",!0)],!0)],6))}});module.exports=a;

package/lib/Pagination/hooks/useContext.d.ts

@@ -0,0 +1,29 @@
+import { Ref, CSSProperties } from 'vue';
+import { PaginationEmits } from '../type';
+import { Props } from '../../_shared/type';
+interface PaginationContext {
+    computedCurrent: Ref<number>;
+    computedPageSize: Ref<number>;
+    disabled: Ref<boolean>;
+    pageItemStyle: Ref<CSSProperties>;
+    activePageItemStyle: Ref<CSSProperties>;
+    pages: Ref<number>;
+    baseSize: Ref<number>;
+    bufferSize: Ref<number>;
+}
+declare const _default: () => {
+    provide: (props: Props, emits: PaginationEmits) => {
+        total: import('vue').WritableComputedRef<any, number>;
+        size: Ref<any, any>;
+        pages: import('vue').ComputedRef<number>;
+        pagesArray: import('vue').ComputedRef<(string | number)[]>;
+        computedCurrent: import('vue').WritableComputedRef<any, number>;
+        computedPageSize: import('vue').WritableComputedRef<any, number>;
+        sizeOptions: import('vue').ComputedRef<{
+            label: string;
+            value: number;
+        }[]>;
+    };
+    inject: () => PaginationContext;
+};
+export default _default;

package/lib/Pagination/hooks/useContext.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue");require("../../node_modules/tinycolor2/esm/tinycolor.js"),require("../../_shared/utils/dom.js"),require("../../_shared/utils/time.js");const a=require("../../_shared/utils/global-config.js"),t=require("../../_shared/utils/control.js"),u="pagination-context";module.exports=()=>({provide:(r,l)=>{const{disabled:i,current:s,defaultCurrent:o,pageSize:p,defaultPageSize:v,pageSizeOptions:d,pageItemStyle:n,activePageItemStyle:c,baseSize:g,bufferSize:f,autoAdjust:m,total:S}=e.toRefs(r),{size:z}=a.getGlobalConfig(r),h=t(m.value?S:e.ref(),m.value?0:S.value),b=e.computed(()=>{const e=Math.ceil(h.value/P.value);return e<=1?1:e}),y=e.computed(()=>{if(b.value<g.value)return new Array(b.value).fill(void 0).map((e,a)=>a+1);const e=[],a=j.value-f.value>1,t=j.value+f.value<b.value;let u=0;u=a?t?j.value-f.value:b.value-2*f.value:2;let r=0;r=t?a?j.value+f.value:1+2*f.value:b.value-1,e.push(1),a&&e.push("more-left");for(let l=u;l<=r;l++)e.push(l);return t&&e.push("more-right"),e.push(b.value),e}),j=t(s,o.value,e=>{l("update:current",e),l("change",e)}),P=t(p,v.value,e=>{j.value=1,l("update:pageSize",e),l("page-size-change",e)}),q=e.computed(()=>d.value.map(e=>({label:`${e}条/页`,value:e})));return e.provide(u,{computedCurrent:j,computedPageSize:P,disabled:i,pageItemStyle:n,activePageItemStyle:c,pages:b,baseSize:g,bufferSize:f}),{total:h,size:z,pages:b,pagesArray:y,computedCurrent:j,computedPageSize:P,sizeOptions:q}},inject:()=>e.inject(u,{computedCurrent:e.ref(1),computedPageSize:e.ref(10),disabled:e.ref(!1),pageItemStyle:e.ref({}),activePageItemStyle:e.ref({}),pages:e.ref(0),baseSize:e.ref(6),bufferSize:e.ref(2)})});

package/lib/Pagination/index.d.ts

@@ -0,0 +1,112 @@
+import { App } from 'vue';
+import { default as _Pagination } from './Pagination.vue';
+export type PaginationInstance = InstanceType<typeof _Pagination>;
+export * from './type';
+declare const Pagination: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').PaginationProps> & Readonly<{
+        onChange?: ((current: number) => any) | undefined;
+        "onUpdate:current"?: ((current: number) => any) | undefined;
+        "onUpdate:pageSize"?: ((pageSize: number) => any) | undefined;
+        "onPage-size-change"?: ((pageSize: number) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        change: (current: number) => any;
+        "update:current": (current: number) => any;
+        "update:pageSize": (pageSize: number) => any;
+        "page-size-change": (pageSize: number) => any;
+    }, import('vue').PublicProps, {
+        size: import('..').Size;
+        disabled: boolean;
+        current: number;
+        defaultCurrent: number;
+        simple: boolean;
+        pageSize: number;
+        defaultPageSize: number;
+        pageSizeOptions: number[];
+        pageItemStyle: import('vue').CSSProperties;
+        activePageItemStyle: import('vue').CSSProperties;
+        baseSize: number;
+        bufferSize: number;
+        autoAdjust: boolean;
+        hideOnSinglePage: boolean;
+        showTotal: boolean;
+        showMore: boolean;
+        showJumper: boolean;
+        showPageSize: boolean;
+        pageSizeProps: import('..').SelectProps;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./type').PaginationProps> & Readonly<{
+        onChange?: ((current: number) => any) | undefined;
+        "onUpdate:current"?: ((current: number) => any) | undefined;
+        "onUpdate:pageSize"?: ((pageSize: number) => any) | undefined;
+        "onPage-size-change"?: ((pageSize: number) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        size: import('..').Size;
+        disabled: boolean;
+        current: number;
+        defaultCurrent: number;
+        simple: boolean;
+        pageSize: number;
+        defaultPageSize: number;
+        pageSizeOptions: number[];
+        pageItemStyle: import('vue').CSSProperties;
+        activePageItemStyle: import('vue').CSSProperties;
+        baseSize: number;
+        bufferSize: number;
+        autoAdjust: boolean;
+        hideOnSinglePage: boolean;
+        showTotal: boolean;
+        showMore: boolean;
+        showJumper: boolean;
+        showPageSize: boolean;
+        pageSizeProps: import('..').SelectProps;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./type').PaginationProps> & Readonly<{
+    onChange?: ((current: number) => any) | undefined;
+    "onUpdate:current"?: ((current: number) => any) | undefined;
+    "onUpdate:pageSize"?: ((pageSize: number) => any) | undefined;
+    "onPage-size-change"?: ((pageSize: number) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (current: number) => any;
+    "update:current": (current: number) => any;
+    "update:pageSize": (pageSize: number) => any;
+    "page-size-change": (pageSize: number) => any;
+}, string, {
+    size: import('..').Size;
+    disabled: boolean;
+    current: number;
+    defaultCurrent: number;
+    simple: boolean;
+    pageSize: number;
+    defaultPageSize: number;
+    pageSizeOptions: number[];
+    pageItemStyle: import('vue').CSSProperties;
+    activePageItemStyle: import('vue').CSSProperties;
+    baseSize: number;
+    bufferSize: number;
+    autoAdjust: boolean;
+    hideOnSinglePage: boolean;
+    showTotal: boolean;
+    showMore: boolean;
+    showJumper: boolean;
+    showPageSize: boolean;
+    pageSizeProps: import('..').SelectProps;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: Readonly<import('./type').PaginationSlots> & import('./type').PaginationSlots;
+}) & {
+    install: (app: App) => void;
+};
+declare module 'vue' {
+    interface GlobalComponents {
+        YcPagination: typeof Pagination;
+    }
+}
+export default Pagination;

package/lib/Pagination/index.js

@@ -0,0 +1 @@
+"use strict";const e=require("./Pagination.vue.js"),n=Object.assign(e,{install:n=>{n.component("Yc"+e.name,e)}});module.exports=n;