@fangzhongya/fang-ui 0.1.18 → 0.1.20

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

@@ -114,12 +114,12 @@ const dataProps = {
     type: Boolean
   },
   /**
-   * @props { String } interval='6px'
+   * @props { String } interval='8px'
    * 查询模式的上下间距
    */
   interval: {
     type: String,
-    default: "6px"
+    default: "8px"
   },
   /**
    * @props { String } intervalHorizon
@@ -205,7 +205,7 @@ const dataEmits = [
   "buts",
   // : (obj: ObjAny, dataForm: ObjAny, index: number, event: Event) => {},
   /**
-   * @emits upform (dataForm:[ObjAny]form值)
+   * @emits upform (value:any, obj:[ListObj]列对象)
    * 表单数据变动
    */
   "upform"

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

@@ -127,7 +127,7 @@ export declare const dataProps: {
         type: BooleanConstructor;
     };
     /**
-     * @props { String } interval='6px'
+     * @props { String } interval='8px'
      * 查询模式的上下间距
      */
     interval: {

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

@@ -112,12 +112,12 @@ const dataProps = {
     type: Boolean
   },
   /**
-   * @props { String } interval='6px'
+   * @props { String } interval='8px'
    * 查询模式的上下间距
    */
   interval: {
     type: String,
-    default: "6px"
+    default: "8px"
   },
   /**
    * @props { String } intervalHorizon
@@ -203,7 +203,7 @@ const dataEmits = [
   "buts",
   // : (obj: ObjAny, dataForm: ObjAny, index: number, event: Event) => {},
   /**
-   * @emits upform (dataForm:[ObjAny]form值)
+   * @emits upform (value:any, obj:[ListObj]列对象)
    * 表单数据变动
    */
   "upform"

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

@@ -105,7 +105,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             "label-position": vue.unref(props).labelPosition == "auto" ? void 0 : vue.unref(props).labelPosition,
             ref_key: "refForm",
             ref: refForm,
-            onSubmit: _cache[2] || (_cache[2] = vue.withModifiers(() => {
+            onSubmit: _cache[4] || (_cache[4] = vue.withModifiers(() => {
             }, ["prevent"]))
           }), {
             default: vue.withCtx(() => [
@@ -126,7 +126,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     optionss: vue.unref(props).options,
                     valueobj: vue.unref(dataForm),
                     modelValue: vue.unref(dataForm),
-                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(dataForm) ? dataForm.value = $event : null)
+                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(dataForm) ? dataForm.value = $event : null),
+                    onUpform: _cache[1] || (_cache[1] = (...arr) => emit("upform", ...arr))
                   }, vue.createSlots({ _: 2 }, [
                     vue.renderList(Object.keys(vue.unref(slots)), (k) => {
                       return {
@@ -142,7 +143,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     optionss: vue.unref(props).options,
                     valueobj: vue.unref(dataForm),
                     modelValue: vue.unref(dataForm),
-                    "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(dataForm) ? dataForm.value = $event : null)
+                    "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.isRef(dataForm) ? dataForm.value = $event : null),
+                    onUpform: _cache[3] || (_cache[3] = (...arr) => emit("upform", ...arr))
                   }, vue.createSlots({ _: 2 }, [
                     vue.renderList(Object.keys(vue.unref(slots)), (k) => {
                       return {

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

@@ -103,7 +103,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             "label-position": unref(props).labelPosition == "auto" ? void 0 : unref(props).labelPosition,
             ref_key: "refForm",
             ref: refForm,
-            onSubmit: _cache[2] || (_cache[2] = withModifiers(() => {
+            onSubmit: _cache[4] || (_cache[4] = withModifiers(() => {
             }, ["prevent"]))
           }), {
             default: withCtx(() => [
@@ -124,7 +124,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     optionss: unref(props).options,
                     valueobj: unref(dataForm),
                     modelValue: unref(dataForm),
-                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(dataForm) ? dataForm.value = $event : null)
+                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(dataForm) ? dataForm.value = $event : null),
+                    onUpform: _cache[1] || (_cache[1] = (...arr) => emit("upform", ...arr))
                   }, createSlots({ _: 2 }, [
                     renderList(Object.keys(unref(slots)), (k) => {
                       return {
@@ -140,7 +141,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     optionss: unref(props).options,
                     valueobj: unref(dataForm),
                     modelValue: unref(dataForm),
-                    "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(dataForm) ? dataForm.value = $event : null)
+                    "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(dataForm) ? dataForm.value = $event : null),
+                    onUpform: _cache[3] || (_cache[3] = (...arr) => emit("upform", ...arr))
                   }, createSlots({ _: 2 }, [
                     renderList(Object.keys(unref(slots)), (k) => {
                       return {

package/dist/components/forms/src/setup.cjs

@@ -157,13 +157,6 @@ function setUp(props, emit, cs, refForm, getLocale) {
     return rules;
   }
   const dataRules = vue.ref(getRules());
-  vue.watch(
-    () => dataForm.value,
-    () => {
-      emit("upform", dataForm.value);
-    },
-    { deep: true }
-  );
   vue.watch(
     () => props.list.length,
     () => {

package/dist/components/forms/src/setup.js

@@ -155,13 +155,6 @@ function setUp(props, emit, cs, refForm, getLocale) {
     return rules;
   }
   const dataRules = ref(getRules());
-  watch(
-    () => dataForm.value,
-    () => {
-      emit("upform", dataForm.value);
-    },
-    { deep: true }
-  );
   watch(
     () => props.list.length,
     () => {

package/dist/components/forms-div/src/data.cjs

@@ -29,6 +29,12 @@ const dataProps = {
   valueobj: {
     type: Object
   },
+  compon: {
+    type: [String, Object]
+  },
+  componValueName: {
+    type: String
+  },
   /**
    * 传入值
    * @props { Object } modelValue={} ( )
@@ -50,7 +56,7 @@ const dataProps = {
     }
   }
 };
-const dataEmits = ["update:modelValue", "list-events"];
+const dataEmits = ["update:modelValue", "list-events", "upform"];
 const dataSlot = {
   default: "default"
 };

package/dist/components/forms-div/src/data.d.ts

@@ -27,6 +27,12 @@ export declare const dataProps: {
     valueobj: {
         type: ObjectConstructor;
     };
+    compon: {
+        type: (ObjectConstructor | StringConstructor)[];
+    };
+    componValueName: {
+        type: StringConstructor;
+    };
     /**
      * 传入值
      * @props { Object } modelValue={} ( )

package/dist/components/forms-div/src/data.js

@@ -27,6 +27,12 @@ const dataProps = {
   valueobj: {
     type: Object
   },
+  compon: {
+    type: [String, Object]
+  },
+  componValueName: {
+    type: String
+  },
   /**
    * 传入值
    * @props { Object } modelValue={} ( )
@@ -48,7 +54,7 @@ const dataProps = {
     }
   }
 };
-const dataEmits = ["update:modelValue", "list-events"];
+const dataEmits = ["update:modelValue", "list-events", "upform"];
 const dataSlot = {
   default: "default"
 };

package/dist/components/forms-div/src/index2.cjs

@@ -32,6 +32,31 @@ const _sfc_main = vue.defineComponent({
       }
       return o;
     });
+    const record = vue.ref();
+    const setPropComputedValue = (prop, computed2, value2) => {
+      if (!isEqual.isEqual(prop, computed2)) {
+        if (prop !== record.value) {
+          if (props.computed instanceof Array) {
+            props.computed.forEach((k, i) => {
+              if (prop instanceof Array) {
+                value2[k] = prop[i];
+              } else {
+                value2[k] = prop ? prop[k] : void 0;
+              }
+            });
+          } else if (props.computed.set) {
+            props.computed.set(prop, value2, props);
+          }
+        } else {
+          if (props.pars) {
+            objValue.setObjValue(value2, props.prop, computed2);
+          } else {
+            value2[props.prop] = computed2;
+          }
+        }
+      }
+      record.value = prop;
+    };
     const binds = vue.computed(() => {
       const obj = { ...props.config, ...formvalue.value };
       const binds2 = {};
@@ -68,13 +93,7 @@ const _sfc_main = vue.defineComponent({
             c = props.computed.get(r, v, props);
           }
           if (prop) {
-            if (!isEqual.isEqual(c, r)) {
-              if (props.pars) {
-                objValue.setObjValue(v, prop, c);
-              } else {
-                v[prop] = c;
-              }
-            }
+            setPropComputedValue(r, c, v);
           }
           r = c;
         }
@@ -109,6 +128,9 @@ const _sfc_main = vue.defineComponent({
         if (!props.orig) {
           emit("update:modelValue", v);
         }
+        if (props.compon != "items") {
+          emit("upform", value2, props, v);
+        }
       }
     });
     const options = vue.computed(() => {
@@ -127,8 +149,8 @@ const _sfc_main = vue.defineComponent({
       }
     });
     const render = () => {
-      const compon = props.compon || "input";
-      const componValueName = "modelValue";
+      const compon = props.compon || prs.compon || "input";
+      const componValueName = prs.componValueName || "modelValue";
       const componObj = {
         ...binds.value,
         ...use.getOnObjs(
@@ -144,7 +166,10 @@ const _sfc_main = vue.defineComponent({
         optionss: prs.optionss,
         valueobj: prs.valueobj,
         [componValueName]: value.value,
-        ["onUpdate:" + componValueName]: (v) => value.value = v
+        ["onUpdate:" + componValueName]: (v) => value.value = v,
+        ["onUpform"]: (...arr) => {
+          emit("upform", ...arr);
+        }
       };
       if (typeof compon == "string") {
         const tcom = lineToLargeHump.lineToLargeHump(compon);

package/dist/components/forms-div/src/index2.js

@@ -1,4 +1,4 @@
-import { defineComponent, inject, computed, h, resolveComponent } from "vue";
+import { defineComponent, inject, computed, ref, h, resolveComponent } from "vue";
 import { name, dataProps, dataEmits, dataExpose } from "./data.js";
 import "../../../utils/index.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
@@ -30,6 +30,31 @@ const _sfc_main = defineComponent({
       }
       return o;
     });
+    const record = ref();
+    const setPropComputedValue = (prop, computed2, value2) => {
+      if (!isEqual(prop, computed2)) {
+        if (prop !== record.value) {
+          if (props.computed instanceof Array) {
+            props.computed.forEach((k, i) => {
+              if (prop instanceof Array) {
+                value2[k] = prop[i];
+              } else {
+                value2[k] = prop ? prop[k] : void 0;
+              }
+            });
+          } else if (props.computed.set) {
+            props.computed.set(prop, value2, props);
+          }
+        } else {
+          if (props.pars) {
+            setObjValue(value2, props.prop, computed2);
+          } else {
+            value2[props.prop] = computed2;
+          }
+        }
+      }
+      record.value = prop;
+    };
     const binds = computed(() => {
       const obj = { ...props.config, ...formvalue.value };
       const binds2 = {};
@@ -66,13 +91,7 @@ const _sfc_main = defineComponent({
             c = props.computed.get(r, v, props);
           }
           if (prop) {
-            if (!isEqual(c, r)) {
-              if (props.pars) {
-                setObjValue(v, prop, c);
-              } else {
-                v[prop] = c;
-              }
-            }
+            setPropComputedValue(r, c, v);
           }
           r = c;
         }
@@ -107,6 +126,9 @@ const _sfc_main = defineComponent({
         if (!props.orig) {
           emit("update:modelValue", v);
         }
+        if (props.compon != "items") {
+          emit("upform", value2, props, v);
+        }
       }
     });
     const options = computed(() => {
@@ -125,8 +147,8 @@ const _sfc_main = defineComponent({
       }
     });
     const render = () => {
-      const compon = props.compon || "input";
-      const componValueName = "modelValue";
+      const compon = props.compon || prs.compon || "input";
+      const componValueName = prs.componValueName || "modelValue";
       const componObj = {
         ...binds.value,
         ...getOnObjs(
@@ -142,7 +164,10 @@ const _sfc_main = defineComponent({
         optionss: prs.optionss,
         valueobj: prs.valueobj,
         [componValueName]: value.value,
-        ["onUpdate:" + componValueName]: (v) => value.value = v
+        ["onUpdate:" + componValueName]: (v) => value.value = v,
+        ["onUpform"]: (...arr) => {
+          emit("upform", ...arr);
+        }
       };
       if (typeof compon == "string") {
         const tcom = lineToLargeHump(compon);

package/dist/components/forms-item/src/data.cjs

@@ -59,7 +59,7 @@ const dataProps = {
     }
   }
 };
-const dataEmits = ["update:modelValue"];
+const dataEmits = ["update:modelValue", "upform"];
 const dataSlot = {
   default: "default"
 };

package/dist/components/forms-item/src/data.js

@@ -57,7 +57,7 @@ const dataProps = {
     }
   }
 };
-const dataEmits = ["update:modelValue"];
+const dataEmits = ["update:modelValue", "upform"];
 const dataSlot = {
   default: "default"
 };

package/dist/components/forms-item/src/index2.cjs

@@ -69,8 +69,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               listobj: vue.unref(props),
               optionss: vue.unref(prs).optionss,
               valueobj: vue.unref(prs).valueobj,
+              onUpform: _cache[0] || (_cache[0] = (...arr) => emit("upform", ...arr)),
               modelValue: value.value,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event)
+              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => value.value = $event)
             }, vue.createSlots({ _: 2 }, [
               vue.renderList(Object.keys(vue.unref(slots)), (k) => {
                 return {
@@ -109,7 +110,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               optionss: vue.unref(prs).optionss,
               valueobj: vue.unref(prs).valueobj,
               modelValue: value.value,
-              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => value.value = $event)
+              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => value.value = $event),
+              onUpform: _cache[3] || (_cache[3] = (...arr) => emit("upform", ...arr))
             }, vue.createSlots({ _: 2 }, [
               vue.renderList(Object.keys(vue.unref(slots)), (k) => {
                 return {

package/dist/components/forms-item/src/index2.js

@@ -67,8 +67,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               listobj: unref(props),
               optionss: unref(prs).optionss,
               valueobj: unref(prs).valueobj,
+              onUpform: _cache[0] || (_cache[0] = (...arr) => emit("upform", ...arr)),
               modelValue: value.value,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event)
+              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => value.value = $event)
             }, createSlots({ _: 2 }, [
               renderList(Object.keys(unref(slots)), (k) => {
                 return {
@@ -107,7 +108,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               optionss: unref(prs).optionss,
               valueobj: unref(prs).valueobj,
               modelValue: value.value,
-              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => value.value = $event)
+              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => value.value = $event),
+              onUpform: _cache[3] || (_cache[3] = (...arr) => emit("upform", ...arr))
             }, createSlots({ _: 2 }, [
               renderList(Object.keys(unref(slots)), (k) => {
                 return {

package/dist/components/forms-items/src/data.cjs

@@ -37,7 +37,7 @@ const dataProps = {
     type: null
   }
 };
-const dataEmits = ["update:modelValue"];
+const dataEmits = ["update:modelValue", "upform"];
 const dataSlot = {
   default: "default"
 };

package/dist/components/forms-items/src/data.js

@@ -35,7 +35,7 @@ const dataProps = {
     type: null
   }
 };
-const dataEmits = ["update:modelValue"];
+const dataEmits = ["update:modelValue", "upform"];
 const dataSlot = {
   default: "default"
 };

package/dist/components/forms-items/src/index2.cjs

@@ -87,7 +87,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               optionss: vue.unref(prs).optionss,
               valueobj: vue.unref(prs).valueobj,
               modelValue: value.value,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event)
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
+              onUpform: _cache[1] || (_cache[1] = (...arr) => emit("upform", ...arr))
             }), vue.createSlots({ _: 2 }, [
               vue.renderList(Object.keys(vue.unref(slots)), (k, i) => {
                 return {
@@ -105,7 +106,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               optionss: vue.unref(prs).optionss,
               valueobj: vue.unref(prs).valueobj,
               modelValue: value.value,
-              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => value.value = $event)
+              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => value.value = $event),
+              onUpform: _cache[3] || (_cache[3] = (...arr) => emit("upform", ...arr))
             }), vue.createSlots({ _: 2 }, [
               vue.renderList(Object.keys(vue.unref(slots)), (k, i) => {
                 return {

package/dist/components/forms-items/src/index2.js

@@ -85,7 +85,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               optionss: unref(prs).optionss,
               valueobj: unref(prs).valueobj,
               modelValue: value.value,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event)
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
+              onUpform: _cache[1] || (_cache[1] = (...arr) => emit("upform", ...arr))
             }), createSlots({ _: 2 }, [
               renderList(Object.keys(unref(slots)), (k, i) => {
                 return {
@@ -103,7 +104,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               optionss: unref(prs).optionss,
               valueobj: unref(prs).valueobj,
               modelValue: value.value,
-              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => value.value = $event)
+              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => value.value = $event),
+              onUpform: _cache[3] || (_cache[3] = (...arr) => emit("upform", ...arr))
             }), createSlots({ _: 2 }, [
               renderList(Object.keys(unref(slots)), (k, i) => {
                 return {

package/dist/components/global-config/src/data.cjs

@@ -59,12 +59,24 @@ const dataProps = buildProps.buildProps({
     type: String,
     default: enums.DefaultConfig.alias
   },
+  /**
+   * @props { Boolean } isPropsConfig
+   * @description 是否支持props配置
+   */
   isPropsConfig: {
     type: Boolean
   },
+  /**
+   * @props { Boolean } isAttrsConfig
+   * @description 是否支持attr的配置
+   */
   isAttrsConfig: {
     type: Boolean
   },
+  /**
+   * @props { Object } defaultConfig
+   * @description 配置的数据
+   */
   defaultConfig: {
     type: Object,
     default() {

package/dist/components/global-config/src/data.d.ts

@@ -57,12 +57,24 @@ export declare const dataProps: {
         type: StringConstructor;
         default: DefaultConfig;
     };
+    /**
+     * @props { Boolean } isPropsConfig
+     * @description 是否支持props配置
+     */
     isPropsConfig: {
         type: BooleanConstructor;
     };
+    /**
+     * @props { Boolean } isAttrsConfig
+     * @description 是否支持attr的配置
+     */
     isAttrsConfig: {
         type: BooleanConstructor;
     };
+    /**
+     * @props { Object } defaultConfig
+     * @description 配置的数据
+     */
     defaultConfig: {
         type: () => {
             [key: string]: ObjAny;

package/dist/components/global-config/src/data.js

@@ -57,12 +57,24 @@ const dataProps = buildProps({
     type: String,
     default: DefaultConfig.alias
   },
+  /**
+   * @props { Boolean } isPropsConfig
+   * @description 是否支持props配置
+   */
   isPropsConfig: {
     type: Boolean
   },
+  /**
+   * @props { Boolean } isAttrsConfig
+   * @description 是否支持attr的配置
+   */
   isAttrsConfig: {
     type: Boolean
   },
+  /**
+   * @props { Object } defaultConfig
+   * @description 配置的数据
+   */
   defaultConfig: {
     type: Object,
     default() {

package/dist/components/index.cjs

@@ -132,9 +132,10 @@ const index$2I = require("./listsp/index.cjs");
 const index$2J = require("./paging/index.cjs");
 const index$2K = require("./tables/index.cjs");
 const index$2L = require("./tablesp/index.cjs");
-const index$2M = require("./tabless/index.cjs");
-const index$2N = require("./tablesv/index.cjs");
-const index$2O = require("./tablesvp/index.cjs");
+const index$2M = require("./tablespd/index.cjs");
+const index$2N = require("./tabless/index.cjs");
+const index$2O = require("./tablesv/index.cjs");
+const index$2P = require("./tablesvp/index.cjs");
 const index$1 = require("element-plus/es/components/button/index");
 const index$3 = require("element-plus/es/components/card/index");
 const index$5 = require("element-plus/es/components/color-picker/index");
@@ -311,9 +312,10 @@ exports.Listsp = index$2I.Listsp;
 exports.Paging = index$2J.Paging;
 exports.Tables = index$2K.Tables;
 exports.Tablesp = index$2L.Tablesp;
-exports.Tabless = index$2M.Tabless;
-exports.Tablesv = index$2N.Tablesv;
-exports.Tablesvp = index$2O.Tablesvp;
+exports.Tablespd = index$2M.Tablespd;
+exports.Tabless = index$2N.Tabless;
+exports.Tablesv = index$2O.Tablesv;
+exports.Tablesvp = index$2P.Tablesvp;
 Object.keys(index$1).forEach((k) => {
   if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
     enumerable: true,

package/dist/{index.css → components/index.css}

@@ -1109,6 +1109,17 @@
 .list-div .list-table .list-table-th {
   text-align: left;
 }
+.list-div .list-table .list-table-value {
+  word-break: break-all;
+  white-space: normal;
+  display: block;
+  max-height: var(--list-row-max-height);
+  display: -webkit-box;
+  -webkit-line-clamp: var(--list-line-clamp); /* 显示的行数 */
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
 .list-div .list-table.right .list-table-th {
   text-align: right;
 }
@@ -1669,6 +1680,34 @@
   justify-content: flex-end;
 }
 
+.tablespd {
+  width: 100%;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}
+.tablespd-main {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  width: 100%;
+}
+.tablespd-main.is-radio .el-table__header .el-table-column--selection .el-checkbox {
+  display: none;
+}
+.tablespd-main.is-scroll .v-scroll-add {
+  text-align: center;
+  padding: 10px;
+  color: #999;
+  background-color: #eee;
+}
+.tablespd-paginat {
+  overflow: hidden;
+}
+.tablespd-paginat .el-pagination {
+  justify-content: flex-end;
+}
+
 .tabless {
   width: 100%;
   flex: 1;

package/dist/components/index.d.ts

@@ -129,6 +129,7 @@ export * from './listsp/index';
 export * from './paging/index';
 export * from './tables/index';
 export * from './tablesp/index';
+export * from './tablespd/index';
 export * from './tabless/index';
 export * from './tablesv/index';
 export * from './tablesvp/index';