@fangzhongya/fang-ui 0.1.30 → 0.1.32

package/dist/components/list/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);
 }
 
 .list-div .list-table {
@@ -88,6 +89,7 @@
   white-space: nowrap;
 }
 .list-div .list-table .is-width .list-table-label {
+  white-space: pre-wrap;
   word-break: break-all;
   white-space: normal;
   display: block;
@@ -95,7 +97,11 @@
 .list-div .list-table .list-table-th {
   text-align: left;
 }
+.list-div .list-table .list-table-label {
+  white-space: pre-wrap;
+}
 .list-div .list-table .list-table-value {
+  white-space: pre-wrap;
   word-break: break-all;
   white-space: normal;
   display: block;

package/dist/components/list/index.scss

@@ -80,6 +80,7 @@ $list: 'list';
 			}
 			.#{is('width')} {
 				.#{z($list, 'table-label')} {
+					white-space: pre-wrap;
 					word-break: break-all;
 					white-space: normal;
 					display: block;
@@ -88,8 +89,11 @@ $list: 'list';
 			.#{z($list, 'table-th')} {
 				text-align: left;
 			}
-
+			.#{z($list, 'table-label')} {
+				white-space: pre-wrap;
+			}
 			.#{z($list, 'table-value')} {
+				white-space: pre-wrap;
 				word-break: break-all;
 				white-space: normal;
 				display: block;

package/dist/components/lists/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);
 }
 
 .lists {

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

@@ -142,10 +142,22 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     function getSelections() {
       return selections.value;
     }
+    function clearSort() {
+    }
+    function setCurrentRow() {
+    }
+    function clearCurrentRow() {
+    }
+    const getRef = () => {
+    };
     __expose({
       ...data.dataExpose,
-      clearSelection,
+      clearSort,
+      getRef,
+      setCurrentRow,
+      clearCurrentRow,
       getSelections,
+      clearSelection,
       toggleRowSelection
     });
     return (_ctx, _cache) => {

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

@@ -140,10 +140,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function getSelections() {
       return selections.value;
     }
+    function clearSort() {
+    }
+    function setCurrentRow() {
+    }
+    function clearCurrentRow() {
+    }
+    const getRef = () => {
+    };
     __expose({
       ...dataExpose,
-      clearSelection,
+      clearSort,
+      getRef,
+      setCurrentRow,
+      clearCurrentRow,
       getSelections,
+      clearSelection,
       toggleRowSelection
     });
     return (_ctx, _cache) => {

package/dist/components/listsp/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);
 }
 
 .lists {

package/dist/components/listsp/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, true);
     __expose({
       getSelection,
+      getRef,
       initData,
       getData,
       getList: initData,

package/dist/components/listsp/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, true);
     __expose({
       getSelection,
+      getRef,
       initData,
       getData,
       getList: initData,

package/dist/components/listspd/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);
 }
 
 .lists {

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

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

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

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

package/dist/components/menus/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);
 }
 
 .menus .menu-li-item {

package/dist/components/no-data/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);
 }
 
 .no-data {

package/dist/components/page/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);
 }
 
 .forms-div {
@@ -702,6 +703,7 @@
   white-space: nowrap;
 }
 .list-div .list-table .is-width .list-table-label {
+  white-space: pre-wrap;
   word-break: break-all;
   white-space: normal;
   display: block;
@@ -709,7 +711,11 @@
 .list-div .list-table .list-table-th {
   text-align: left;
 }
+.list-div .list-table .list-table-label {
+  white-space: pre-wrap;
+}
 .list-div .list-table .list-table-value {
+  white-space: pre-wrap;
   word-break: break-all;
   white-space: normal;
   display: block;
@@ -789,6 +795,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/paging/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);
 }
 
 .paging {

package/dist/components/popup/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);
 }
 
 .box-mask {

package/dist/components/retract/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);
 }
 
 .retract {

package/dist/components/right-key/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);
 }
 
 .right-key-box {

package/dist/components/scss/common.scss

@@ -16,6 +16,7 @@
 		--#{$cssname}layout-panel-gap
 	);
 	--#{$cssname}g-main-bg: var(--#{$cssname}bg-color-page);
+	#{vm('lable-array-height')}: 20px;
 }
 
 .com-footer {
@@ -24,7 +25,7 @@
 }
 
 .com-lable-array {
-	line-height: 18px;
+	line-height: var(#{vm('lable-array-height')});
 }
 // .com-lable-colon {
 // 	white-space: pre-wrap; /* 保留空白符，并正常换行 */

package/dist/components/seamless-scroll/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);
 }
 
 .seamless-scroll {

package/dist/components/select-scroll/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);
 }
 
 .select-scroll {

package/dist/components/selector/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);
 }
 
 .select-scroll {

package/dist/components/selects/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);
 }
 
 .selects-select {

package/dist/components/sliders/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);
 }
 
 .sliders {

package/dist/components/switchs/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);
 }
 
 .switchs-switch {

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

@@ -106,6 +106,7 @@ const useInit = (props2, emit, refTable, getLocale, isEl) => {
     order: "",
     prop: ""
   });
+  const ajaxData = vue.ref([]);
   const data = vue.reactive({
     total: 0,
     list: [],
@@ -481,9 +482,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) {
@@ -499,22 +498,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");
@@ -523,7 +531,11 @@ const useInit = (props2, emit, refTable, getLocale, isEl) => {
     } else {
       clean();
     }
-    getData();
+    if (paginat.front) {
+      setData();
+    } else {
+      getData();
+    }
   }
   function onListEvents(...arr) {
     console.log("onListEvents", arr);
@@ -554,40 +566,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;
-      objValue.setObjValue(value, l, v);
-      objValue.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() {
@@ -595,11 +591,8 @@ const useInit = (props2, emit, refTable, getLocale, isEl) => {
       vue.watch(
         () => props2.value,
         () => {
-          const obj = {
-            value: props2.value
-          };
-          getFrontPaginatValue(obj);
-          setData(obj.value);
+          ajaxData.value = props2.value || [];
+          setData();
         },
         {
           immediate: true
@@ -626,7 +619,6 @@ const useInit = (props2, emit, refTable, getLocale, isEl) => {
       value: props2.value,
       param: {}
     };
-    getFrontPaginatValue(propsParame);
     urls.comHandle(
       propsParame,
       getParam({
@@ -636,7 +628,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);
@@ -661,20 +655,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 util.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 = objValue.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 = objValue.getObjValue(l, data2) ?? data2 ?? [];
       const total = t == "" ? list.length : objValue.getObjValue(t, data2);
       return {
         list,
@@ -749,6 +743,9 @@ const useInit = (props2, emit, refTable, getLocale, isEl) => {
   const datavalue = vue.computed(() => {
     return data.list;
   });
+  const getRef = () => {
+    return refTable.value.getRef();
+  };
   setValue();
   return {
     height,
@@ -756,6 +753,7 @@ const useInit = (props2, emit, refTable, getLocale, isEl) => {
     tableList,
     onRadioChange,
     getSelection,
+    getRef,
     initData,
     getData,
     clean,