@das-fed/ui 6.4.0-test.3.1 → 6.4.0-test.30

package/packages/components/pagination/src/Pagination.vue.d.ts

@@ -1,116 +1,59 @@
+import { DasIcon } from '@das-fed/ui';
+import { ElConfigProvider, ElPagination } from 'element-plus';
 import 'element-plus/es/components/pagination/style/css';
+import { sizes, totalPage as totalPageComponent } from './components';
 import type { PaginationProps } from './type';
-declare function __VLS_template(): {
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {
-        dasPagination: import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-            readonly pageSize: NumberConstructor;
-            readonly defaultPageSize: NumberConstructor;
-            readonly total: NumberConstructor;
-            readonly pageCount: NumberConstructor;
-            readonly pagerCount: import("element-plus/es/utils/index.mjs").EpPropFinalized<NumberConstructor, unknown, unknown, 7, boolean>;
-            readonly currentPage: NumberConstructor;
-            readonly defaultCurrentPage: NumberConstructor;
-            readonly layout: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
-            readonly pageSizes: import("element-plus/es/utils/index.mjs").EpPropFinalized<(new (...args: any[]) => number[]) | (() => number[]) | ((new (...args: any[]) => number[]) | (() => number[]))[], unknown, unknown, () => [10, 20, 30, 40, 50, 100], boolean>;
-            readonly popperClass: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-            readonly prevText: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-            readonly prevIcon: import("element-plus/es/utils/index.mjs").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown, () => import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>, boolean>;
-            readonly nextText: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-            readonly nextIcon: import("element-plus/es/utils/index.mjs").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown, () => import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>, boolean>;
-            readonly teleported: import("element-plus/es/utils/index.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-            readonly small: BooleanConstructor;
-            readonly background: BooleanConstructor;
-            readonly disabled: BooleanConstructor;
-            readonly hideOnSinglePage: BooleanConstructor;
-        }>> & {
-            "onUpdate:current-page"?: ((val: number) => any) | undefined;
-            "onUpdate:page-size"?: ((val: number) => any) | undefined;
-            "onSize-change"?: ((val: number) => any) | undefined;
-            "onCurrent-change"?: ((val: number) => any) | undefined;
-            "onPrev-click"?: ((val: number) => any) | undefined;
-            "onNext-click"?: ((val: number) => any) | undefined;
-        }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }> | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            'update:current-page': (val: number) => boolean;
-            'update:page-size': (val: number) => boolean;
-            'size-change': (val: number) => boolean;
-            'current-change': (val: number) => boolean;
-            'prev-click': (val: number) => boolean;
-            'next-click': (val: number) => boolean;
-        }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, {
-            readonly small: boolean;
-            readonly popperClass: string;
-            readonly teleported: import("element-plus/es/utils/index.mjs").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-            readonly disabled: boolean;
-            readonly layout: string;
-            readonly background: boolean;
-            readonly pagerCount: number;
-            readonly pageSizes: number[];
-            readonly prevText: string;
-            readonly prevIcon: import("element-plus/es/utils/index.mjs").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown>;
-            readonly nextText: string;
-            readonly nextIcon: import("element-plus/es/utils/index.mjs").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown>;
-            readonly hideOnSinglePage: boolean;
-        }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<import("vue").ExtractPropTypes<{
-            readonly pageSize: NumberConstructor;
-            readonly defaultPageSize: NumberConstructor;
-            readonly total: NumberConstructor;
-            readonly pageCount: NumberConstructor;
-            readonly pagerCount: import("element-plus/es/utils/index.mjs").EpPropFinalized<NumberConstructor, unknown, unknown, 7, boolean>;
-            readonly currentPage: NumberConstructor;
-            readonly defaultCurrentPage: NumberConstructor;
-            readonly layout: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
-            readonly pageSizes: import("element-plus/es/utils/index.mjs").EpPropFinalized<(new (...args: any[]) => number[]) | (() => number[]) | ((new (...args: any[]) => number[]) | (() => number[]))[], unknown, unknown, () => [10, 20, 30, 40, 50, 100], boolean>;
-            readonly popperClass: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-            readonly prevText: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-            readonly prevIcon: import("element-plus/es/utils/index.mjs").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown, () => import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>, boolean>;
-            readonly nextText: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-            readonly nextIcon: import("element-plus/es/utils/index.mjs").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown, () => import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>, boolean>;
-            readonly teleported: import("element-plus/es/utils/index.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-            readonly small: BooleanConstructor;
-            readonly background: BooleanConstructor;
-            readonly disabled: BooleanConstructor;
-            readonly hideOnSinglePage: BooleanConstructor;
-        }>> & {
-            "onUpdate:current-page"?: ((val: number) => any) | undefined;
-            "onUpdate:page-size"?: ((val: number) => any) | undefined;
-            "onSize-change"?: ((val: number) => any) | undefined;
-            "onCurrent-change"?: ((val: number) => any) | undefined;
-            "onPrev-click"?: ((val: number) => any) | undefined;
-            "onNext-click"?: ((val: number) => any) | undefined;
-        }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }> | null, {}, {}, {}, {
-            readonly small: boolean;
-            readonly popperClass: string;
-            readonly teleported: import("element-plus/es/utils/index.mjs").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-            readonly disabled: boolean;
-            readonly layout: string;
-            readonly background: boolean;
-            readonly pagerCount: number;
-            readonly pageSizes: number[];
-            readonly prevText: string;
-            readonly prevIcon: import("element-plus/es/utils/index.mjs").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown>;
-            readonly nextText: string;
-            readonly nextIcon: import("element-plus/es/utils/index.mjs").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown>;
-            readonly hideOnSinglePage: boolean;
-        }> | null;
-    };
-    attrs: Partial<{}>;
+declare const locale: import("vue").ComputedRef<any>;
+declare const dasPagination: import("vue").Ref<any, any>;
+declare const disabledIcon: {
+    first: boolean;
+    pre: boolean;
+    next: boolean;
+    last: boolean;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<PaginationProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+declare const background: import("vue").ComputedRef<boolean>;
+declare const pageSizes: import("vue").ComputedRef<number[]>;
+declare const total: import("vue").ComputedRef<number>;
+declare const simple: import("vue").ComputedRef<boolean>;
+declare const currentPage: import("vue").Ref<any, any>;
+declare const pageSize: import("vue").Ref<any, any>;
+declare const totalPage: import("vue").ComputedRef<number>;
+declare const computedLayout: import("vue").ComputedRef<string>;
+declare const realLayout: import("vue").ComputedRef<string>;
+declare const handleSizeChange: (val: number) => void;
+declare const handleCurrentChange: (val: number) => void;
+declare const handlePrevClick: () => void;
+declare const handleNextClick: () => void;
+declare const changePage: (actions: "first" | "pre" | "next" | "last", disabled: boolean) => void;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_21: {};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    default?: (props: typeof __VLS_21) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<PaginationProps, {
+    DasIcon: typeof DasIcon;
+    ElConfigProvider: typeof ElConfigProvider;
+    ElPagination: typeof ElPagination;
+    sizes: typeof sizes;
+    totalPageComponent: typeof totalPageComponent;
+    locale: typeof locale;
+    dasPagination: typeof dasPagination;
+    disabledIcon: typeof disabledIcon;
+    background: typeof background;
+    pageSizes: typeof pageSizes;
+    total: typeof total;
+    simple: typeof simple;
+    currentPage: typeof currentPage;
+    pageSize: typeof pageSize;
+    totalPage: typeof totalPage;
+    computedLayout: typeof computedLayout;
+    realLayout: typeof realLayout;
+    handleSizeChange: typeof handleSizeChange;
+    handleCurrentChange: typeof handleCurrentChange;
+    handlePrevClick: typeof handlePrevClick;
+    handleNextClick: typeof handleNextClick;
+    changePage: typeof changePage;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:modelValue": (currentPage: number) => any;
     "current-change": (pageSize: number) => any;
     "size-change": (currentPage: number) => any;
@@ -133,14 +76,42 @@ declare const __VLS_component: import("vue").DefineComponent<PaginationProps, {}
     disabled: boolean;
     modelValue: number;
     background: boolean;
-    simple: boolean;
+    pageSize: number;
     total: number;
+    pageSizes: number[];
+    simple: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<PaginationProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (currentPage: number) => any;
+    "current-change": (pageSize: number) => any;
+    "size-change": (currentPage: number) => any;
+    "update:pageSize": (pageSize: number) => any;
+    "prev-click": (currentPage: number) => any;
+    "next-click": (currentPage: number) => any;
+    "first-click": (currentPage: number) => any;
+    "last-click": (currentPage: number) => any;
+}, string, import("vue").PublicProps, Readonly<PaginationProps> & Readonly<{
+    "onUpdate:modelValue"?: ((currentPage: number) => any) | undefined;
+    "onCurrent-change"?: ((pageSize: number) => any) | undefined;
+    "onSize-change"?: ((currentPage: number) => any) | undefined;
+    "onUpdate:pageSize"?: ((pageSize: number) => any) | undefined;
+    "onPrev-click"?: ((currentPage: number) => any) | undefined;
+    "onNext-click"?: ((currentPage: number) => any) | undefined;
+    "onFirst-click"?: ((currentPage: number) => any) | undefined;
+    "onLast-click"?: ((currentPage: number) => any) | undefined;
+}>, {
+    small: boolean;
+    disabled: boolean;
+    modelValue: number;
+    background: boolean;
     pageSize: number;
+    total: number;
     pageSizes: number[];
+    simple: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/packages/components/pagination/style.css

@@ -1 +1 @@
-.sizes-dropdown-link[data-v-d91f4c72]{display:flex;align-items:center;margin-left:16px}.sizes-dropdown-link .arrow-icon[data-v-d91f4c72]{font-size:14px;transition:transform .3s}.sizes-dropdown-link .rotate180[data-v-d91f4c72]{transform:rotate(180deg)}.sizes-dropdown-link .current-page-size[data-v-d91f4c72]{font-size:12px;color:var(--das-ui-pagination-size-color);margin-right:9px}.sizes-dropdown-link:hover .arrow-icon[data-v-d91f4c72]{color:var(--das-ui-pagination-size--icon-hover-color)}.pagination-sizes-popper{width:108px}.pagination-sizes-popper .el-popper__arrow{display:none}.pagination-sizes-popper .sizes-item.el-dropdown-menu__item{display:flex;justify-content:flex-end;padding-right:24px;font-size:12px;color:var(--das-ui-pagination-size-color)}.pagination-sizes-popper .sizes-item.el-dropdown-menu__item:hover{color:var(--das-ui-pagination-size-color);background-color:var(--das-ui-pagination-size--poppver-item-hover-bg-color)}.pagination-sizes-popper .sizes-item.el-dropdown-menu__item.selected{color:var(--das-ui-pagination-size--poppver-item-click-color);font-weight:400}.pagination-sizes-popper .sizes-item.el-dropdown-menu__item.selected :hover{color:var(--das-ui-pagination-size--poppver-item-click-color)}.total-page[data-v-135c589a]{font-size:12px;color:var(--das-ui-pagination-totalpage-color)}.das-ui-pagination[data-v-8dc0f6a4]{display:flex;align-items:center;--el-color-primary: var(--das-ui-button-primary);padding:0}.das-ui-pagination .flex-center__y[data-v-8dc0f6a4]{display:flex;align-items:center}.das-ui-pagination[data-v-8dc0f6a4] .el-pagination__classifier,.das-ui-pagination[data-v-8dc0f6a4] .el-pagination__editor{margin-left:4px}.das-ui-pagination[data-v-8dc0f6a4] .el-pagination__jump{margin-left:12px}.das-ui-pagination[data-v-8dc0f6a4] .el-pagination__jump .el-input__wrapper.is-focus,.das-ui-pagination[data-v-8dc0f6a4] .el-pagination__jump .el-input__wrapper:hover{box-shadow:0 0 0 1px var(--das-ui-pagination-size--poppver-item-click-color) inset}.das-ui-pagination[data-v-8dc0f6a4] .el-select .el-input__wrapper{box-shadow:none!important}.das-ui-pagination[data-v-8dc0f6a4] .el-select .el-input{width:85px}.das-ui-pagination[data-v-8dc0f6a4] .el-select .el-input .el-select__caret{color:#666;margin-left:0}.das-ui-pagination[data-v-8dc0f6a4] .el-pagination__sizes{display:flex;flex-direction:column;justify-content:center;margin-left:0;margin-right:0}.das-ui-pagination.simple[data-v-8dc0f6a4]{border:1px solid var(--das-ui-pagination-simple-border-color);background:#fff}.das-ui-pagination.simple[data-v-8dc0f6a4]:hover{border-color:var(--das-ui-button-primary)}.das-ui-pagination .page-container .page-icon[data-v-8dc0f6a4]{cursor:pointer;margin-right:8px}.das-ui-pagination .page-container .page-icon[data-v-8dc0f6a4]:hover,.das-ui-pagination .page-container .page-icon[data-v-8dc0f6a4]:active{fill:var(--das-ui-pagination-size--poppver-item-click-color)}.das-ui-pagination .page-container .page-icon.disabled[data-v-8dc0f6a4]{cursor:not-allowed;fill:#b2b2b2}
+.sizes-dropdown-link[data-v-c341a216]{display:flex;align-items:center;margin-left:12px}.sizes-dropdown-link .arrow-icon[data-v-c341a216]{font-size:14px;transition:transform .3s}.sizes-dropdown-link .rotate180[data-v-c341a216]{transform:rotate(180deg)}.sizes-dropdown-link .current-page-size[data-v-c341a216]{font-size:12px;color:var(--das-ui-pagination-size-color);margin-right:9px}.sizes-dropdown-link:hover .arrow-icon[data-v-c341a216]{color:var(--das-ui-pagination-size--icon-hover-color)}.pagination-sizes-popper{min-width:108px}.pagination-sizes-popper .el-popper__arrow{display:none}.pagination-sizes-popper .sizes-item.el-dropdown-menu__item{display:flex;justify-content:flex-end;padding-right:24px;font-size:12px;color:var(--das-ui-pagination-size-color)}.pagination-sizes-popper .sizes-item.el-dropdown-menu__item:hover{color:var(--das-ui-pagination-size-color);background-color:var(--das-ui-pagination-size--poppver-item-hover-bg-color)}.pagination-sizes-popper .sizes-item.el-dropdown-menu__item.selected{color:var(--das-ui-pagination-size--poppver-item-click-color);font-weight:400}.pagination-sizes-popper .sizes-item.el-dropdown-menu__item.selected :hover{color:var(--das-ui-pagination-size--poppver-item-click-color)}.total-page[data-v-917c488b]{font-size:12px;color:var(--das-ui-pagination-totalpage-color)}.das-ui-pagination[data-v-d1fdaf0e]{display:flex;align-items:center;--el-color-primary: var(--das-ui-button-primary);padding:0}.das-ui-pagination .flex-center__y[data-v-d1fdaf0e]{display:flex;align-items:center}.das-ui-pagination[data-v-d1fdaf0e] .el-pagination__classifier,.das-ui-pagination[data-v-d1fdaf0e] .el-pagination__editor{margin-left:4px}.das-ui-pagination[data-v-d1fdaf0e] .el-pagination__jump{margin-left:12px}.das-ui-pagination[data-v-d1fdaf0e] .el-pagination__jump .el-input__wrapper.is-focus,.das-ui-pagination[data-v-d1fdaf0e] .el-pagination__jump .el-input__wrapper:hover{box-shadow:0 0 0 1px var(--das-ui-pagination-size--poppver-item-click-color) inset}.das-ui-pagination[data-v-d1fdaf0e] .el-select .el-input__wrapper{box-shadow:none!important}.das-ui-pagination[data-v-d1fdaf0e] .el-select .el-input{width:85px}.das-ui-pagination[data-v-d1fdaf0e] .el-select .el-input .el-select__caret{color:#666;margin-left:0}.das-ui-pagination[data-v-d1fdaf0e] .el-pagination__sizes{display:flex;flex-direction:column;justify-content:center;margin-left:0;margin-right:0}.das-ui-pagination.simple[data-v-d1fdaf0e]{border:1px solid var(--das-ui-pagination-simple-border-color);background:#fff}.das-ui-pagination.simple[data-v-d1fdaf0e]:hover{border-color:var(--das-ui-button-primary)}.das-ui-pagination .page-container .page-icon[data-v-d1fdaf0e]{cursor:pointer;margin-right:8px}.das-ui-pagination .page-container .page-icon[data-v-d1fdaf0e]:hover,.das-ui-pagination .page-container .page-icon[data-v-d1fdaf0e]:active{fill:var(--das-ui-pagination-size--poppver-item-click-color)}.das-ui-pagination .page-container .page-icon.disabled[data-v-d1fdaf0e]{cursor:not-allowed;fill:#b2b2b2}

package/packages/components/popover/i18n/index.d.ts

@@ -2,10 +2,12 @@ declare const _default: {
     'das-ui-popover-confirm': {
         'zh-CN': string;
         en: string;
+        _appCode: string;
     };
     'das-ui-popover-cancel': {
         'zh-CN': string;
         en: string;
+        _appCode: string;
     };
 };
 export default _default;

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

@@ -1,4 +1,159 @@
 import '@das-fed/ui/packages/global/theme';
+declare const DasPopoverRef: () => import("vue").Ref<({
+    $: import("vue").ComponentInternalInstance;
+    $data: {};
+    $props: {
+        readonly title?: string | undefined;
+        readonly width?: string | number | undefined;
+        readonly content?: string | undefined;
+        readonly popperClass?: string | undefined;
+        readonly showBtns?: boolean | undefined;
+        readonly placement?: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end" | undefined;
+        readonly onCancel?: (() => any) | undefined;
+        readonly onConfirm?: (() => any) | undefined;
+        readonly onClickOutside?: (() => any) | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+    $attrs: {
+        [x: string]: unknown;
+    };
+    $refs: {
+        [x: string]: unknown;
+    };
+    $slots: Readonly<{
+        [name: string]: import("vue").Slot<any> | undefined;
+    }>;
+    $root: import("vue").ComponentPublicInstance | null;
+    $parent: import("vue").ComponentPublicInstance | null;
+    $host: Element | null;
+    $emit: ((event: "cancel") => void) & ((event: "confirm") => void) & ((event: "clickOutside") => void);
+    $el: any;
+    $options: import("vue").ComponentOptionsBase<Readonly<import("./src/type.js").Props> & Readonly<{
+        onCancel?: (() => any) | undefined;
+        onConfirm?: (() => any) | undefined;
+        onClickOutside?: (() => any) | undefined;
+    }>, {
+        $popoverRef: import("vue").Ref<null, null>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+        cancel: () => any;
+        confirm: () => any;
+        clickOutside: () => any;
+    }, string, {
+        placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
+        width: string | number;
+        showBtns: boolean;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
+        beforeCreate?: (() => void) | (() => void)[];
+        created?: (() => void) | (() => void)[];
+        beforeMount?: (() => void) | (() => void)[];
+        mounted?: (() => void) | (() => void)[];
+        beforeUpdate?: (() => void) | (() => void)[];
+        updated?: (() => void) | (() => void)[];
+        activated?: (() => void) | (() => void)[];
+        deactivated?: (() => void) | (() => void)[];
+        beforeDestroy?: (() => void) | (() => void)[];
+        beforeUnmount?: (() => void) | (() => void)[];
+        destroyed?: (() => void) | (() => void)[];
+        unmounted?: (() => void) | (() => void)[];
+        renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+        renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+        errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
+    };
+    $forceUpdate: () => void;
+    $nextTick: typeof import("vue").nextTick;
+    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
+} & Readonly<{
+    placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
+    width: string | number;
+    showBtns: boolean;
+}> & Omit<Readonly<import("./src/type.js").Props> & Readonly<{
+    onCancel?: (() => any) | undefined;
+    onConfirm?: (() => any) | undefined;
+    onClickOutside?: (() => any) | undefined;
+}>, "$popoverRef" | ("placement" | "width" | "showBtns")> & import("vue").ShallowUnwrapRef<{
+    $popoverRef: import("vue").Ref<null, null>;
+}> & {} & import("vue").ComponentCustomProperties & {} & {
+    $slots: {
+        reference?: ((props: {}) => any) | undefined;
+        default?: ((props: {}) => any) | undefined;
+    };
+}) | null, ({
+    $: import("vue").ComponentInternalInstance;
+    $data: {};
+    $props: {
+        readonly title?: string | undefined;
+        readonly width?: string | number | undefined;
+        readonly content?: string | undefined;
+        readonly popperClass?: string | undefined;
+        readonly showBtns?: boolean | undefined;
+        readonly placement?: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end" | undefined;
+        readonly onCancel?: (() => any) | undefined;
+        readonly onConfirm?: (() => any) | undefined;
+        readonly onClickOutside?: (() => any) | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+    $attrs: {
+        [x: string]: unknown;
+    };
+    $refs: {
+        [x: string]: unknown;
+    };
+    $slots: Readonly<{
+        [name: string]: import("vue").Slot<any> | undefined;
+    }>;
+    $root: import("vue").ComponentPublicInstance | null;
+    $parent: import("vue").ComponentPublicInstance | null;
+    $host: Element | null;
+    $emit: ((event: "cancel") => void) & ((event: "confirm") => void) & ((event: "clickOutside") => void);
+    $el: any;
+    $options: import("vue").ComponentOptionsBase<Readonly<import("./src/type.js").Props> & Readonly<{
+        onCancel?: (() => any) | undefined;
+        onConfirm?: (() => any) | undefined;
+        onClickOutside?: (() => any) | undefined;
+    }>, {
+        $popoverRef: import("vue").Ref<null, null>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+        cancel: () => any;
+        confirm: () => any;
+        clickOutside: () => any;
+    }, string, {
+        placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
+        width: string | number;
+        showBtns: boolean;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
+        beforeCreate?: (() => void) | (() => void)[];
+        created?: (() => void) | (() => void)[];
+        beforeMount?: (() => void) | (() => void)[];
+        mounted?: (() => void) | (() => void)[];
+        beforeUpdate?: (() => void) | (() => void)[];
+        updated?: (() => void) | (() => void)[];
+        activated?: (() => void) | (() => void)[];
+        deactivated?: (() => void) | (() => void)[];
+        beforeDestroy?: (() => void) | (() => void)[];
+        beforeUnmount?: (() => void) | (() => void)[];
+        destroyed?: (() => void) | (() => void)[];
+        unmounted?: (() => void) | (() => void)[];
+        renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+        renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+        errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
+    };
+    $forceUpdate: () => void;
+    $nextTick: typeof import("vue").nextTick;
+    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
+} & Readonly<{
+    placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
+    width: string | number;
+    showBtns: boolean;
+}> & Omit<Readonly<import("./src/type.js").Props> & Readonly<{
+    onCancel?: (() => any) | undefined;
+    onConfirm?: (() => any) | undefined;
+    onClickOutside?: (() => any) | undefined;
+}>, "$popoverRef" | ("placement" | "width" | "showBtns")> & import("vue").ShallowUnwrapRef<{
+    $popoverRef: import("vue").Ref<null, null>;
+}> & {} & import("vue").ComponentCustomProperties & {} & {
+    $slots: {
+        reference?: ((props: {}) => any) | undefined;
+        default?: ((props: {}) => any) | undefined;
+    };
+}) | null>;
 declare const DasPopover: import("@das-fed/utils").SFCWithInstall<{
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./src/type.js").Props> & Readonly<{
         onCancel?: (() => any) | undefined;
@@ -12,6 +167,7 @@ declare const DasPopover: import("@das-fed/utils").SFCWithInstall<{
         clickOutside: () => any;
     }, import("vue").PublicProps, {
         placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
+        width: string | number;
         showBtns: boolean;
     }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
@@ -28,6 +184,7 @@ declare const DasPopover: import("@das-fed/utils").SFCWithInstall<{
         $popoverRef: import("vue").Ref<null, null>;
     }, {}, {}, {}, {
         placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
+        width: string | number;
         showBtns: boolean;
     }>;
     __isFragment?: never;
@@ -45,12 +202,16 @@ declare const DasPopover: import("@das-fed/utils").SFCWithInstall<{
     clickOutside: () => any;
 }, string, {
     placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
+    width: string | number;
     showBtns: boolean;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
-        reference?(_: {}): any;
-        default?(_: {}): any;
+        reference?: ((props: {}) => any) | undefined;
+        default?: ((props: {}) => any) | undefined;
     };
 })>;
-export { DasPopover };
-export default DasPopover;
+export { DasPopoverRef, DasPopover };
+declare const _default: {
+    title: string;
+};
+export default _default;

package/packages/components/popover/index.js

@@ -1,68 +1,69 @@
 import '@das-fed/ui/packages/components/popover/style.css';
-import { withInstall as w } from "@das-fed/utils/with-install/index";
-import { i18n as m, setI18nRule as _ } from "@das-fed/web/packages/i18n/index";
-import { defineComponent as b, useAttrs as g, ref as D, computed as O, openBlock as s, createBlock as V, unref as t, mergeProps as E, withCtx as r, renderSlot as d, withDirectives as I, createElementBlock as p, toDisplayString as n, createCommentVNode as u, createElementVNode as P, createTextVNode as a, createVNode as f } from "vue";
-import { ElPopover as R, ClickOutside as z } from "element-plus";
+import { defineComponent as _, useAttrs as D, ref as C, computed as O, createBlock as P, openBlock as s, unref as o, mergeProps as b, withCtx as r, withDirectives as g, createElementBlock as p, createCommentVNode as d, renderSlot as m, toDisplayString as n, createElementVNode as R, createTextVNode as a, createVNode as u } from "vue";
+import { withInstall as V } from "@das-fed/utils/with-install/index";
+import { i18n as f, setI18nRule as E } from "@das-fed/web/packages/i18n/index";
+import { ElPopover as I, ClickOutside as z } from "element-plus";
 import { DasButton as v } from "@das-fed/ui/packages/components/button/index";
 import "element-plus/es/components/popover/style/css";
 import "@das-fed/ui/packages/global/theme";
 const S = { class: "das-ui-popover-container" }, T = {
   key: 0,
   class: "das-ui-popover-title"
-}, A = { class: "das-ui-popover-content" }, j = {
+}, A = { class: "das-ui-popover-content" }, K = {
   key: 0,
   class: "btn-groups"
-}, q = /* @__PURE__ */ b({
+}, j = /* @__PURE__ */ _({
   __name: "Index",
   props: {
     title: {},
+    width: { default: "240px" },
     content: {},
     popperClass: {},
     showBtns: { type: Boolean, default: !1 },
     placement: { default: "bottom-start" }
   },
   emits: ["cancel", "confirm", "clickOutside"],
-  setup(C, { expose: k, emit: $ }) {
-    const l = C, i = $, h = g(), c = D(null), y = O(() => {
+  setup(k, { expose: h, emit: w }) {
+    const l = k, i = w, $ = D(), c = C(null), y = O(() => {
       let e = "das-ui-popover-over-container";
       return l.popperClass && (e = `${e} ${l.popperClass}`), e;
     }), N = () => {
-      h.visible !== void 0 && i("clickOutside");
+      $.visible !== void 0 && i("clickOutside");
     };
-    return k({ $popoverRef: c }), (e, o) => (s(), V(t(R), E({
+    return h({ $popoverRef: c }), (e, t) => (s(), P(o(I), b({
       ref_key: "$popoverRef",
       ref: c,
       class: "das-ui-popover",
       placement: e.placement,
-      width: "240px",
+      width: e.width,
       "popper-class": y.value
     }, e.$attrs), {
       reference: r(() => [
-        d(e.$slots, "reference")
+        m(e.$slots, "reference")
       ]),
       default: r(() => [
-        I((s(), p("div", S, [
+        g((s(), p("div", S, [
           e.title ? (s(), p(
             "div",
             T,
             n(e.title),
             1
             /* TEXT */
-          )) : u("v-if", !0),
-          d(e.$slots, "default", {}, () => [
-            P("div", A, [
+          )) : d("v-if", !0),
+          m(e.$slots, "default", {}, () => [
+            R("div", A, [
               a(
                 n(e.content) + " ",
                 1
                 /* TEXT */
               ),
-              e.showBtns ? (s(), p("div", j, [
-                f(t(v), {
-                  onClick: o[0] || (o[0] = (B) => i("cancel"))
+              e.showBtns ? (s(), p("div", K, [
+                u(o(v), {
+                  onClick: t[0] || (t[0] = (B) => i("cancel"))
                 }, {
                   default: r(() => [
                     a(
-                      n(t(m)("das-ui-popover-cancel").value),
+                      n(o(f)("das-ui-popover-cancel").value),
                       1
                       /* TEXT */
                     )
@@ -70,14 +71,14 @@ const S = { class: "das-ui-popover-container" }, T = {
                   _: 1
                   /* STABLE */
                 }),
-                f(t(v), {
+                u(o(v), {
                   btnType: "primary",
-                  onClick: o[1] || (o[1] = (B) => i("confirm")),
+                  onClick: t[1] || (t[1] = (B) => i("confirm")),
                   style: { "margin-left": "12px" }
                 }, {
                   default: r(() => [
                     a(
-                      n(t(m)("das-ui-popover-confirm").value),
+                      n(o(f)("das-ui-popover-confirm").value),
                       1
                       /* TEXT */
                     )
@@ -85,23 +86,25 @@ const S = { class: "das-ui-popover-container" }, T = {
                   _: 1
                   /* STABLE */
                 })
-              ])) : u("v-if", !0)
+              ])) : d("v-if", !0)
             ])
           ])
         ])), [
-          [t(z), N]
+          [o(z), N]
         ])
       ]),
       _: 3
       /* FORWARDED */
-    }, 16, ["placement", "popper-class"]));
+    }, 16, ["placement", "width", "popper-class"]));
   }
-}), x = {
-  "das-ui-popover-confirm": { "zh-CN": "确定", en: "Confirm" },
-  "das-ui-popover-cancel": { "zh-CN": "取消", en: "Cancel" }
-}, Q = w(q);
-_(x);
+}), q = {
+  "das-ui-popover-confirm": { "zh-CN": "确定", en: "OK", _appCode: "framework" },
+  "das-ui-popover-cancel": { "zh-CN": "取消", en: "Cancel", _appCode: "framework" }
+};
+E(q);
+const Q = () => C(null), U = V(j), W = { title: "Popover 气泡卡片" };
 export {
-  Q as DasPopover,
-  Q as default
+  U as DasPopover,
+  Q as DasPopoverRef,
+  W as default
 };