@fangzhongya/fang-ui 0.1.27 → 0.1.28

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

@@ -2,7 +2,7 @@ import { defineComponent, ref, shallowRef, computed, h, onMounted } from "vue";
 import { setLabel, setSslot } from "./util.js";
 import { setStyles } from "../../common/css.js";
 import { useObjComponSelected, useHide } from "../../common/use.js";
-import { useCompons } from "../../common/compons.js";
+import { useCompons } from "../../../hooks/compons/index.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import { hideTooltip, showTooltip } from "../../tables/common/tooltip.js";
 import { usePropsDefault, viewProps, getProps } from "../../../hooks/props-default/index.js";
@@ -21,7 +21,7 @@ const _sfc_main = defineComponent({
   setup(prs, { emit, slots }) {
     const props = usePropsDefault(name, prs, dataProps);
     viewProps(props, name);
-    const compons = useCompons("list-compons", props.compons);
+    const compons = useCompons(name, props);
     const cs = useCssName(name);
     const refDom = ref();
     const isfocus = ref(false);

package/dist/components/lists/index.css

@@ -17,6 +17,10 @@
   padding: 20px 20px;
 }
 
+.com-lable-array {
+  line-height: 18px;
+}
+
 .lists {
   width: 100%;
   min-height: 100px;

package/dist/components/listsp/index.css

@@ -17,6 +17,10 @@
   padding: 20px 20px;
 }
 
+.com-lable-array {
+  line-height: 18px;
+}
+
 .lists {
   width: 100%;
   min-height: 100px;

package/dist/components/listspd/index.css

@@ -17,6 +17,10 @@
   padding: 20px 20px;
 }
 
+.com-lable-array {
+  line-height: 18px;
+}
+
 .lists {
   width: 100%;
   min-height: 100px;

package/dist/components/menus/index.css

@@ -17,6 +17,10 @@
   padding: 20px 20px;
 }
 
+.com-lable-array {
+  line-height: 18px;
+}
+
 .menus .menu-li-item {
   display: flex;
   align-items: center;

package/dist/components/no-data/index.css

@@ -17,6 +17,10 @@
   padding: 20px 20px;
 }
 
+.com-lable-array {
+  line-height: 18px;
+}
+
 .no-data {
   text-align: center;
   display: flex;

package/dist/components/page/index.css

@@ -18,6 +18,10 @@
   padding: 20px 20px;
 }
 
+.com-lable-array {
+  line-height: 18px;
+}
+
 .forms-div {
   width: 100%;
   height: 100%;
@@ -106,12 +110,6 @@
   font-size: 0;
 }
 
-.dates .dates-date {
-  height: 100%;
-  width: 100%;
-  box-sizing: border-box;
-}
-
 .selects-select {
   height: 100%;
   min-width: 60px;
@@ -121,6 +119,12 @@
   height: 100%;
 }
 
+.dates .dates-date {
+  height: 100%;
+  width: 100%;
+  box-sizing: border-box;
+}
+
 .inputs-input {
   height: 100%;
 }

package/dist/components/paging/index.css

@@ -17,6 +17,10 @@
   padding: 20px 20px;
 }
 
+.com-lable-array {
+  line-height: 18px;
+}
+
 .paging {
   width: 100%;
   padding: 10px;

package/dist/components/popup/index.css

@@ -17,6 +17,10 @@
   padding: 20px 20px;
 }
 
+.com-lable-array {
+  line-height: 18px;
+}
+
 .box-mask {
   display: block;
   opacity: 0.5;

package/dist/components/retract/index.css

@@ -17,6 +17,10 @@
   padding: 20px 20px;
 }
 
+.com-lable-array {
+  line-height: 18px;
+}
+
 .retract {
   position: relative;
 }

package/dist/components/right-key/index.css

@@ -17,6 +17,10 @@
   padding: 20px 20px;
 }
 
+.com-lable-array {
+  line-height: 18px;
+}
+
 .right-key-box {
   width: 140px;
   position: absolute;

package/dist/components/scss/common.scss

@@ -22,3 +22,7 @@
 	border-top: 1px solid var(--#{$cssname}border);
 	padding: 20px 20px;
 }
+
+.com-lable-array {
+	line-height: 18px;
+}

package/dist/components/seamless-scroll/index.css

@@ -17,6 +17,10 @@
   padding: 20px 20px;
 }
 
+.com-lable-array {
+  line-height: 18px;
+}
+
 .seamless-scroll {
   position: relative;
   overflow: hidden;

package/dist/components/select-scroll/index.css

@@ -17,6 +17,10 @@
   padding: 20px 20px;
 }
 
+.com-lable-array {
+  line-height: 18px;
+}
+
 .select-scroll {
   flex: 1;
   float: left;

package/dist/components/selector/index.css

@@ -17,6 +17,10 @@
   padding: 20px 20px;
 }
 
+.com-lable-array {
+  line-height: 18px;
+}
+
 .select-scroll {
   flex: 1;
   float: left;

package/dist/components/selects/index.css

@@ -17,6 +17,10 @@
   padding: 20px 20px;
 }
 
+.com-lable-array {
+  line-height: 18px;
+}
+
 .selects-select {
   height: 100%;
   min-width: 60px;

package/dist/components/sliders/index.css

@@ -17,6 +17,10 @@
   padding: 20px 20px;
 }
 
+.com-lable-array {
+  line-height: 18px;
+}
+
 .sliders {
   width: 100%;
   position: relative;

package/dist/components/switchs/index.css

@@ -17,6 +17,10 @@
   padding: 20px 20px;
 }
 
+.com-lable-array {
+  line-height: 18px;
+}
+
 .switchs-switch {
   height: 100%;
 }

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const provides = {
-  compons: "table-compons"
+  compons: "table"
 };
 exports.provides = provides;

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

@@ -1,5 +1,5 @@
 const provides = {
-  compons: "table-compons"
+  compons: "table"
 };
 export {
   provides

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

@@ -56,6 +56,12 @@ const dataProps = {
       return {};
     }
   },
+  /**
+   * @props { Boolean } isCompons 是否使用默认的配置
+   */
+  isCompons: {
+    type: Boolean
+  },
   /**
    * @props { Object } compons 外部组件集合
    */
@@ -352,69 +358,104 @@ const useInit = (props2, emit, refTable, getLocale, isEl) => {
       return arr;
     }
   }
+  const selections = vue.ref([]);
   function getSelection() {
-    return refTable.value.getSelections();
+    return selections.value;
+  }
+  function setSelection(array) {
+    selections.value = array;
+    emit("selection", selections.value);
   }
   function onChange(arr) {
     var _a2;
+    console.log("onChange");
     if (!((_a2 = tableConfig.value.config) == null ? void 0 : _a2.isradio)) {
-      console.log("onChange");
-      emit("selection", getSelectionValue(arr, paginat.current));
+      setSelection(getSelectionValue(arr, paginat.current));
+    }
+  }
+  const isHighlight = vue.computed(() => {
+    const c = tableConfig.value.config || {};
+    if ((c == null ? void 0 : c.highlightCurrentRow) || c["highlight-current-row"]) {
+      return true;
+    } else {
+      return false;
+    }
+  });
+  function setSelectRow(row, is) {
+    var _a2, _b2;
+    if ((_a2 = tableConfig.value.config) == null ? void 0 : _a2.isradio) {
+      if ((_b2 = tableConfig.value.config) == null ? void 0 : _b2.isCancelAgain) {
+        if (selections.value[0] == row) {
+          refTable.value.clearSelection();
+          refTable.value.clearCurrentRow();
+          setSelection([]);
+        } else {
+          refTable.value.clearSelection();
+          refTable.value.toggleRowSelection(row, true);
+          setSelection([row]);
+        }
+      } else {
+        refTable.value.clearSelection();
+        refTable.value.toggleRowSelection(row, true);
+        setSelection([row]);
+      }
+    } else {
+      if (is) {
+        refTable.value.toggleRowSelection(row);
+      }
     }
   }
   function onRowClick(row) {
-    var _a2, _b2, _c, _d;
-    if (!((_a2 = tableConfig.value.config) == null ? void 0 : _a2.noRowSelect)) {
+    var _a2, _b2;
+    if ((_a2 = tableConfig.value.config) == null ? void 0 : _a2.isRowSelect) {
       const selectable = (_b2 = tableConfig.value.config) == null ? void 0 : _b2.selectable;
       if (selectable) {
         const index = data.list.findIndex((obj) => {
           obj === row;
         });
         if (selectable(row, index)) {
-          if ((_c = tableConfig.value.config) == null ? void 0 : _c.isradio) {
-            refTable.value.clearSelection();
-            refTable.value.toggleRowSelection(row, true);
-            console.log("onRowClick");
-            emit("selection", [row]);
-          } else {
-            refTable.value.toggleRowSelection(row);
-          }
+          setSelectRow(row, true);
         }
       } else {
-        if ((_d = tableConfig.value.config) == null ? void 0 : _d.isradio) {
-          refTable.value.clearSelection();
-          refTable.value.toggleRowSelection(row, true);
-          console.log("onRowClick");
-          emit("selection", [row]);
-        } else {
-          refTable.value.toggleRowSelection(row);
-        }
+        setSelectRow(row, true);
+      }
+    } else {
+      if (!isHighlight.value) {
+        refTable.value.clearCurrentRow();
       }
     }
   }
   function empty() {
-    var _a2, _b2, _c;
+    var _a2, _b2, _c, _d;
     if (istype.value && ((_a2 = tableConfig.value.config) == null ? void 0 : _a2.isradio)) {
       (_b2 = refTable.value) == null ? void 0 : _b2.clearRadioRow();
     }
     (_c = refTable.value) == null ? void 0 : _c.clearSelection();
-    console.log("empty");
-    emit("selection", []);
+    (_d = refTable.value) == null ? void 0 : _d.clearCurrentRow();
+    setSelection([]);
   }
   function onSelect(s, row) {
-    var _a2;
+    setSelectRow(row, false);
+  }
+  function onCellClick(row) {
+    var _a2, _b2;
     if ((_a2 = tableConfig.value.config) == null ? void 0 : _a2.isradio) {
-      refTable.value.clearSelection();
-      refTable.value.toggleRowSelection(row, true);
-      console.log("onSelect");
-      emit("selection", [row]);
+      if ((_b2 = tableConfig.value.config) == null ? void 0 : _b2.isCancelAgain) {
+        if (selections.value[0] == row) {
+          console.log("onCellClick", row);
+          refTable.value.clearSelection();
+          refTable.value.clearCurrentRow();
+          setSelection([]);
+        }
+      }
     }
   }
   function onRadioChange(obj) {
     var _a2;
     if ((_a2 = tableConfig.value.config) == null ? void 0 : _a2.isradio) {
-      console.log("onRadioChange");
-      emit("selection", [obj.row]);
+      vue.nextTick(() => {
+        onRowClick(obj.row);
+      });
     }
   }
   function getFrontSort(ao, bo, prop) {
@@ -498,7 +539,7 @@ const useInit = (props2, emit, refTable, getLocale, isEl) => {
     console.log("clean");
     (_a2 = refTable.value) == null ? void 0 : _a2.clearSelection();
     crossPageData.value = [];
-    emit("selection", []);
+    setSelection([]);
   }
   function getParam(param) {
     var _a2;
@@ -726,6 +767,7 @@ const useInit = (props2, emit, refTable, getLocale, isEl) => {
     onListEvents,
     onSelect,
     onRowClick,
+    onCellClick,
     onChange,
     pagconfig,
     formEvent,

package/dist/components/tables/common/pagin.d.ts

@@ -57,6 +57,12 @@ export declare const dataProps: {
         type: ObjectConstructor;
         default(): {};
     };
+    /**
+     * @props { Boolean } isCompons 是否使用默认的配置
+     */
+    isCompons: {
+        type: BooleanConstructor;
+    };
     /**
      * @props { Object } compons 外部组件集合
      */
@@ -276,7 +282,7 @@ export declare const useInit: (props: ExtractPropTypes<typeof dataProps>, emit:
         type?: string | undefined;
     }[]>;
     onRadioChange: (obj: ObjAny) => void;
-    getSelection: () => any;
+    getSelection: () => ObjStr[];
     initData: (callback?: () => void) => void;
     getData: (p?: ObjAny, callback?: (d?: ObjAny) => void) => void;
     clean: () => void;
@@ -301,6 +307,7 @@ export declare const useInit: (props: ExtractPropTypes<typeof dataProps>, emit:
     onListEvents: (...arr: any) => void;
     onSelect: (s: ObjAny, row: ObjStr) => void;
     onRowClick: (row: ObjAny) => void;
+    onCellClick: (row: ObjAny) => void;
     onChange: (arr: ObjStr[]) => void;
     pagconfig: Ref<{
         pageSize: number;

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

@@ -54,6 +54,12 @@ const dataProps = {
       return {};
     }
   },
+  /**
+   * @props { Boolean } isCompons 是否使用默认的配置
+   */
+  isCompons: {
+    type: Boolean
+  },
   /**
    * @props { Object } compons 外部组件集合
    */
@@ -350,69 +356,104 @@ const useInit = (props2, emit, refTable, getLocale, isEl) => {
       return arr;
     }
   }
+  const selections = ref([]);
   function getSelection() {
-    return refTable.value.getSelections();
+    return selections.value;
+  }
+  function setSelection(array) {
+    selections.value = array;
+    emit("selection", selections.value);
   }
   function onChange(arr) {
     var _a2;
+    console.log("onChange");
     if (!((_a2 = tableConfig.value.config) == null ? void 0 : _a2.isradio)) {
-      console.log("onChange");
-      emit("selection", getSelectionValue(arr, paginat.current));
+      setSelection(getSelectionValue(arr, paginat.current));
+    }
+  }
+  const isHighlight = computed(() => {
+    const c = tableConfig.value.config || {};
+    if ((c == null ? void 0 : c.highlightCurrentRow) || c["highlight-current-row"]) {
+      return true;
+    } else {
+      return false;
+    }
+  });
+  function setSelectRow(row, is) {
+    var _a2, _b2;
+    if ((_a2 = tableConfig.value.config) == null ? void 0 : _a2.isradio) {
+      if ((_b2 = tableConfig.value.config) == null ? void 0 : _b2.isCancelAgain) {
+        if (selections.value[0] == row) {
+          refTable.value.clearSelection();
+          refTable.value.clearCurrentRow();
+          setSelection([]);
+        } else {
+          refTable.value.clearSelection();
+          refTable.value.toggleRowSelection(row, true);
+          setSelection([row]);
+        }
+      } else {
+        refTable.value.clearSelection();
+        refTable.value.toggleRowSelection(row, true);
+        setSelection([row]);
+      }
+    } else {
+      if (is) {
+        refTable.value.toggleRowSelection(row);
+      }
     }
   }
   function onRowClick(row) {
-    var _a2, _b2, _c, _d;
-    if (!((_a2 = tableConfig.value.config) == null ? void 0 : _a2.noRowSelect)) {
+    var _a2, _b2;
+    if ((_a2 = tableConfig.value.config) == null ? void 0 : _a2.isRowSelect) {
       const selectable = (_b2 = tableConfig.value.config) == null ? void 0 : _b2.selectable;
       if (selectable) {
         const index = data.list.findIndex((obj) => {
           obj === row;
         });
         if (selectable(row, index)) {
-          if ((_c = tableConfig.value.config) == null ? void 0 : _c.isradio) {
-            refTable.value.clearSelection();
-            refTable.value.toggleRowSelection(row, true);
-            console.log("onRowClick");
-            emit("selection", [row]);
-          } else {
-            refTable.value.toggleRowSelection(row);
-          }
+          setSelectRow(row, true);
         }
       } else {
-        if ((_d = tableConfig.value.config) == null ? void 0 : _d.isradio) {
-          refTable.value.clearSelection();
-          refTable.value.toggleRowSelection(row, true);
-          console.log("onRowClick");
-          emit("selection", [row]);
-        } else {
-          refTable.value.toggleRowSelection(row);
-        }
+        setSelectRow(row, true);
+      }
+    } else {
+      if (!isHighlight.value) {
+        refTable.value.clearCurrentRow();
       }
     }
   }
   function empty() {
-    var _a2, _b2, _c;
+    var _a2, _b2, _c, _d;
     if (istype.value && ((_a2 = tableConfig.value.config) == null ? void 0 : _a2.isradio)) {
       (_b2 = refTable.value) == null ? void 0 : _b2.clearRadioRow();
     }
     (_c = refTable.value) == null ? void 0 : _c.clearSelection();
-    console.log("empty");
-    emit("selection", []);
+    (_d = refTable.value) == null ? void 0 : _d.clearCurrentRow();
+    setSelection([]);
   }
   function onSelect(s, row) {
-    var _a2;
+    setSelectRow(row, false);
+  }
+  function onCellClick(row) {
+    var _a2, _b2;
     if ((_a2 = tableConfig.value.config) == null ? void 0 : _a2.isradio) {
-      refTable.value.clearSelection();
-      refTable.value.toggleRowSelection(row, true);
-      console.log("onSelect");
-      emit("selection", [row]);
+      if ((_b2 = tableConfig.value.config) == null ? void 0 : _b2.isCancelAgain) {
+        if (selections.value[0] == row) {
+          console.log("onCellClick", row);
+          refTable.value.clearSelection();
+          refTable.value.clearCurrentRow();
+          setSelection([]);
+        }
+      }
     }
   }
   function onRadioChange(obj) {
     var _a2;
     if ((_a2 = tableConfig.value.config) == null ? void 0 : _a2.isradio) {
-      console.log("onRadioChange");
-      emit("selection", [obj.row]);
+      nextTick(() => {
+        onRowClick(obj.row);
+      });
     }
   }
   function getFrontSort(ao, bo, prop) {
@@ -496,7 +537,7 @@ const useInit = (props2, emit, refTable, getLocale, isEl) => {
     console.log("clean");
     (_a2 = refTable.value) == null ? void 0 : _a2.clearSelection();
     crossPageData.value = [];
-    emit("selection", []);
+    setSelection([]);
   }
   function getParam(param) {
     var _a2;
@@ -724,6 +765,7 @@ const useInit = (props2, emit, refTable, getLocale, isEl) => {
     onListEvents,
     onSelect,
     onRowClick,
+    onCellClick,
     onChange,
     pagconfig,
     formEvent,

package/dist/components/tables/index.css

@@ -17,6 +17,10 @@
   padding: 20px 20px;
 }
 
+.com-lable-array {
+  line-height: 18px;
+}
+
 .tables {
   width: 100%;
   min-height: var(--tables-min-height, 70px);