@fangzhongya/fang-ui 0.1.9 → 0.1.11

package/dist/components/page/index.css

@@ -647,19 +647,53 @@
 }
 .list-div .list-table .list-table-auto {
   width: 100%;
+  height: 100%;
   display: inline-flex;
   word-break: break-all;
 }
 .list-div .list-table .list-table-auto .list-table-td {
   flex: 1;
 }
-.list-div .list-table .list-table-auto .is-width .list-table-label {
-  word-break: break-all;
-  white-space: normal;
+.list-div .list-table .list-table-auto .list-table-th.itemscenter {
+  display: inline-flex;
+  align-items: center;
+}
+.list-div .list-table .list-table-auto .list-table-th.itemsend {
+  display: inline-flex;
+  align-items: end;
+}
+.list-div .list-table .list-table-auto .list-table-th.alignright {
+  display: inline-flex;
+  justify-content: end;
+}
+.list-div .list-table .list-table-auto .list-table-th.aligncenter {
+  display: inline-flex;
+  justify-content: center;
+}
+.list-div .list-table .list-table-auto .list-table-td.itemscenter {
+  display: inline-flex;
+  align-items: center;
+}
+.list-div .list-table .list-table-auto .list-table-td.itemsend {
+  display: inline-flex;
+  align-items: end;
+}
+.list-div .list-table .list-table-auto .list-table-td.alignright {
+  display: inline-flex;
+  justify-content: end;
+}
+.list-div .list-table .list-table-auto .list-table-td.aligncenter {
+  display: inline-flex;
+  justify-content: center;
 }
 .list-div .list-table .list-table-auto .list-table-label {
   white-space: nowrap;
 }
+.list-div .list-table .is-width .list-table-label {
+  word-break: break-all;
+  white-space: normal;
+  display: block;
+}
 .list-div .list-table .list-table-th {
   text-align: left;
 }
@@ -736,8 +770,12 @@
 }
 
 .paging {
+  width: 100%;
   padding: 10px;
 }
+.paging-pagination {
+  width: 100%;
+}
 .paging-slot {
   padding-left: 10px;
   font-size: 14px;

package/dist/components/page/src/data.cjs

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const buildProps = require("../../../utils/vues/buildProps.cjs");
+const name = "page";
 const dataProps = buildProps.buildProps({
   config: {
     type: Object,
@@ -60,3 +61,4 @@ exports.dataEmits = dataEmits;
 exports.dataExpose = dataExpose;
 exports.dataProps = dataProps;
 exports.dataSlot = dataSlot;
+exports.name = name;

package/dist/components/page/src/data.d.ts

@@ -47,6 +47,10 @@ type Configs = {
         operation?: boolean;
     };
 };
+/**
+ * @title {h3} page
+ */
+export declare const name = "page";
 export declare const dataProps: {
     config: {
         type: () => Configs;

package/dist/components/page/src/data.js

@@ -1,4 +1,5 @@
 import { buildProps } from "../../../utils/vues/buildProps.js";
+const name = "page";
 const dataProps = buildProps({
   config: {
     type: Object,
@@ -58,5 +59,6 @@ export {
   dataEmits,
   dataExpose,
   dataProps,
-  dataSlot
+  dataSlot,
+  name
 };

package/dist/components/page/src/index2.cjs

@@ -1,28 +1,31 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const index$1 = require("../../../hooks/cssname/index.cjs");
-const index$5 = require("../../forms/index.cjs");
-const index$8 = require("../../tablesp/index.cjs");
-const index$6 = require("../../list/index.cjs");
-const index$4 = require("../../dialogs/index.cjs");
-const index$7 = require("../../buttons/index.cjs");
-const index$3 = require("../../message/index.cjs");
-const index$2 = require("../../message-box/index.cjs");
+const index$2 = require("../../../hooks/cssname/index.cjs");
+const index$6 = require("../../forms/index.cjs");
+const index$9 = require("../../tablesp/index.cjs");
+const index$7 = require("../../list/index.cjs");
+const index$5 = require("../../dialogs/index.cjs");
+const index$8 = require("../../buttons/index.cjs");
+const index$4 = require("../../message/index.cjs");
+const index$3 = require("../../message-box/index.cjs");
 const data = require("./data.cjs");
 require("./set-column.cjs");
 const urls = require("../../common/urls.cjs");
+const index$1 = require("../../../hooks/props-default/index.cjs");
 const index = require("../../../hooks/locale/index.cjs");
 const setColumn_vue_vue_type_script_setup_true_lang = require("./set-column2.cjs");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
-  props: data.dataProps,
+  props: index$1.getProps(data.dataProps),
   emits: data.dataEmits,
   setup(__props, { emit: __emit }) {
     const { getLocale, getLocaleAdd } = index.useLocale();
-    const props = __props;
+    const prs = __props;
+    const props = index$1.usePropsDefault(data.name, prs, data.dataProps);
+    index$1.viewProps(props, data.name);
     const emit = __emit;
-    const cs = index$1.useCssName("page");
+    const cs = index$2.useCssName(data.name);
     const slots = vue.useSlots();
     const tableRef = vue.ref();
     let listObj = {};
@@ -256,19 +259,19 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       const ts = ["是否删除所选" + props.config.name + "？"];
       const label = ((_a = props.config.delete) == null ? void 0 : _a.label) || "name";
       const prop = ((_b = props.config.delete) == null ? void 0 : _b.prop) || "id";
-      const name = ((_c = listObj[label]) == null ? void 0 : _c.label) || "内容";
+      const name2 = ((_c = listObj[label]) == null ? void 0 : _c.label) || "内容";
       array.forEach((obj) => {
-        ts.push(name + "：" + (obj[label] ?? ""));
+        ts.push(name2 + "：" + (obj[label] ?? ""));
       });
-      index$2.MessageBox.confirm(ts.join("<br>"), "提示", {
+      index$3.MessageBox.confirm(ts.join("<br>"), "提示", {
         confirmButtonText: "确认",
         cancelButtonText: "取消",
         type: "warning",
         dangerouslyUseHTMLString: true
       }).then(() => {
         var _a2, _b2;
-        const name2 = ((_a2 = props.config.delete) == null ? void 0 : _a2.name) || "ids";
-        const value = { [name2]: array.map((o) => o[prop]) };
+        const name3 = ((_a2 = props.config.delete) == null ? void 0 : _a2.name) || "ids";
+        const value = { [name3]: array.map((o) => o[prop]) };
         console.log("onDelete", value);
         const ajax = (_b2 = props.config.delete) == null ? void 0 : _b2.ajax;
         if (ajax) {
@@ -285,10 +288,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           }
           urls.comHandle(param, value).then((res) => {
             if (res.result) {
-              index$3.Message.success(res.info || "删除成功");
+              index$4.Message.success(res.info || "删除成功");
               onRefresh();
             } else {
-              index$3.Message.error(res.info || "删除失败");
+              index$4.Message.error(res.info || "删除失败");
             }
           }).catch((err) => {
             console.error("删除失败", err);
@@ -319,7 +322,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       } else if (item.prop === 8) {
         console.log("批量删除", selection.value);
         if (selection.value.length === 0) {
-          index$3.Message.warning("请至少选择一条记录");
+          index$4.Message.warning("请至少选择一条记录");
           return;
         }
         onDelete(selection.value);
@@ -344,7 +347,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               details.value = res.data || row;
               details.visible = true;
             } else {
-              index$3.Message.error(res.info || "查询详情失败");
+              index$4.Message.error(res.info || "查询详情失败");
             }
           }).catch((err) => {
             console.error("查询详情失败", err);
@@ -420,13 +423,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               }
               urls.comHandle(param, data2).then((res) => {
                 if (res.result) {
-                  index$3.Message.success(
+                  index$4.Message.success(
                     res.info || "添加成功"
                   );
                   dialog.visible = false;
                   onRefresh();
                 } else {
-                  index$3.Message.error(res.info || "添加失败");
+                  index$4.Message.error(res.info || "添加失败");
                 }
               }).catch((err) => {
                 console.error("添加失败", err);
@@ -454,13 +457,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               }
               urls.comHandle(param, data2).then((res) => {
                 if (res.result) {
-                  index$3.Message.success(
+                  index$4.Message.success(
                     res.info || "编辑成功"
                   );
                   dialog.visible = false;
                   onRefresh();
                 } else {
-                  index$3.Message.error(res.info || "编辑失败");
+                  index$4.Message.error(res.info || "编辑失败");
                 }
               }).catch((err) => {
                 console.error("编辑失败", err);
@@ -573,20 +576,20 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(vue.unref(cs).z())
       }, [
-        vue.createVNode(vue.unref(index$4.Dialogs), {
-          title: (dialog.type == "add" ? vue.unref(getLocale)("page.add") : vue.unref(getLocale)("page.edit")) + props.config.name,
+        vue.createVNode(vue.unref(index$5.Dialogs), {
+          title: (dialog.type == "add" ? vue.unref(getLocale)("page.add") : vue.unref(getLocale)("page.edit")) + vue.unref(props).config.name,
           modelValue: dialog.visible,
           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => dialog.visible = $event),
           onConfirm
         }, {
           default: vue.withCtx(() => [
-            dialog.visible ? (vue.openBlock(), vue.createBlock(vue.unref(index$5.Forms), vue.mergeProps({ key: 0 }, props.config.form, {
+            dialog.visible ? (vue.openBlock(), vue.createBlock(vue.unref(index$6.Forms), vue.mergeProps({ key: 0 }, vue.unref(props).config.form, {
               ref_key: "formRef",
               ref: formRef,
               modelValue: dialog.value,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => dialog.value = $event),
-              options: props.options,
-              compons: props.compons,
+              options: vue.unref(props).options,
+              compons: vue.unref(props).compons,
               list: listForm.value,
               buts: []
             }), vue.createSlots({ _: 2 }, [
@@ -602,8 +605,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           ]),
           _: 3
         }, 8, ["title", "modelValue"]),
-        vue.createVNode(vue.unref(index$4.Dialogs), {
-          title: props.config.name + vue.unref(getLocale)("page.details"),
+        vue.createVNode(vue.unref(index$5.Dialogs), {
+          title: vue.unref(props).config.name + vue.unref(getLocale)("page.details"),
           modelValue: details.visible,
           "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => details.visible = $event),
           "no-footer": ""
@@ -611,10 +614,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           default: vue.withCtx(() => {
             var _a2;
             return [
-              vue.createVNode(vue.unref(index$6.List), vue.mergeProps((_a2 = props.config.details) == null ? void 0 : _a2.config, {
+              vue.createVNode(vue.unref(index$7.List), vue.mergeProps((_a2 = vue.unref(props).config.details) == null ? void 0 : _a2.config, {
                 value: details.value,
-                options: props.options,
-                compons: props.compons,
+                options: vue.unref(props).options,
+                compons: vue.unref(props).compons,
                 list: list.value
               }), vue.createSlots({ _: 2 }, [
                 vue.renderList(listSlots, (k) => {
@@ -634,16 +637,16 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           class: vue.normalizeClass(vue.unref(cs).z("header"))
         }, [
           vue.renderSlot(_ctx.$slots, dataSlot.header),
-          ((_a = props.config.query) == null ? void 0 : _a.is) !== false ? (vue.openBlock(), vue.createElementBlock("div", {
+          ((_a = vue.unref(props).config.query) == null ? void 0 : _a.is) !== false ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 0,
             class: vue.normalizeClass(vue.unref(cs).z("query"))
           }, [
-            vue.createVNode(vue.unref(index$5.Forms), vue.mergeProps((_b = props.config.query) == null ? void 0 : _b.config, {
+            vue.createVNode(vue.unref(index$6.Forms), vue.mergeProps((_b = vue.unref(props).config.query) == null ? void 0 : _b.config, {
               query: "",
               "label-position": "auto",
-              "model-value": props.query,
-              options: props.options,
-              compons: props.compons,
+              "model-value": vue.unref(props).query,
+              options: vue.unref(props).options,
+              compons: vue.unref(props).compons,
               list: listQuery.value,
               buts: butQuery.value,
               onSubmit: onQuery,
@@ -673,28 +676,28 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               vue.createElementVNode("div", {
                 class: vue.normalizeClass(vue.unref(cs).z("top-operation"))
               }, [
-                vue.createVNode(vue.unref(index$7.Buttons), {
+                vue.createVNode(vue.unref(index$8.Buttons), {
                   options: vue.unref(operationTop),
                   onClicks: _cache[3] || (_cache[3] = (item) => onOperation(item))
                 }, null, 8, ["options"]),
                 vue.renderSlot(_ctx.$slots, dataSlot.top)
               ], 2),
-              props.config.setColumn ? (vue.openBlock(), vue.createBlock(setColumn_vue_vue_type_script_setup_true_lang.default, {
+              vue.unref(props).config.setColumn ? (vue.openBlock(), vue.createBlock(setColumn_vue_vue_type_script_setup_true_lang.default, {
                 key: 0,
                 modelValue: setList.value,
                 "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => setList.value = $event),
-                list: props.list
+                list: vue.unref(props).list
               }, null, 8, ["modelValue", "list"])) : vue.createCommentVNode("", true)
             ], 2),
-            vue.createVNode(vue.unref(index$8.Tablesp), {
+            vue.createVNode(vue.unref(index$9.Tablesp), {
               ref_key: "tableRef",
               ref: tableRef,
-              load: ((_c = props.config.query) == null ? void 0 : _c.is) === false,
+              load: ((_c = vue.unref(props).config.query) == null ? void 0 : _c.is) === false,
               config: tableConfig.value,
               param: query.value,
-              value: props.value,
-              options: props.options,
-              compons: props.compons,
+              value: vue.unref(props).value,
+              options: vue.unref(props).options,
+              compons: vue.unref(props).compons,
               list: tableList.value,
               onSelection: _cache[5] || (_cache[5] = (array) => selection.value = array),
               onChange: onRowClick
@@ -703,7 +706,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 vue.createElementVNode("div", {
                   class: vue.normalizeClass(vue.unref(cs).z("operations"))
                 }, [
-                  vue.createVNode(vue.unref(index$7.Buttons), {
+                  vue.createVNode(vue.unref(index$8.Buttons), {
                     options: vue.unref(operationColumn),
                     onClicks: (item) => onOperation(item, row)
                   }, null, 8, ["options", "onClicks"]),

package/dist/components/page/src/index2.js

@@ -7,20 +7,23 @@ import { Dialogs } from "../../dialogs/index.js";
 import { Buttons } from "../../buttons/index.js";
 import { Message } from "../../message/index.js";
 import { MessageBox } from "../../message-box/index.js";
-import { dataEmits, dataProps } from "./data.js";
+import { name, dataProps, dataEmits } from "./data.js";
 import "./set-column.js";
 import { comHandle } from "../../common/urls.js";
+import { usePropsDefault, viewProps, getProps } from "../../../hooks/props-default/index.js";
 import { useLocale } from "../../../hooks/locale/index.js";
 import _sfc_main$1 from "./set-column2.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
-  props: dataProps,
+  props: getProps(dataProps),
   emits: dataEmits,
   setup(__props, { emit: __emit }) {
     const { getLocale, getLocaleAdd } = useLocale();
-    const props = __props;
+    const prs = __props;
+    const props = usePropsDefault(name, prs, dataProps);
+    viewProps(props, name);
     const emit = __emit;
-    const cs = useCssName("page");
+    const cs = useCssName(name);
     const slots = useSlots();
     const tableRef = ref();
     let listObj = {};
@@ -254,9 +257,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const ts = ["是否删除所选" + props.config.name + "？"];
       const label = ((_a = props.config.delete) == null ? void 0 : _a.label) || "name";
       const prop = ((_b = props.config.delete) == null ? void 0 : _b.prop) || "id";
-      const name = ((_c = listObj[label]) == null ? void 0 : _c.label) || "内容";
+      const name2 = ((_c = listObj[label]) == null ? void 0 : _c.label) || "内容";
       array.forEach((obj) => {
-        ts.push(name + "：" + (obj[label] ?? ""));
+        ts.push(name2 + "：" + (obj[label] ?? ""));
       });
       MessageBox.confirm(ts.join("<br>"), "提示", {
         confirmButtonText: "确认",
@@ -265,8 +268,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         dangerouslyUseHTMLString: true
       }).then(() => {
         var _a2, _b2;
-        const name2 = ((_a2 = props.config.delete) == null ? void 0 : _a2.name) || "ids";
-        const value = { [name2]: array.map((o) => o[prop]) };
+        const name3 = ((_a2 = props.config.delete) == null ? void 0 : _a2.name) || "ids";
+        const value = { [name3]: array.map((o) => o[prop]) };
         console.log("onDelete", value);
         const ajax = (_b2 = props.config.delete) == null ? void 0 : _b2.ajax;
         if (ajax) {
@@ -572,19 +575,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         class: normalizeClass(unref(cs).z())
       }, [
         createVNode(unref(Dialogs), {
-          title: (dialog.type == "add" ? unref(getLocale)("page.add") : unref(getLocale)("page.edit")) + props.config.name,
+          title: (dialog.type == "add" ? unref(getLocale)("page.add") : unref(getLocale)("page.edit")) + unref(props).config.name,
           modelValue: dialog.visible,
           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => dialog.visible = $event),
           onConfirm
         }, {
           default: withCtx(() => [
-            dialog.visible ? (openBlock(), createBlock(unref(Forms), mergeProps({ key: 0 }, props.config.form, {
+            dialog.visible ? (openBlock(), createBlock(unref(Forms), mergeProps({ key: 0 }, unref(props).config.form, {
               ref_key: "formRef",
               ref: formRef,
               modelValue: dialog.value,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => dialog.value = $event),
-              options: props.options,
-              compons: props.compons,
+              options: unref(props).options,
+              compons: unref(props).compons,
               list: listForm.value,
               buts: []
             }), createSlots({ _: 2 }, [
@@ -601,7 +604,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           _: 3
         }, 8, ["title", "modelValue"]),
         createVNode(unref(Dialogs), {
-          title: props.config.name + unref(getLocale)("page.details"),
+          title: unref(props).config.name + unref(getLocale)("page.details"),
           modelValue: details.visible,
           "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => details.visible = $event),
           "no-footer": ""
@@ -609,10 +612,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           default: withCtx(() => {
             var _a2;
             return [
-              createVNode(unref(List), mergeProps((_a2 = props.config.details) == null ? void 0 : _a2.config, {
+              createVNode(unref(List), mergeProps((_a2 = unref(props).config.details) == null ? void 0 : _a2.config, {
                 value: details.value,
-                options: props.options,
-                compons: props.compons,
+                options: unref(props).options,
+                compons: unref(props).compons,
                 list: list.value
               }), createSlots({ _: 2 }, [
                 renderList(listSlots, (k) => {
@@ -632,16 +635,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           class: normalizeClass(unref(cs).z("header"))
         }, [
           renderSlot(_ctx.$slots, dataSlot.header),
-          ((_a = props.config.query) == null ? void 0 : _a.is) !== false ? (openBlock(), createElementBlock("div", {
+          ((_a = unref(props).config.query) == null ? void 0 : _a.is) !== false ? (openBlock(), createElementBlock("div", {
             key: 0,
             class: normalizeClass(unref(cs).z("query"))
           }, [
-            createVNode(unref(Forms), mergeProps((_b = props.config.query) == null ? void 0 : _b.config, {
+            createVNode(unref(Forms), mergeProps((_b = unref(props).config.query) == null ? void 0 : _b.config, {
               query: "",
               "label-position": "auto",
-              "model-value": props.query,
-              options: props.options,
-              compons: props.compons,
+              "model-value": unref(props).query,
+              options: unref(props).options,
+              compons: unref(props).compons,
               list: listQuery.value,
               buts: butQuery.value,
               onSubmit: onQuery,
@@ -677,22 +680,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 }, null, 8, ["options"]),
                 renderSlot(_ctx.$slots, dataSlot.top)
               ], 2),
-              props.config.setColumn ? (openBlock(), createBlock(_sfc_main$1, {
+              unref(props).config.setColumn ? (openBlock(), createBlock(_sfc_main$1, {
                 key: 0,
                 modelValue: setList.value,
                 "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => setList.value = $event),
-                list: props.list
+                list: unref(props).list
               }, null, 8, ["modelValue", "list"])) : createCommentVNode("", true)
             ], 2),
             createVNode(unref(Tablesp), {
               ref_key: "tableRef",
               ref: tableRef,
-              load: ((_c = props.config.query) == null ? void 0 : _c.is) === false,
+              load: ((_c = unref(props).config.query) == null ? void 0 : _c.is) === false,
               config: tableConfig.value,
               param: query.value,
-              value: props.value,
-              options: props.options,
-              compons: props.compons,
+              value: unref(props).value,
+              options: unref(props).options,
+              compons: unref(props).compons,
               list: tableList.value,
               onSelection: _cache[5] || (_cache[5] = (array) => selection.value = array),
               onChange: onRowClick

package/dist/components/pagination/src/data.cjs

@@ -1,11 +1,13 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const buildProps = require("../../../utils/vues/buildProps.cjs");
+const name = "pagination";
 const dataProps = buildProps.buildProps({});
 const dataEmits = [];
 const dataSlot = {};
-const dataExpose = {};
+const dataExpose = { name };
 exports.dataEmits = dataEmits;
 exports.dataExpose = dataExpose;
 exports.dataProps = dataProps;
 exports.dataSlot = dataSlot;
+exports.name = name;

package/dist/components/pagination/src/data.d.ts

@@ -3,6 +3,7 @@ import { ExtractPublicPropTypes } from 'vue';
  * @title {h3} Pagination 分页
  * @text 目前完全继承 element-plus 中 el-pagination
  */
+export declare const name = "pagination";
 export declare const dataProps: {};
 export type DataProps = ExtractPublicPropTypes<typeof dataProps>;
 export declare const dataEmits: never[];
@@ -11,4 +12,6 @@ export declare const dataSlot: {};
 /**
  * @expose { Element } refEl 获取当前组件在element-plus中暴露的方法
  */
-export declare const dataExpose: {};
+export declare const dataExpose: {
+    name: string;
+};

package/dist/components/pagination/src/data.js

@@ -1,11 +1,13 @@
 import { buildProps } from "../../../utils/vues/buildProps.js";
+const name = "pagination";
 const dataProps = buildProps({});
 const dataEmits = [];
 const dataSlot = {};
-const dataExpose = {};
+const dataExpose = { name };
 export {
   dataEmits,
   dataExpose,
   dataProps,
-  dataSlot
+  dataSlot,
+  name
 };

package/dist/components/pagination/src/index2.cjs

@@ -2,22 +2,23 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const data = require("./data.cjs");
-const index = require("../../../hooks/cssname/index.cjs");
-const index$1 = require("../../../hooks/expose/index.cjs");
-const index$2 = require("element-plus/es/components/pagination/index");
+const index$1 = require("../../../hooks/cssname/index.cjs");
+const index$2 = require("../../../hooks/expose/index.cjs");
+const index$3 = require("element-plus/es/components/pagination/index");
+const index = require("../../../hooks/attrs-default/index.cjs");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
-    const attrs = vue.useAttrs();
+    const attrs = index.useAttrsDefault(data.name, vue.useAttrs());
     const slots = vue.useSlots();
-    const cs = index.useCssName("pagination");
+    const cs = index$1.useCssName(data.name);
     const props = __props;
     const emit = __emit;
     const elRef = vue.ref();
     __expose(
-      index$1.useExpose(
+      index$2.useExpose(
         {
           ...data.dataExpose
         },
@@ -25,7 +26,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       )
     );
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(index$2.ElPagination), vue.mergeProps({
+      return vue.openBlock(), vue.createBlock(vue.unref(index$3.ElPagination), vue.mergeProps({
         ref_key: "elRef",
         ref: elRef,
         class: vue.unref(cs).z()

package/dist/components/pagination/src/index2.js

@@ -1,16 +1,17 @@
 import { defineComponent, useAttrs, useSlots, ref, createBlock, openBlock, unref, mergeProps, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps } from "vue";
-import { dataExpose, dataEmits, dataProps } from "./data.js";
+import { name, dataExpose, dataEmits, dataProps } from "./data.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import { useExpose } from "../../../hooks/expose/index.js";
 import { ElPagination } from "element-plus/es/components/pagination/index";
+import { useAttrsDefault } from "../../../hooks/attrs-default/index.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: dataProps,
   emits: dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
-    const attrs = useAttrs();
+    const attrs = useAttrsDefault(name, useAttrs());
     const slots = useSlots();
-    const cs = useCssName("pagination");
+    const cs = useCssName(name);
     const props = __props;
     const emit = __emit;
     const elRef = ref();

package/dist/components/paging/index.css

@@ -13,8 +13,12 @@
 }
 
 .paging {
+  width: 100%;
   padding: 10px;
 }
+.paging-pagination {
+  width: 100%;
+}
 .paging-slot {
   padding-left: 10px;
   font-size: 14px;

package/dist/components/paging/index.scss

@@ -2,7 +2,11 @@
 @use '../pagination/index.scss' as *;
 $paging: 'paging';
 @include b($paging) {
+	width: 100%;
 	padding: 10px;
+	&-pagination {
+		width: 100%;
+	}
 	&-slot {
 		padding-left: 10px;
 		font-size: 14px;