@fangzhongya/fang-ui 0.0.14 → 0.0.15

package/dist/components/page/src/set-column.d.ts

@@ -1,4 +1,5 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+import { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<ExtractPropTypes<{
     modelValue: {
         type: {
             (arrayLength: number): ObjAny[];
@@ -36,9 +37,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             readonly [Symbol.species]: ArrayConstructor;
         };
     };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, string, PublicProps, Readonly< ExtractPropTypes<{
     modelValue: {
         type: {
             (arrayLength: number): ObjAny[];
@@ -80,5 +81,5 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
     modelValue: ObjAny[];
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;

package/dist/components/page/src/set-column.vue

@@ -0,0 +1,176 @@
+<script setup lang="ts">
+	import { ref, watch } from 'vue';
+	import Draggable from 'vuedraggable';
+	import Dialog from '../../dialog/index';
+	import { useCssName } from '../../../hooks/cssname';
+	import { ElButton, ElCheckbox } from 'element-plus';
+	const props = defineProps({
+		modelValue: {
+			type: Array<ObjAny>,
+			default() {
+				return [];
+			},
+		},
+		list: {
+			type: Array<ObjAny>,
+		},
+	});
+	const emit = defineEmits(['update:modelValue']);
+	const cs = useCssName('set-column');
+	const dialogVisible = ref(false);
+
+	const value = ref([...props.modelValue]);
+
+	watch(
+		() => props.modelValue,
+		() => {
+			value.value = [...props.modelValue];
+		},
+	);
+
+	const onOpen = () => {
+		value.value = [...props.modelValue];
+		dialogVisible.value = true;
+	};
+
+	const isChecked = (item: ObjAny) => {
+		return value.value.map((o) => o.prop).includes(item.prop);
+	};
+
+	const onSubmit = () => {
+		dialogVisible.value = false;
+		emit('update:modelValue', [...value.value]);
+	};
+
+	const dragOptions = {
+		animation: 200,
+		group: 'description',
+		disabled: false,
+		ghostClass: 'ghost',
+	};
+	const drag = ref(false);
+
+	const onChange = (item: ObjAny, is: boolean) => {
+		if (is) {
+			value.value.push(item);
+		} else {
+			const v = value.value.map((o) => o.prop);
+			value.value.splice(v.indexOf(item.prop), 1);
+		}
+	};
+	const onDelete = (item: ObjAny, index: number) => {
+		value.value.splice(index, 1);
+	};
+</script>
+<template>
+	<div :class="cs.z()">
+		<ElButton @click="onOpen">列设置</ElButton>
+		<Dialog
+			:class="cs.z('dialog')"
+			v-model="dialogVisible"
+			title="设置显示字段"
+			@confirm="onSubmit"
+		>
+			<div :class="cs.z('dialog-main')">
+				<div :class="cs.z('check')">
+					<div :class="cs.z('title')">可选字段</div>
+					<div :class="cs.z('check-list')" :key="value.length">
+						<template v-if="props.list && props.list.length > 0">
+							<ElCheckbox
+								v-for="(item, index) in props.list"
+								:class="cs.z('check-list-li')"
+								:key="index"
+								:label="item.label"
+								:value="item.prop"
+								:checked="isChecked(item)"
+								@change="(is) => onChange(item, Boolean(is))"
+							></ElCheckbox>
+						</template>
+						<div class="no-data" v-else>暂无数据</div>
+						<!-- </el-checkbox-group> -->
+					</div>
+				</div>
+				<div :class="cs.z('already')">
+					<div :class="cs.z('title')">已选字段</div>
+					<div :class="cs.z('already-list')">
+						<Draggable
+							v-if="value && value.length > 0"
+							v-bind="dragOptions"
+							@start="drag = true"
+							@end="drag = false"
+							v-model="value"
+							:item-key="(value: any) => value"
+							handle=".handle"
+						>
+							<template #item="{ element, index }">
+								<div :class="cs.z('already-li')">
+									<div
+										class="handle"
+										:class="cs.z('already-li-v')"
+									>
+										<div>{{ element.label }}</div>
+									</div>
+									<ElButton
+										text
+										@click.stop="onDelete(element, index)"
+									>
+										删除
+									</ElButton>
+								</div>
+							</template>
+						</Draggable>
+						<div class="no-data" v-else>未选字段</div>
+					</div>
+				</div>
+			</div>
+		</Dialog>
+	</div>
+</template>
+<style lang="scss" scoped>
+	$set-column: 'set-column';
+	.#{$set-column}-dialog-main {
+		font-size: 16px;
+		display: flex;
+		.#{$set-column}-check {
+			flex: 1;
+			.#{$set-column}-check-list {
+				padding: 10px;
+				display: flex;
+				flex-direction: row;
+				flex-wrap: wrap;
+				overflow-y: auto;
+				.#{$set-column}-check-list-li {
+					width: 130px;
+				}
+			}
+		}
+		// .no-data {
+		// 	color: #ccc;
+		// 	font-size: 14px;
+		// 	text-align: center;
+		// 	width: 100%;
+		// 	margin-top: 20px;
+		// }
+		.#{$set-column}-already {
+			border-left: 1px solid #999;
+			padding-left: 20px;
+			width: 260px;
+			.#{$set-column}-already-list {
+				padding: 10px 10px 10px 0;
+				.#{$set-column}-already-li {
+					height: 40px;
+					line-height: 40px;
+					border-bottom: 1px solid #ccc;
+					display: flex;
+					align-items: center;
+					justify-content: space-between;
+					.#{$set-column}-already-li-v {
+						display: flex;
+						flex: 1;
+						align-items: center;
+					}
+				}
+			}
+		}
+	}
+</style>

package/dist/components/page/src/set-column2.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const require$$0 = require("vue");
-const vuedraggable_umd = require("../../../_virtual/vuedraggable.umd.cjs");
+const vue = require("vue");
+const Draggable = require("vuedraggable");
 const index$1 = require("../../dialog/index.cjs");
 const index = require("../../../hooks/cssname/index.cjs");
 const elementPlus = require("element-plus");
@@ -13,7 +13,7 @@ const _hoisted_2 = {
   key: 1,
   class: "no-data"
 };
-const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "set-column",
   props: {
     modelValue: {
@@ -31,9 +31,9 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
     const props = __props;
     const emit = __emit;
     const cs = index.useCssName("set-column");
-    const dialogVisible = require$$0.ref(false);
-    const value = require$$0.ref([...props.modelValue]);
-    require$$0.watch(
+    const dialogVisible = vue.ref(false);
+    const value = vue.ref([...props.modelValue]);
+    vue.watch(
       () => props.modelValue,
       () => {
         value.value = [...props.modelValue];
@@ -56,7 +56,7 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
       disabled: false,
       ghostClass: "ghost"
     };
-    const drag = require$$0.ref(false);
+    const drag = vue.ref(false);
     const onChange = (item, is) => {
       if (is) {
         value.value.push(item);
@@ -69,59 +69,59 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
       value.value.splice(index2, 1);
     };
     return (_ctx, _cache) => {
-      return require$$0.openBlock(), require$$0.createElementBlock("div", {
-        class: require$$0.normalizeClass(require$$0.unref(cs).z())
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(vue.unref(cs).z())
       }, [
-        require$$0.createVNode(require$$0.unref(elementPlus.ElButton), { onClick: onOpen }, {
-          default: require$$0.withCtx(() => _cache[4] || (_cache[4] = [
-            require$$0.createTextVNode("列设置")
+        vue.createVNode(vue.unref(elementPlus.ElButton), { onClick: onOpen }, {
+          default: vue.withCtx(() => _cache[4] || (_cache[4] = [
+            vue.createTextVNode("列设置")
           ])),
           _: 1,
           __: [4]
         }),
-        require$$0.createVNode(require$$0.unref(index$1.Dialog), {
-          class: require$$0.normalizeClass(require$$0.unref(cs).z("dialog")),
+        vue.createVNode(vue.unref(index$1.Dialog), {
+          class: vue.normalizeClass(vue.unref(cs).z("dialog")),
           modelValue: dialogVisible.value,
           "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => dialogVisible.value = $event),
           title: "设置显示字段",
           onConfirm: onSubmit
         }, {
-          default: require$$0.withCtx(() => [
-            require$$0.createElementVNode("div", {
-              class: require$$0.normalizeClass(require$$0.unref(cs).z("dialog-main"))
+          default: vue.withCtx(() => [
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass(vue.unref(cs).z("dialog-main"))
             }, [
-              require$$0.createElementVNode("div", {
-                class: require$$0.normalizeClass(require$$0.unref(cs).z("check"))
+              vue.createElementVNode("div", {
+                class: vue.normalizeClass(vue.unref(cs).z("check"))
               }, [
-                require$$0.createElementVNode("div", {
-                  class: require$$0.normalizeClass(require$$0.unref(cs).z("title"))
+                vue.createElementVNode("div", {
+                  class: vue.normalizeClass(vue.unref(cs).z("title"))
                 }, "可选字段", 2),
-                (require$$0.openBlock(), require$$0.createElementBlock("div", {
-                  class: require$$0.normalizeClass(require$$0.unref(cs).z("check-list")),
+                (vue.openBlock(), vue.createElementBlock("div", {
+                  class: vue.normalizeClass(vue.unref(cs).z("check-list")),
                   key: value.value.length
                 }, [
-                  props.list && props.list.length > 0 ? (require$$0.openBlock(true), require$$0.createElementBlock(require$$0.Fragment, { key: 0 }, require$$0.renderList(props.list, (item, index2) => {
-                    return require$$0.openBlock(), require$$0.createBlock(require$$0.unref(elementPlus.ElCheckbox), {
-                      class: require$$0.normalizeClass(require$$0.unref(cs).z("check-list-li")),
+                  props.list && props.list.length > 0 ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(props.list, (item, index2) => {
+                    return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElCheckbox), {
+                      class: vue.normalizeClass(vue.unref(cs).z("check-list-li")),
                       key: index2,
                       label: item.label,
                       value: item.prop,
                       checked: isChecked(item),
                       onChange: (is) => onChange(item, Boolean(is))
                     }, null, 8, ["class", "label", "value", "checked", "onChange"]);
-                  }), 128)) : (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1, "暂无数据"))
+                  }), 128)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, "暂无数据"))
                 ], 2))
               ], 2),
-              require$$0.createElementVNode("div", {
-                class: require$$0.normalizeClass(require$$0.unref(cs).z("already"))
+              vue.createElementVNode("div", {
+                class: vue.normalizeClass(vue.unref(cs).z("already"))
               }, [
-                require$$0.createElementVNode("div", {
-                  class: require$$0.normalizeClass(require$$0.unref(cs).z("title"))
+                vue.createElementVNode("div", {
+                  class: vue.normalizeClass(vue.unref(cs).z("title"))
                 }, "已选字段", 2),
-                require$$0.createElementVNode("div", {
-                  class: require$$0.normalizeClass(require$$0.unref(cs).z("already-list"))
+                vue.createElementVNode("div", {
+                  class: vue.normalizeClass(vue.unref(cs).z("already-list"))
                 }, [
-                  value.value && value.value.length > 0 ? (require$$0.openBlock(), require$$0.createBlock(require$$0.unref(vuedraggable_umd.default), require$$0.mergeProps({ key: 0 }, dragOptions, {
+                  value.value && value.value.length > 0 ? (vue.openBlock(), vue.createBlock(vue.unref(Draggable), vue.mergeProps({ key: 0 }, dragOptions, {
                     onStart: _cache[0] || (_cache[0] = ($event) => drag.value = true),
                     onEnd: _cache[1] || (_cache[1] = ($event) => drag.value = false),
                     modelValue: value.value,
@@ -129,21 +129,21 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
                     "item-key": (value2) => value2,
                     handle: ".handle"
                   }), {
-                    item: require$$0.withCtx(({ element, index: index2 }) => [
-                      require$$0.createElementVNode("div", {
-                        class: require$$0.normalizeClass(require$$0.unref(cs).z("already-li"))
+                    item: vue.withCtx(({ element, index: index2 }) => [
+                      vue.createElementVNode("div", {
+                        class: vue.normalizeClass(vue.unref(cs).z("already-li"))
                       }, [
-                        require$$0.createElementVNode("div", {
-                          class: require$$0.normalizeClass(["handle", require$$0.unref(cs).z("already-li-v")])
+                        vue.createElementVNode("div", {
+                          class: vue.normalizeClass(["handle", vue.unref(cs).z("already-li-v")])
                         }, [
-                          require$$0.createElementVNode("div", null, require$$0.toDisplayString(element.label), 1)
+                          vue.createElementVNode("div", null, vue.toDisplayString(element.label), 1)
                         ], 2),
-                        require$$0.createVNode(require$$0.unref(elementPlus.ElButton), {
+                        vue.createVNode(vue.unref(elementPlus.ElButton), {
                           text: "",
-                          onClick: require$$0.withModifiers(($event) => onDelete(element, index2), ["stop"])
+                          onClick: vue.withModifiers(($event) => onDelete(element, index2), ["stop"])
                         }, {
-                          default: require$$0.withCtx(() => _cache[5] || (_cache[5] = [
-                            require$$0.createTextVNode(" 删除 ")
+                          default: vue.withCtx(() => _cache[5] || (_cache[5] = [
+                            vue.createTextVNode(" 删除 ")
                           ])),
                           _: 2,
                           __: [5]
@@ -151,7 +151,7 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
                       ], 2)
                     ]),
                     _: 1
-                  }, 16, ["modelValue", "item-key"])) : (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_2, "未选字段"))
+                  }, 16, ["modelValue", "item-key"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, "未选字段"))
                 ], 2)
               ], 2)
             ], 2)

package/dist/components/page/src/set-column2.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref, watch, createElementBlock, openBlock, normalizeClass, unref, createVNode, withCtx, createTextVNode, createElementVNode, Fragment, renderList, createBlock, mergeProps, toDisplayString, withModifiers } from "vue";
-import Draggable from "../../../_virtual/vuedraggable.umd.js";
+import Draggable from "vuedraggable";
 import { Dialog } from "../../dialog/index.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import { ElButton, ElCheckbox } from "element-plus";

package/dist/components/pagin/index.css

@@ -1,32 +1,32 @@
 :root {
-  --el-icon-picker-on: rgb(91, 189, 246);
-  --el-icon-picker-border: #eee;
-  --el-color-primary: #409eff;
-  --el-bag-primary: #409eff;
-  --el-bag-primary-text: #fff;
-  --el-border: #eee;
-  --el-layout-panel-gap: 10px;
-  --el-layout-panel-padding: 20px;
-  --el-layout-form-item-padding-right: var(
-  	--el-layout-panel-gap
+  --icon-picker-on: rgb(91, 189, 246);
+  --icon-picker-border: #eee;
+  --color-primary: #409eff;
+  --bag-primary: #409eff;
+  --bag-primary-text: #fff;
+  --border: #eee;
+  --layout-panel-gap: 10px;
+  --layout-panel-padding: 20px;
+  --layout-form-item-padding-right: var(
+  	--layout-panel-gap
   );
-  --el-g-main-bg: var(--el-bg-color-page);
+  --g-main-bg: var(--bg-color-page);
 }
 
-.el-com {
+.com {
   font-size: 20px;
 }
 
-.el-pags {
+.pags {
   padding: 10px;
 }
-.el-pags-slot {
+.pags-slot {
   padding-left: 10px;
   font-size: 14px;
   font-weight: 400;
   color: #9b9b9b;
 }
-.el-pags .el-pagination__total {
+.pags .el-pagination__total {
   font-size: 14px;
   font-weight: 400;
   color: #9b9b9b;

package/dist/components/pagin/index.d.ts

@@ -1,5 +1,6 @@
+import { CreateComponentPublicInstanceWithMixins, ExtractPropTypes, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps, Plugin } from 'vue';
 declare const Pagin: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
         ispag: BooleanConstructor;
         total: NumberConstructor;
         layout: StringConstructor;
@@ -10,19 +11,19 @@ declare const Pagin: {
     }>> & Readonly<{
         "onCurrent-change"?: ((...args: any[]) => any) | undefined;
         "onSize-change"?: ((...args: any[]) => any) | undefined;
-    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
         "current-change": (...args: any[]) => void;
         "size-change": (...args: any[]) => void;
-    }, import('vue').PublicProps, {
+    }, PublicProps, {
         ispag: boolean;
-    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+    }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('vue').ExtractPropTypes<{
+    }, Readonly< ExtractPropTypes<{
         ispag: BooleanConstructor;
         total: NumberConstructor;
         layout: StringConstructor;
@@ -39,7 +40,7 @@ declare const Pagin: {
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
     ispag: BooleanConstructor;
     total: NumberConstructor;
     layout: StringConstructor;
@@ -50,10 +51,10 @@ declare const Pagin: {
 }>> & Readonly<{
     "onCurrent-change"?: ((...args: any[]) => any) | undefined;
     "onSize-change"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "current-change": (...args: any[]) => void;
     "size-change": (...args: any[]) => void;
 }, string, {
     ispag: boolean;
-}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & import('vue').Plugin;
+}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & Plugin;
 export { Pagin, Pagin as default };

package/dist/components/pagin/index.ts

@@ -0,0 +1,8 @@
+import './index.scss';
+import { withInstall } from '../../utils/vues/withInstall'
+import SrcVue from './src/index.vue'
+const Pagin = withInstall(SrcVue, 'Pagin');
+export {
+   Pagin,
+   Pagin as default
+};

package/dist/components/pagin/src/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const require$$0 = require("vue");
+const vue = require("vue");
 const elementPlus = require("element-plus");
 const index = require("../../../hooks/cssname/index.cjs");
 require("@fangzhongya/utils/basic/string/splitUpper");
@@ -17,7 +17,7 @@ require("@fangzhongya/utils/basic/Array/toggleArray");
 require("@fangzhongya/utils/basic/object/objValue");
 require("../../../hooks/global-config/index.cjs");
 const index$1 = require("../../../hooks/inherit/index.cjs");
-const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: {
     ispag: Boolean,
@@ -28,10 +28,10 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
   emits: ["size-change", "current-change"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const cs = index.useCssName("pags");
-    const attrs = index$1.useInherit(require$$0.useAttrs());
+    const attrs = index$1.useInherit(vue.useAttrs());
     const props = __props;
     const emit = __emit;
-    const layout = require$$0.computed(() => {
+    const layout = vue.computed(() => {
       const layout2 = props.layout || attrs.assem.layout;
       return layout2;
     });
@@ -53,8 +53,8 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
     };
     __expose({});
     return (_ctx, _cache) => {
-      return require$$0.openBlock(), require$$0.createBlock(require$$0.unref(elementPlus.ElPagination), require$$0.mergeProps(require$$0.unref(attrs).assem, {
-        class: require$$0.unref(cs).z(),
+      return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElPagination), vue.mergeProps(vue.unref(attrs).assem, {
+        class: vue.unref(cs).z(),
         "current-page": props.paginat.current,
         "onUpdate:currentPage": _cache[0] || (_cache[0] = ($event) => props.paginat.current = $event),
         "page-size": props.paginat.pageSize,
@@ -64,10 +64,10 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
         onSizeChange,
         onCurrentChange
       }), {
-        default: require$$0.withCtx(() => [
-          require$$0.createElementVNode("span", {
-            class: require$$0.normalizeClass(require$$0.unref(cs).z("slot"))
-          }, require$$0.toDisplayString(setValue()), 3)
+        default: vue.withCtx(() => [
+          vue.createElementVNode("span", {
+            class: vue.normalizeClass(vue.unref(cs).z("slot"))
+          }, vue.toDisplayString(setValue()), 3)
         ]),
         _: 1
       }, 16, ["class", "current-page", "page-size", "layout", "total"]);

package/dist/components/pagin/src/index.d.ts

@@ -1,4 +1,5 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+import { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<ExtractPropTypes<{
     ispag: BooleanConstructor;
     total: NumberConstructor;
     layout: StringConstructor;
@@ -6,10 +7,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: ObjectConstructor;
         required: true;
     };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "current-change": (...args: any[]) => void;
     "size-change": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, string, PublicProps, Readonly< ExtractPropTypes<{
     ispag: BooleanConstructor;
     total: NumberConstructor;
     layout: StringConstructor;
@@ -22,5 +23,5 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     "onSize-change"?: ((...args: any[]) => any) | undefined;
 }>, {
     ispag: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/pagin/src/index.vue

@@ -0,0 +1,61 @@
+<template>
+	<el-pagination
+		v-bind="attrs.assem"
+		:class="cs.z()"
+		v-model:current-page="props.paginat.current"
+		v-model:page-size="props.paginat.pageSize"
+		:layout="layout"
+		:total="props.total"
+		@size-change="onSizeChange"
+		@current-change="onCurrentChange"
+	>
+		<span :class="cs.z('slot')">{{ setValue() }}</span>
+	</el-pagination>
+</template>
+<script setup lang="ts">
+	import { ElPagination } from 'element-plus';
+	import { useAttrs, computed } from 'vue';
+	import { useInherit, useCssName } from '../../../hooks/index';
+	const cs = useCssName('pags');
+	const attrs = useInherit(useAttrs());
+	const props = defineProps({
+		ispag: Boolean,
+		total: Number,
+		layout: String,
+		paginat: { type: Object, required: true },
+	});
+
+	const emit = defineEmits(['size-change', 'current-change']);
+
+	const layout = computed(() => {
+		const layout: string = props.layout || (attrs.assem.layout as string);
+		return layout;
+	});
+
+	const setValue = () => {
+		let v = 1;
+		if (props.total && props.paginat.pageSize) {
+			v = Math.ceil(props.total / props.paginat.pageSize);
+		}
+		return (
+			'当前第' +
+			props.paginat.current +
+			'页 共' +
+			v +
+			'页 每页' +
+			props.paginat.pageSize +
+			'条记录'
+		);
+	};
+
+	const onCurrentChange = (v: number) => {
+		console.log('current', v);
+		props.paginat.current = v;
+		emit('current-change');
+	};
+	const onSizeChange = (v: number) => {
+		props.paginat.pageSize = v;
+		emit('size-change');
+	};
+	defineExpose({});
+</script>