@fangzhongya/fang-ui 0.1.30 → 0.1.31

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

@@ -104,6 +104,7 @@ const useInit = (props2, emit, refTable, getLocale, isEl) => {
     order: "",
     prop: ""
   });
+  const ajaxData = ref([]);
   const data = reactive({
     total: 0,
     list: [],
@@ -479,9 +480,7 @@ const useInit = (props2, emit, refTable, getLocale, isEl) => {
   }
   function defaultSort(arr) {
     var _a2, _b2;
-    if (!((_b2 = (_a2 = tableConfig.value) == null ? void 0 : _a2.sort) == null ? void 0 : _b2.front)) {
-      return arr;
-    } else {
+    if ((_b2 = (_a2 = tableConfig.value) == null ? void 0 : _a2.sort) == null ? void 0 : _b2.front) {
       const prop = paginat.prop;
       const order = paginat.order;
       if (prop && order) {
@@ -497,22 +496,31 @@ const useInit = (props2, emit, refTable, getLocale, isEl) => {
         return arr;
       }
     }
+    return arr;
   }
   function onSortChange(obj) {
-    var _a2;
+    var _a2, _b2;
     if ((_a2 = tableConfig.value.sort) == null ? void 0 : _a2.is) {
       paginat.order = orderMap[obj.order] || "";
       paginat.prop = obj.field || obj.prop;
       paginat.current = 1;
       clean();
-      getData();
+      if ((_b2 = tableConfig.value.sort) == null ? void 0 : _b2.front) {
+        setData();
+      } else {
+        getData();
+      }
     }
   }
   function onSizeChange() {
     console.log("onSizeChange");
     paginat.current = 1;
     clean();
-    getData();
+    if (paginat.front) {
+      setData();
+    } else {
+      getData();
+    }
   }
   function onCurrentChange() {
     console.log("onCurrentChange");
@@ -521,7 +529,11 @@ const useInit = (props2, emit, refTable, getLocale, isEl) => {
     } else {
       clean();
     }
-    getData();
+    if (paginat.front) {
+      setData();
+    } else {
+      getData();
+    }
   }
   function onListEvents(...arr) {
     console.log("onListEvents", arr);
@@ -552,40 +564,24 @@ const useInit = (props2, emit, refTable, getLocale, isEl) => {
     }
     return param;
   }
-  function getFrontPaginatValue(obj) {
-    var _a2;
-    if (paginat.is && paginat.front) {
-      const list = obj.value || [];
-      const total = list.length;
+  function setData() {
+    let dlist = defaultSort([...ajaxData.value]);
+    if (paginat.is) {
       const c = paginat.current;
       const z = paginat.pageSize;
-      const v = list.slice((c - 1) * z, c * z);
-      const value = {};
-      let ajaxData = {};
-      if (typeof tableConfig.value.ajax === "object") {
-        ajaxData = ((_a2 = tableConfig.value.ajax) == null ? void 0 : _a2.data) ?? {};
+      if (paginat.front) {
+        dlist = dlist.slice((c - 1) * z, c * z);
+      } else {
+        dlist = dlist.slice(0, z);
+      }
+      if (paginat.scroll && paginat.current != 1) {
+        data.list.push(...dlist);
+      } else {
+        data.list = dlist;
       }
-      const l = (ajaxData == null ? void 0 : ajaxData.list) ?? mpagconfig.data.list;
-      const t = (ajaxData == null ? void 0 : ajaxData.total) ?? mpagconfig.data.total;
-      setObjValue(value, l, v);
-      setObjValue(value, t, total);
-      obj.value = value;
-    }
-  }
-  function setData(dlist, total) {
-    var _a2;
-    if (dlist instanceof Array === false) {
-      dlist = [dlist];
-    }
-    if (((_a2 = tableConfig.value.paginat) == null ? void 0 : _a2.is) && dlist.length > paginat.pageSize) {
-      dlist = dlist.slice(0, paginat.pageSize);
-    }
-    if (paginat.current != 1 && paginat.scroll) {
-      data.list.push(...dlist);
     } else {
-      data.list = defaultSort(dlist);
+      data.list = dlist;
     }
-    data.total = total || dlist.length;
     toggleCrossPage();
   }
   function setValue() {
@@ -593,11 +589,8 @@ const useInit = (props2, emit, refTable, getLocale, isEl) => {
       watch(
         () => props2.value,
         () => {
-          const obj = {
-            value: props2.value
-          };
-          getFrontPaginatValue(obj);
-          setData(obj.value);
+          ajaxData.value = props2.value || [];
+          setData();
         },
         {
           immediate: true
@@ -624,7 +617,6 @@ const useInit = (props2, emit, refTable, getLocale, isEl) => {
       value: props2.value,
       param: {}
     };
-    getFrontPaginatValue(propsParame);
     comHandle(
       propsParame,
       getParam({
@@ -634,7 +626,9 @@ const useInit = (props2, emit, refTable, getLocale, isEl) => {
     ).then((list) => {
       Object.assign(data, paginat);
       let dlist = (list == null ? void 0 : list.list) || [];
-      setData(dlist, list == null ? void 0 : list.total);
+      ajaxData.value = dlist;
+      data.total = (list == null ? void 0 : list.total) || dlist.length;
+      setData();
       loading.value = false;
       if (callback) {
         callback(data);
@@ -659,20 +653,20 @@ const useInit = (props2, emit, refTable, getLocale, isEl) => {
       return obj;
     }
   }
-  function inDataFilter(data2, obj, isValue) {
+  function inDataFilter(data2, obj) {
     var _a2, _b2;
     let after = props2.onRequestAfter;
-    let ajaxData = {};
+    let ajax = {};
     if (typeof tableConfig.value.ajax === "object") {
-      ajaxData = ((_a2 = tableConfig.value.ajax) == null ? void 0 : _a2.data) ?? {};
+      ajax = ((_a2 = tableConfig.value.ajax) == null ? void 0 : _a2.data) ?? {};
       after = after ?? ((_b2 = tableConfig.value.ajax) == null ? void 0 : _b2.onRequestAfter);
     }
     if (after) {
       return executionMethod(after, data2, obj);
     } else {
-      const l = (ajaxData == null ? void 0 : ajaxData.list) ?? mpagconfig.data.list;
-      const t = (ajaxData == null ? void 0 : ajaxData.total) ?? mpagconfig.data.total;
-      const list = getObjValue(l, data2) ?? (isValue ? data2 : []);
+      const l = (ajax == null ? void 0 : ajax.list) ?? mpagconfig.data.list;
+      const t = (ajax == null ? void 0 : ajax.total) ?? mpagconfig.data.total;
+      const list = getObjValue(l, data2) ?? data2 ?? [];
       const total = t == "" ? list.length : getObjValue(t, data2);
       return {
         list,
@@ -747,6 +741,9 @@ const useInit = (props2, emit, refTable, getLocale, isEl) => {
   const datavalue = computed(() => {
     return data.list;
   });
+  const getRef = () => {
+    return refTable.value.getRef();
+  };
   setValue();
   return {
     height,
@@ -754,6 +751,7 @@ const useInit = (props2, emit, refTable, getLocale, isEl) => {
     tableList,
     onRadioChange,
     getSelection,
+    getRef,
     initData,
     getData,
     clean,

package/dist/components/tables/index.css

@@ -10,6 +10,7 @@
   	--layout-panel-gap
   );
   --g-main-bg: var(--bg-color-page);
+  --lable-array-height: 20px;
 }
 
 .com-footer {
@@ -18,7 +19,7 @@
 }
 
 .com-lable-array {
-  line-height: 18px;
+  line-height: var(--lable-array-height);
 }
 
 .tables {
@@ -41,5 +42,6 @@
   padding: var(--tables-interval) 0;
 }
 .tables-table.el-table--default .cell {
+  white-space: pre-wrap;
   padding: 0 var(--tables-interval-horizon, var(--tables-interval));
 }

package/dist/components/tables/index.scss

@@ -26,6 +26,7 @@ $tables: 'tables';
 				padding: var(vdm('interval', $tables)) 0;
 			}
 			.cell {
+				white-space: pre-wrap;
 				padding: 0
 					var(
 						vdm('interval-horizon', $tables),

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

@@ -132,6 +132,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       var _a;
       return (_a = tableRef.value) == null ? void 0 : _a.getSelectionRows();
     }
+    const getRef = () => {
+      return tableRef.value;
+    };
     vue.onMounted(() => {
       if (window) {
         window.addEventListener("click", () => {
@@ -142,6 +145,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     __expose({
       ...data.dataExpose,
       clearSort,
+      getRef,
       setCurrentRow,
       clearCurrentRow,
       getSelections,
@@ -165,6 +169,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           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,
+          rowKey: vue.unref(props).rowKey,
           "row-style": rowStyle.value,
           data: vue.unref(props).value,
           "default-sort": tableDefaultSort.value,
@@ -199,7 +204,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             ]), 1032, ["table", "value", "list", "options"])
           ]),
           _: 3
-        }, 16, ["class", "height", "max-height", "row-style", "data", "default-sort"])), [
+        }, 16, ["class", "height", "max-height", "rowKey", "row-style", "data", "default-sort"])), [
           [vue.unref(index$6.vLoading), vue.unref(props).loading]
         ])
       ], 16);

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

@@ -130,6 +130,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       var _a;
       return (_a = tableRef.value) == null ? void 0 : _a.getSelectionRows();
     }
+    const getRef = () => {
+      return tableRef.value;
+    };
     onMounted(() => {
       if (window) {
         window.addEventListener("click", () => {
@@ -140,6 +143,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     __expose({
       ...dataExpose,
       clearSort,
+      getRef,
       setCurrentRow,
       clearCurrentRow,
       getSelections,
@@ -163,6 +167,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           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,
+          rowKey: unref(props).rowKey,
           "row-style": rowStyle.value,
           data: unref(props).value,
           "default-sort": tableDefaultSort.value,
@@ -197,7 +202,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ]), 1032, ["table", "value", "list", "options"])
           ]),
           _: 3
-        }, 16, ["class", "height", "max-height", "row-style", "data", "default-sort"])), [
+        }, 16, ["class", "height", "max-height", "rowKey", "row-style", "data", "default-sort"])), [
           [unref(vLoading), unref(props).loading]
         ])
       ], 16);

package/dist/components/tablesp/index.css

@@ -10,6 +10,7 @@
   	--layout-panel-gap
   );
   --g-main-bg: var(--bg-color-page);
+  --lable-array-height: 20px;
 }
 
 .com-footer {
@@ -18,7 +19,7 @@
 }
 
 .com-lable-array {
-  line-height: 18px;
+  line-height: var(--lable-array-height);
 }
 
 .tables {
@@ -41,6 +42,7 @@
   padding: var(--tables-interval) 0;
 }
 .tables-table.el-table--default .cell {
+  white-space: pre-wrap;
   padding: 0 var(--tables-interval-horizon, var(--tables-interval));
 }
 

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

@@ -25,6 +25,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const {
       height,
       getSelection,
+      getRef,
       initData,
       getData,
       empty,
@@ -45,6 +46,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       data: data$1
     } = pagin.useInit(props, emit, refTable, getLocale, true);
     __expose({
+      getRef,
       getSelection,
       initData,
       getData,

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

@@ -23,6 +23,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const {
       height,
       getSelection,
+      getRef,
       initData,
       getData,
       empty,
@@ -43,6 +44,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       data
     } = useInit(props, emit, refTable, getLocale, true);
     __expose({
+      getRef,
       getSelection,
       initData,
       getData,

package/dist/components/tablespd/index.css

@@ -10,6 +10,7 @@
   	--layout-panel-gap
   );
   --g-main-bg: var(--bg-color-page);
+  --lable-array-height: 20px;
 }
 
 .com-footer {
@@ -18,7 +19,7 @@
 }
 
 .com-lable-array {
-  line-height: 18px;
+  line-height: var(--lable-array-height);
 }
 
 .tables {
@@ -41,6 +42,7 @@
   padding: var(--tables-interval) 0;
 }
 .tables-table.el-table--default .cell {
+  white-space: pre-wrap;
   padding: 0 var(--tables-interval-horizon, var(--tables-interval));
 }
 

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

@@ -26,6 +26,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const {
       height,
       getSelection,
+      getRef,
       initData,
       getData,
       empty,
@@ -48,6 +49,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     } = pagin.useInit(props, emit, refTable, getLocale, true);
     __expose({
       getSelection,
+      getRef,
       initData,
       getData,
       getList: initData,

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

@@ -24,6 +24,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const {
       height,
       getSelection,
+      getRef,
       initData,
       getData,
       empty,
@@ -46,6 +47,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     } = useInit(props, emit, refTable, getLocale, true);
     __expose({
       getSelection,
+      getRef,
       initData,
       getData,
       getList: initData,

package/dist/components/tabless/index.css

@@ -10,6 +10,7 @@
   	--layout-panel-gap
   );
   --g-main-bg: var(--bg-color-page);
+  --lable-array-height: 20px;
 }
 
 .com-footer {
@@ -18,7 +19,7 @@
 }
 
 .com-lable-array {
-  line-height: 18px;
+  line-height: var(--lable-array-height);
 }
 
 .tabless {

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

@@ -25,6 +25,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const {
       height,
       getSelection,
+      getRef,
       initData,
       getData,
       empty,
@@ -46,6 +47,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     } = pagin.useInit(props, emit, refTable, getLocale);
     __expose({
       getSelection,
+      getRef,
       initData,
       getList: getData,
       empty

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

@@ -23,6 +23,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const {
       height,
       getSelection,
+      getRef,
       initData,
       getData,
       empty,
@@ -44,6 +45,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     } = useInit(props, emit, refTable, getLocale);
     __expose({
       getSelection,
+      getRef,
       initData,
       getList: getData,
       empty

package/dist/components/tablesv/index.css

@@ -10,6 +10,7 @@
   	--layout-panel-gap
   );
   --g-main-bg: var(--bg-color-page);
+  --lable-array-height: 20px;
 }
 
 .com-footer {
@@ -18,7 +19,7 @@
 }
 
 .com-lable-array {
-  line-height: 18px;
+  line-height: var(--lable-array-height);
 }
 
 .tablesv {

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

@@ -84,14 +84,15 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       row: {
         isCurrent: setHover(),
         isHover: setHover(),
-        keyField: props.rowKey
+        keyField: props.rowKey,
+        useKey: true
       },
       column: {
         minWidth: attrs.assem.minWidth,
         resizable: attrs.assem.resizable
       },
       sort: {
-        remote: Boolean(attrs.assem.sort),
+        remote: true,
         defaultSort: {
           field: tableDefaultSort.value.prop,
           order: tableDefaultSort.value.order
@@ -192,6 +193,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       tableRef.value.clearRadioRow();
       tableRef.value.clearCurrentRow();
     }
+    const getRef = () => {
+      return tableRef.value;
+    };
     vue.onMounted(() => {
       if (window) {
         window.addEventListener("click", () => {
@@ -201,12 +205,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     });
     __expose({
       ...data.dataExpose,
-      clearSelection,
       clearRadioRow,
+      getRef,
       clearSort,
       setCurrentRow,
       clearCurrentRow,
       getSelections,
+      clearSelection,
       toggleRowSelection
     });
     return (_ctx, _cache) => {

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

@@ -82,14 +82,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       row: {
         isCurrent: setHover(),
         isHover: setHover(),
-        keyField: props.rowKey
+        keyField: props.rowKey,
+        useKey: true
       },
       column: {
         minWidth: attrs.assem.minWidth,
         resizable: attrs.assem.resizable
       },
       sort: {
-        remote: Boolean(attrs.assem.sort),
+        remote: true,
         defaultSort: {
           field: tableDefaultSort.value.prop,
           order: tableDefaultSort.value.order
@@ -190,6 +191,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       tableRef.value.clearRadioRow();
       tableRef.value.clearCurrentRow();
     }
+    const getRef = () => {
+      return tableRef.value;
+    };
     onMounted(() => {
       if (window) {
         window.addEventListener("click", () => {
@@ -199,12 +203,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     __expose({
       ...dataExpose,
-      clearSelection,
       clearRadioRow,
+      getRef,
       clearSort,
       setCurrentRow,
       clearCurrentRow,
       getSelections,
+      clearSelection,
       toggleRowSelection
     });
     return (_ctx, _cache) => {

package/dist/components/tablesvp/index.css

@@ -10,6 +10,7 @@
   	--layout-panel-gap
   );
   --g-main-bg: var(--bg-color-page);
+  --lable-array-height: 20px;
 }
 
 .com-footer {
@@ -18,7 +19,7 @@
 }
 
 .com-lable-array {
-  line-height: 18px;
+  line-height: var(--lable-array-height);
 }
 
 .tablesv {

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

@@ -25,6 +25,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const {
       height,
       getSelection,
+      getRef,
       initData,
       getData,
       empty,
@@ -46,6 +47,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     } = pagin.useInit(props, emit, refTable, getLocale);
     __expose({
       getSelection,
+      getRef,
       initData,
       getList: getData,
       empty

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

@@ -23,6 +23,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const {
       height,
       getSelection,
+      getRef,
       initData,
       getData,
       empty,
@@ -44,6 +45,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     } = useInit(props, emit, refTable, getLocale);
     __expose({
       getSelection,
+      getRef,
       initData,
       getList: getData,
       empty

package/dist/components/tablesvpd/index.css

@@ -10,6 +10,7 @@
   	--layout-panel-gap
   );
   --g-main-bg: var(--bg-color-page);
+  --lable-array-height: 20px;
 }
 
 .com-footer {
@@ -18,7 +19,7 @@
 }
 
 .com-lable-array {
-  line-height: 18px;
+  line-height: var(--lable-array-height);
 }
 
 .tablesv {

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

@@ -26,6 +26,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const {
       height,
       getSelection,
+      getRef,
       initData,
       getData,
       empty,
@@ -48,6 +49,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     } = pagin.useInit(props, emit, refTable, getLocale);
     __expose({
       getSelection,
+      getRef,
       initData,
       getList: getData,
       empty

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

@@ -24,6 +24,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const {
       height,
       getSelection,
+      getRef,
       initData,
       getData,
       empty,
@@ -46,6 +47,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     } = useInit(props, emit, refTable, getLocale);
     __expose({
       getSelection,
+      getRef,
       initData,
       getList: getData,
       empty

package/dist/components/uploads/index.css

@@ -11,6 +11,7 @@
   	--layout-panel-gap
   );
   --g-main-bg: var(--bg-color-page);
+  --lable-array-height: 20px;
 }
 
 .com-footer {
@@ -19,7 +20,7 @@
 }
 
 .com-lable-array {
-  line-height: 18px;
+  line-height: var(--lable-array-height);
 }
 
 .uploads {