@fangzhongya/fang-ui 0.1.10 → 0.1.12

package/dist/components/tables/common/config.js

@@ -0,0 +1,6 @@
+const provides = {
+  compons: "tables-compons"
+};
+export {
+  provides
+};

package/dist/components/tables/src/column.cjs

@@ -6,6 +6,7 @@ const index$1 = require("../../table-column/index.cjs");
 const use = require("../../common/use.cjs");
 const index = require("../../../hooks/inherit/index.cjs");
 const compons = require("../../common/compons.cjs");
+const config = require("../common/config.cjs");
 const noProps = ["children", "class", "minWidth", "label"];
 function setProps(obj, props) {
   const table = props.table;
@@ -37,12 +38,11 @@ function setSslot(obj, scope, emit, slots, props, index2) {
     const isComponSelected = props.isComponSelected;
     if (isComponSelected(obj, scope)) {
       const optionss = props.options || {};
-      const compons$1 = vue.inject("tables-compons", {});
       const column = use.useSetCompon(
         obj,
         scope.row,
         optionss,
-        compons.getCompons(compons$1),
+        compons.useGetCompons(config.provides.compons),
         emit,
         index2,
         scope
@@ -88,14 +88,13 @@ function defaultDom(obj, scope, props, index2) {
 }
 function setHeader(obj, scope, slots, emit, props, index2) {
   const optionss = props.options || {};
-  const compons2 = vue.inject("tables-compons", {});
   return use.useGetDomLabel(
     obj.label,
     obj,
     scope.row,
     slots,
     optionss,
-    compons2,
+    compons.useGetCompons(config.provides.compons),
     emit,
     index2
   );

package/dist/components/tables/src/column.js

@@ -1,9 +1,10 @@
-import { inject, h } from "vue";
+import { h } from "vue";
 import { setMinWidth } from "../common/util.js";
 import { TableColumn } from "../../table-column/index.js";
 import { useSetSlot, useSetCompon, useGetDomValue, useGetDomLabel } from "../../common/use.js";
 import { useAttrValue } from "../../../hooks/inherit/index.js";
-import { getCompons } from "../../common/compons.js";
+import { useGetCompons } from "../../common/compons.js";
+import { provides } from "../common/config.js";
 const noProps = ["children", "class", "minWidth", "label"];
 function setProps(obj, props) {
   const table = props.table;
@@ -35,12 +36,11 @@ function setSslot(obj, scope, emit, slots, props, index) {
     const isComponSelected = props.isComponSelected;
     if (isComponSelected(obj, scope)) {
       const optionss = props.options || {};
-      const compons = inject("tables-compons", {});
       const column = useSetCompon(
         obj,
         scope.row,
         optionss,
-        getCompons(compons),
+        useGetCompons(provides.compons),
         emit,
         index,
         scope
@@ -86,14 +86,13 @@ function defaultDom(obj, scope, props, index) {
 }
 function setHeader(obj, scope, slots, emit, props, index) {
   const optionss = props.options || {};
-  const compons = inject("tables-compons", {});
   return useGetDomLabel(
     obj.label,
     obj,
     scope.row,
     slots,
     optionss,
-    compons,
+    useGetCompons(provides.compons),
     emit,
     index
   );

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

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const name = "tables";
 const dataProps = {
   /**
    * @props { Object } defaultSort 排序
@@ -124,3 +125,4 @@ const dataExpose = {};
 exports.dataEmits = dataEmits;
 exports.dataExpose = dataExpose;
 exports.dataProps = dataProps;
+exports.name = name;

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

@@ -9,6 +9,10 @@ export type DefaultSort = {
  * @description 对el-table进行二次封装，减少写html，自适应自身高度
  * @date 2022年11月21日19点34分
  */
+/**
+ * @title {h3} tables
+ */
+export declare const name = "tables";
 export declare const dataProps: {
     /**
      * @props { Object } defaultSort 排序

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

@@ -1,3 +1,4 @@
+const name = "tables";
 const dataProps = {
   /**
    * @props { Object } defaultSort 排序
@@ -122,5 +123,6 @@ const dataExpose = {};
 export {
   dataEmits,
   dataExpose,
-  dataProps
+  dataProps,
+  name
 };

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

@@ -2,26 +2,30 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const data = require("./data.cjs");
-const index$2 = require("../../table/index.cjs");
+const config = require("../common/config.cjs");
+const index$3 = require("../../table/index.cjs");
 require("../../loading/index.cjs");
-const index$3 = require("../../no-data/index.cjs");
+const index$4 = require("../../no-data/index.cjs");
 require("./columns.cjs");
 const index = require("../../../hooks/cssname/index.cjs");
 const index$1 = require("../../../hooks/inherit/index.cjs");
 const use = require("../../common/use.cjs");
 const compons = require("../../common/compons.cjs");
+const index$2 = require("../../../hooks/props-default/index.cjs");
 const columns_vue_vue_type_script_lang = require("./columns2.cjs");
-const index$4 = require("element-plus/es/components/loading/index");
+const index$5 = require("element-plus/es/components/loading/index");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
-  props: data.dataProps,
+  props: index$2.getProps(data.dataProps),
   emits: data.dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
-    const cs = index.useCssName("tables");
+    const cs = index.useCssName(data.name);
     const slots = vue.useSlots();
-    const attrs = index$1.useInherit(vue.useAttrs());
-    const props = __props;
-    vue.provide("tables-compons", compons.getCompons(props.compons));
+    const attrs = index$1.useInherit(vue.useAttrs(), data.name);
+    const prs = __props;
+    const props = index$2.usePropsDefault(data.name, prs, data.dataProps);
+    index$2.viewProps(props, data.name);
+    compons.useCompons(config.provides.compons, props.compons);
     const tableRef = vue.ref();
     const emit = __emit;
     const rowObj = vue.ref();
@@ -30,7 +34,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       isfocus.value = true;
     }
     function isComponSelected(obj, scope) {
-      if (use.uesObjComponSelected(obj, props)) {
+      if (use.useObjComponSelected(obj, props)) {
         if (rowObj.value === scope.row) {
           if (isfocus.value) {
             return true;
@@ -135,16 +139,15 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           minHeight: _ctx.minHeight
         })
       }), [
-        vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(index$2.Table), vue.mergeProps(vue.unref(attrs).assem, {
+        vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(index$3.Table), vue.mergeProps(vue.unref(attrs).assem, {
           align: "left",
           ref_key: "tableRef",
           ref: tableRef,
-          class: [vue.unref(cs).z("table"), vue.unref(cs).is("absolute", props.adaptive)],
-          height: props.maxHeight ? void 0 : props.height,
-          "max-height": props.maxHeight,
-          "scroll-selector": ".el-scrollbar .el-scrollbar__wrap",
+          class: [vue.unref(cs).z("table"), vue.unref(cs).is("absolute", vue.unref(props).adaptive)],
+          height: vue.unref(props).maxHeight ? void 0 : vue.unref(props).height,
+          "max-height": vue.unref(props).maxHeight,
           "row-style": rowStyle.value,
-          data: props.value,
+          data: vue.unref(props).value,
           "default-sort": tableDefaultSort.value,
           onRowClick,
           onSortChange: sortChange,
@@ -152,15 +155,15 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         }), {
           empty: vue.withCtx(() => [
             vue.renderSlot(_ctx.$slots, "no-data", {}, () => [
-              vue.createVNode(vue.unref(index$3.NoData))
+              vue.createVNode(vue.unref(index$4.NoData))
             ])
           ]),
           default: vue.withCtx(() => [
             vue.createVNode(columns_vue_vue_type_script_lang.default, {
               table: vue.unref(attrs).assem,
-              value: props.value,
-              list: props.list,
-              options: props.options,
+              value: vue.unref(props).value,
+              list: vue.unref(props).list,
+              options: vue.unref(props).options,
               isComponSelected,
               onListEvents
             }, vue.createSlots({ _: 2 }, [
@@ -178,7 +181,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           ]),
           _: 3
         }, 16, ["class", "height", "max-height", "row-style", "data", "default-sort"])), [
-          [vue.unref(index$4.vLoading), props.loading]
+          [vue.unref(index$5.vLoading), vue.unref(props).loading]
         ])
       ], 16);
     };

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

@@ -1,25 +1,29 @@
-import { defineComponent, useSlots, useAttrs, provide, ref, computed, watch, onMounted, createElementBlock, openBlock, mergeProps, unref, withDirectives, createBlock, withModifiers, withCtx, createVNode, createSlots, renderList, renderSlot, normalizeProps, guardReactiveProps } from "vue";
-import { dataExpose, dataEmits, dataProps } from "./data.js";
+import { defineComponent, useSlots, useAttrs, ref, computed, watch, onMounted, createElementBlock, openBlock, mergeProps, unref, withDirectives, createBlock, withModifiers, withCtx, createVNode, createSlots, renderList, renderSlot, normalizeProps, guardReactiveProps } from "vue";
+import { name, dataProps, dataExpose, dataEmits } from "./data.js";
+import { provides } from "../common/config.js";
 import { Table } from "../../table/index.js";
 import "../../loading/index.js";
 import { NoData } from "../../no-data/index.js";
 import "./columns.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import { useInherit } from "../../../hooks/inherit/index.js";
-import { uesObjComponSelected } from "../../common/use.js";
-import { getCompons } from "../../common/compons.js";
+import { useObjComponSelected } from "../../common/use.js";
+import { useCompons } from "../../common/compons.js";
+import { usePropsDefault, viewProps, getProps } from "../../../hooks/props-default/index.js";
 import _sfc_main$1 from "./columns2.js";
 import { vLoading } from "element-plus/es/components/loading/index";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
-  props: dataProps,
+  props: getProps(dataProps),
   emits: dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
-    const cs = useCssName("tables");
+    const cs = useCssName(name);
     const slots = useSlots();
-    const attrs = useInherit(useAttrs());
-    const props = __props;
-    provide("tables-compons", getCompons(props.compons));
+    const attrs = useInherit(useAttrs(), name);
+    const prs = __props;
+    const props = usePropsDefault(name, prs, dataProps);
+    viewProps(props, name);
+    useCompons(provides.compons, props.compons);
     const tableRef = ref();
     const emit = __emit;
     const rowObj = ref();
@@ -28,7 +32,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       isfocus.value = true;
     }
     function isComponSelected(obj, scope) {
-      if (uesObjComponSelected(obj, props)) {
+      if (useObjComponSelected(obj, props)) {
         if (rowObj.value === scope.row) {
           if (isfocus.value) {
             return true;
@@ -137,12 +141,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           align: "left",
           ref_key: "tableRef",
           ref: tableRef,
-          class: [unref(cs).z("table"), unref(cs).is("absolute", props.adaptive)],
-          height: props.maxHeight ? void 0 : props.height,
-          "max-height": props.maxHeight,
-          "scroll-selector": ".el-scrollbar .el-scrollbar__wrap",
+          class: [unref(cs).z("table"), unref(cs).is("absolute", unref(props).adaptive)],
+          height: unref(props).maxHeight ? void 0 : unref(props).height,
+          "max-height": unref(props).maxHeight,
           "row-style": rowStyle.value,
-          data: props.value,
+          data: unref(props).value,
           "default-sort": tableDefaultSort.value,
           onRowClick,
           onSortChange: sortChange,
@@ -156,9 +159,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           default: withCtx(() => [
             createVNode(_sfc_main$1, {
               table: unref(attrs).assem,
-              value: props.value,
-              list: props.list,
-              options: props.options,
+              value: unref(props).value,
+              list: unref(props).list,
+              options: unref(props).options,
               isComponSelected,
               onListEvents
             }, createSlots({ _: 2 }, [
@@ -176,7 +179,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           _: 3
         }, 16, ["class", "height", "max-height", "row-style", "data", "default-sort"])), [
-          [unref(vLoading), props.loading]
+          [unref(vLoading), unref(props).loading]
         ])
       ], 16);
     };

package/dist/components/tablesp/index.css

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

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

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

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

@@ -3,6 +3,10 @@ import { ExtractPublicPropTypes } from 'vue';
  * @title {h2} TablesPagin 输入框
  * @text 目前完全继承 element-plus 中 el-tables-pagin
  */
+/**
+ * @title {h3} tablesp
+ */
+export declare const name = "tablesp";
 export declare const dataProps: {};
 export type DataProps = ExtractPublicPropTypes<typeof dataProps>;
 export declare const dataEmits: never[];

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

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

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

@@ -1,21 +1,25 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const index$2 = require("../../tables/index.cjs");
-const index$4 = require("../../paging/index.cjs");
-const index$3 = require("../../../directives/scroll/index.cjs");
+const index$3 = require("../../tables/index.cjs");
+const index$5 = require("../../paging/index.cjs");
+const index$4 = require("../../../directives/scroll/index.cjs");
+const data = require("./data.cjs");
 const pagin = require("../../tables/common/pagin.cjs");
 const index$1 = require("../../../hooks/cssname/index.cjs");
+const index$2 = require("../../../hooks/props-default/index.cjs");
 const index = require("../../../hooks/locale/index.cjs");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
-  props: pagin.dataProps,
+  props: index$2.getProps(pagin.dataProps),
   emits: pagin.dataEmit,
   setup(__props, { expose: __expose, emit: __emit }) {
     const { getLocale } = index.useLocale();
-    const cs = index$1.useCssName("tablesp");
+    const cs = index$1.useCssName(data.name);
     const slots = vue.useSlots();
-    const props = __props;
+    const prs = __props;
+    const props = index$2.usePropsDefault(data.name, prs, pagin.dataProps);
+    index$2.viewProps(props, data.name);
     const emit = __emit;
     const refTable = vue.ref();
     const {
@@ -38,7 +42,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       onSizeChange,
       onCurrentChange,
       paginat,
-      data
+      data: data$1
     } = pagin.useInit(props, emit, refTable, getLocale, true);
     __expose({
       getSelection,
@@ -55,7 +59,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           height: vue.unref(height) == "100%" ? vue.unref(height) : ""
         })
       }, [
-        vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(index$2.Tables), vue.mergeProps(vue.unref(tableConfig).config, vue.toHandlers(vue.unref(formEvent)), {
+        vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(index$3.Tables), vue.mergeProps(vue.unref(tableConfig).config, vue.toHandlers(vue.unref(formEvent)), {
           height: vue.unref(height),
           ref_key: "refTable",
           ref: refTable,
@@ -65,13 +69,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             vue.unref(cs).is("scroll", vue.unref(paginat).is && vue.unref(paginat).scroll)
           ],
           "scroll-selector": "." + vue.unref(cs).ec("scrollbar") + " ." + vue.unref(cs).ec("scrollbar", "", "wrap"),
-          value: vue.unref(data).list,
+          value: vue.unref(data$1).list,
           list: vue.unref(tableList),
           size: (_b = vue.unref(tableConfig).config) == null ? void 0 : _b.size,
           paginat: vue.unref(paginat),
           loading: ((_c = vue.unref(tableConfig).config) == null ? void 0 : _c.noloading) || vue.unref(paginat).scroll && vue.unref(paginat).current > 1 ? false : vue.unref(loading),
-          options: props.options,
-          compons: props.compons,
+          options: vue.unref(props).options,
+          compons: vue.unref(props).compons,
           onSortChange: vue.unref(onSortChange),
           onListEvents: vue.unref(onListEvents),
           onSelect: vue.unref(onSelect),
@@ -87,12 +91,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             };
           })
         ]), 1040, ["height", "class", "scroll-selector", "value", "list", "size", "paginat", "loading", "options", "compons", "onSortChange", "onListEvents", "onSelect", "onRowClick", "onSelectionChange"])), [
-          [vue.unref(index$3.default), vue.unref(scroll)]
+          [vue.unref(index$4.default), vue.unref(scroll)]
         ]),
-        ((_d = vue.unref(paginat)) == null ? void 0 : _d.is) && !vue.unref(paginat).scroll ? (vue.openBlock(), vue.createBlock(vue.unref(index$4.Paging), vue.mergeProps({ key: 0 }, vue.unref(pagconfig), {
+        ((_d = vue.unref(paginat)) == null ? void 0 : _d.is) && !vue.unref(paginat).scroll ? (vue.openBlock(), vue.createBlock(vue.unref(index$5.Paging), vue.mergeProps({ key: 0 }, vue.unref(pagconfig), {
           class: vue.unref(cs).z("paginat"),
           paginat: vue.unref(paginat),
-          total: vue.unref(data).total,
+          total: vue.unref(data$1).total,
           onSizeChange: vue.unref(onSizeChange),
           onCurrentChange: vue.unref(onCurrentChange)
         }), null, 16, ["class", "paginat", "total", "onSizeChange", "onCurrentChange"])) : vue.createCommentVNode("", true)

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

@@ -2,18 +2,22 @@ import { defineComponent, useSlots, ref, createElementBlock, openBlock, normaliz
 import { Tables } from "../../tables/index.js";
 import { Paging } from "../../paging/index.js";
 import vScroll from "../../../directives/scroll/index.js";
-import { useInit, dataEmit, dataProps } from "../../tables/common/pagin.js";
+import { name } from "./data.js";
+import { dataProps, useInit, dataEmit } from "../../tables/common/pagin.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
+import { usePropsDefault, viewProps, getProps } from "../../../hooks/props-default/index.js";
 import { useLocale } from "../../../hooks/locale/index.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
-  props: dataProps,
+  props: getProps(dataProps),
   emits: dataEmit,
   setup(__props, { expose: __expose, emit: __emit }) {
     const { getLocale } = useLocale();
-    const cs = useCssName("tablesp");
+    const cs = useCssName(name);
     const slots = useSlots();
-    const props = __props;
+    const prs = __props;
+    const props = usePropsDefault(name, prs, dataProps);
+    viewProps(props, name);
     const emit = __emit;
     const refTable = ref();
     const {
@@ -68,8 +72,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           size: (_b = unref(tableConfig).config) == null ? void 0 : _b.size,
           paginat: unref(paginat),
           loading: ((_c = unref(tableConfig).config) == null ? void 0 : _c.noloading) || unref(paginat).scroll && unref(paginat).current > 1 ? false : unref(loading),
-          options: props.options,
-          compons: props.compons,
+          options: unref(props).options,
+          compons: unref(props).compons,
           onSortChange: unref(onSortChange),
           onListEvents: unref(onListEvents),
           onSelect: unref(onSelect),

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

@@ -1,21 +1,25 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const index$3 = require("../../tables/index.cjs");
-const index$2 = require("../../tablesv/index.cjs");
-const index$4 = require("../../paging/index.cjs");
+const index$4 = require("../../tables/index.cjs");
+const index$3 = require("../../tablesv/index.cjs");
+const index$5 = require("../../paging/index.cjs");
 const pagin = require("../../tables/common/pagin.cjs");
 const index$1 = require("../../../hooks/cssname/index.cjs");
 const index = require("../../../hooks/locale/index.cjs");
+const index$2 = require("../../../hooks/props-default/index.cjs");
+const name = "tabless";
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
-  props: pagin.dataProps,
+  props: index$2.getProps(pagin.dataProps),
   emits: pagin.dataEmit,
   setup(__props, { expose: __expose, emit: __emit }) {
     const { getLocale } = index.useLocale();
-    const cs = index$1.useCssName("tabless");
+    const cs = index$1.useCssName(name);
     const slots = vue.useSlots();
-    const props = __props;
+    const prs = __props;
+    const props = index$2.usePropsDefault(name, prs, pagin.dataProps);
+    index$2.viewProps(props, name);
     const emit = __emit;
     const refTable = vue.ref();
     const {
@@ -54,7 +58,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           height: vue.unref(height) == "100%" ? vue.unref(height) : ""
         })
       }, [
-        vue.unref(tableConfig).type == 1 ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.Tablesv), vue.mergeProps({ key: 0 }, vue.unref(tableConfig).config, vue.toHandlers(vue.unref(formEvent)), {
+        vue.unref(tableConfig).type == 1 ? (vue.openBlock(), vue.createBlock(vue.unref(index$3.Tablesv), vue.mergeProps({ key: 0 }, vue.unref(tableConfig).config, vue.toHandlers(vue.unref(formEvent)), {
           height: vue.unref(height),
           ref_key: "refTable",
           ref: refTable,
@@ -64,8 +68,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           list: vue.unref(tableList),
           paginat: vue.unref(paginat),
           loading: ((_b = vue.unref(tableConfig).config) == null ? void 0 : _b.noloading) ? false : vue.unref(loading),
-          options: props.options,
-          compons: props.compons,
+          options: vue.unref(props).options,
+          compons: vue.unref(props).compons,
           onSortChange: vue.unref(onSortChange),
           onRadioChange: vue.unref(onRadioChange),
           onSelectionChange: vue.unref(onChange),
@@ -79,7 +83,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               ])
             };
           })
-        ]), 1040, ["height", "class", "size", "value", "list", "paginat", "loading", "options", "compons", "onSortChange", "onRadioChange", "onSelectionChange", "onListEvents"])) : (vue.openBlock(), vue.createBlock(vue.unref(index$3.Tables), vue.mergeProps({ key: 1 }, vue.unref(tableConfig).config, vue.toHandlers(vue.unref(formEvent)), {
+        ]), 1040, ["height", "class", "size", "value", "list", "paginat", "loading", "options", "compons", "onSortChange", "onRadioChange", "onSelectionChange", "onListEvents"])) : (vue.openBlock(), vue.createBlock(vue.unref(index$4.Tables), vue.mergeProps({ key: 1 }, vue.unref(tableConfig).config, vue.toHandlers(vue.unref(formEvent)), {
           height: vue.unref(height),
           ref_key: "refTable",
           ref: refTable,
@@ -92,8 +96,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           size: (_d = vue.unref(tableConfig).config) == null ? void 0 : _d.size,
           paginat: vue.unref(paginat),
           loading: vue.unref(loading),
-          options: props.options,
-          compons: props.compons,
+          options: vue.unref(props).options,
+          compons: vue.unref(props).compons,
           onSortChange: vue.unref(onSortChange),
           onListEvents: vue.unref(onListEvents),
           onSelect: vue.unref(onSelect),
@@ -109,7 +113,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             };
           })
         ]), 1040, ["height", "class", "value", "list", "size", "paginat", "loading", "options", "compons", "onSortChange", "onListEvents", "onSelect", "onRowClick", "onSelectionChange"])),
-        ((_e = vue.unref(tableConfig).paginat) == null ? void 0 : _e.is) ? (vue.openBlock(), vue.createBlock(vue.unref(index$4.Paging), vue.mergeProps({ key: 2 }, vue.unref(pagconfig), {
+        ((_e = vue.unref(tableConfig).paginat) == null ? void 0 : _e.is) ? (vue.openBlock(), vue.createBlock(vue.unref(index$5.Paging), vue.mergeProps({ key: 2 }, vue.unref(pagconfig), {
           class: vue.unref(cs).z("paginat"),
           paginat: vue.unref(paginat),
           total: vue.unref(data).total,

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

@@ -2,18 +2,22 @@ import { defineComponent, useSlots, ref, createElementBlock, openBlock, normaliz
 import { Tables } from "../../tables/index.js";
 import { Tablesv } from "../../tablesv/index.js";
 import { Paging } from "../../paging/index.js";
-import { useInit, dataEmit, dataProps } from "../../tables/common/pagin.js";
+import { dataProps, useInit, dataEmit } from "../../tables/common/pagin.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import { useLocale } from "../../../hooks/locale/index.js";
+import { usePropsDefault, viewProps, getProps } from "../../../hooks/props-default/index.js";
+const name = "tabless";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
-  props: dataProps,
+  props: getProps(dataProps),
   emits: dataEmit,
   setup(__props, { expose: __expose, emit: __emit }) {
     const { getLocale } = useLocale();
-    const cs = useCssName("tabless");
+    const cs = useCssName(name);
     const slots = useSlots();
-    const props = __props;
+    const prs = __props;
+    const props = usePropsDefault(name, prs, dataProps);
+    viewProps(props, name);
     const emit = __emit;
     const refTable = ref();
     const {
@@ -62,8 +66,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           list: unref(tableList),
           paginat: unref(paginat),
           loading: ((_b = unref(tableConfig).config) == null ? void 0 : _b.noloading) ? false : unref(loading),
-          options: props.options,
-          compons: props.compons,
+          options: unref(props).options,
+          compons: unref(props).compons,
           onSortChange: unref(onSortChange),
           onRadioChange: unref(onRadioChange),
           onSelectionChange: unref(onChange),
@@ -90,8 +94,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           size: (_d = unref(tableConfig).config) == null ? void 0 : _d.size,
           paginat: unref(paginat),
           loading: unref(loading),
-          options: props.options,
-          compons: props.compons,
+          options: unref(props).options,
+          compons: unref(props).compons,
           onSortChange: unref(onSortChange),
           onListEvents: unref(onListEvents),
           onSelect: unref(onSelect),