@fangzhongya/fang-ui 0.1.27 → 0.1.28

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

@@ -3,114 +3,14 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
 const use = require("../../common/use.cjs");
 const getAttrValue = require("../../../utils/vues/getAttrValue.cjs");
-const compons = require("../../common/compons.cjs");
+const index = require("../../../hooks/compons/index.cjs");
 const config = require("../../tables/common/config.cjs");
 const util = require("../../tables/common/util.cjs");
 require("../../../utils/index.cjs");
 const column = require("vxe-table/es/column");
-const index = require("../../radio/index.cjs");
-const index$1 = require("../../checkbox/index.cjs");
+const index$1 = require("../../radio/index.cjs");
+const index$2 = require("../../checkbox/index.cjs");
 const lineToSmallHump = require("@fangzhongya/utils/name/lineToSmallHump");
-function setBox(props, obj, emit, propss, slots, index$2) {
-  if (props.type == "radio") {
-    return vue.h(
-      column.VxeColumn,
-      {
-        ...props,
-        className: obj.class,
-        minWidth: util.setMinWidth(obj, propss)
-      },
-      {
-        radio: (scope) => {
-          return vue.h(
-            "span",
-            {
-              class: "fv-custom-radio " + props.align + " " + (scope.disabled ? "is-disabled" : ""),
-              onClick(event) {
-                emit("list-events", "radio", scope);
-              }
-            },
-            [
-              vue.h(
-                index.Radio,
-                {
-                  modelValue: scope.checked,
-                  value: true,
-                  label: true,
-                  disabled: scope.disabled
-                },
-                {
-                  default() {
-                    return "";
-                  }
-                }
-              ),
-              vue.h("span", {
-                class: "fv-custom-radio-mask"
-              })
-            ]
-          );
-        }
-      }
-    );
-  } else {
-    return vue.h(
-      column.VxeColumn,
-      {
-        ...props,
-        className: obj.class,
-        minWidth: util.setMinWidth(obj, propss)
-      },
-      {
-        header: (scope) => {
-          return vue.h(
-            "span",
-            {
-              class: "fv-custom-checkbox",
-              onClick(event) {
-                emit("list-events", "checkbox-all", scope);
-              }
-            },
-            [
-              vue.h(
-                index$1.Checkbox,
-                {
-                  indeterminate: scope.indeterminate,
-                  modelValue: scope.checked
-                },
-                obj.label
-              ),
-              vue.h("span", {
-                class: "fv-custom-checkbox-mask"
-              })
-            ]
-          );
-        },
-        checkbox: (scope) => {
-          return vue.h(
-            "span",
-            {
-              class: "fv-custom-checkbox " + (scope.disabled ? "is-disabled" : ""),
-              onClick(event) {
-                emit("list-events", "checkbox", scope);
-              }
-            },
-            [
-              vue.h(index$1.Checkbox, {
-                indeterminate: scope.indeterminate,
-                modelValue: scope.checked,
-                disabled: scope.disabled
-              }),
-              vue.h("span", {
-                class: "fv-custom-checkbox-mask"
-              })
-            ]
-          );
-        }
-      }
-    );
-  }
-}
 const noProps = ["children", "class", "minWidth"];
 function setProps(obj, props) {
   const table = props.table;
@@ -126,13 +26,14 @@ function setProps(obj, props) {
     const ckey = lineToSmallHump.lineToSmallHump(key);
     if (!noProps.includes(ckey)) {
       if (obj[key] !== "") {
-        robj[key] = obj[key];
         if (key == "label") {
           robj["title"] = obj[key];
         } else if (ckey == "showOverflowTooltip") {
           if (obj[key]) {
             robj["show-overflow"] = "tooltip";
           }
+        } else if (key == "sortable") {
+          robj[key] = obj[key] ? true : void 0;
         } else if (key == "prop") {
           robj["field"] = obj[key];
         } else if (key == "fixed") {
@@ -162,14 +63,16 @@ function setProps(obj, props) {
           } else if (obj[key] == "index") {
             robj[key] = "seq";
           }
+        } else {
+          robj[key] = obj[key];
         }
       }
     }
   });
   return robj;
 }
-function setSslot(obj, scope, emit, slots, props, index2) {
-  const slot = use.useSetSlot(obj, scope.row, slots, index2);
+function setSslot(obj, scope, emit, slots, props, index$12) {
+  const slot = use.useSetSlot(obj, scope.row, slots, index$12, scope);
   if (slot) {
     return slot;
   }
@@ -181,16 +84,17 @@ function setSslot(obj, scope, emit, slots, props, index2) {
         obj,
         scope.row,
         optionss,
-        compons.useGetCompons(config.provides.compons),
+        index.useComponsGet(config.provides.compons),
         emit,
-        index2
+        index$12,
+        scope
       );
       if (column2) {
         return column2;
       }
     }
   }
-  return defaultDom(obj, scope, props, index2);
+  return defaultDom(obj, scope, props, index$12);
 }
 function defaultDom(obj, scope, props, index2) {
   var _a;
@@ -224,7 +128,7 @@ function defaultDom(obj, scope, props, index2) {
     domValue ?? table.emptyDisplay ?? ""
   );
 }
-function setHeader(obj, scope, slots, emit, props, index2) {
+function setHeader(obj, scope, slots, emit, props, index$12) {
   const optionss = props.options || {};
   return use.useGetDomLabel(
     obj.label,
@@ -232,9 +136,9 @@ function setHeader(obj, scope, slots, emit, props, index2) {
     scope.row,
     slots,
     optionss,
-    compons.useGetCompons(config.provides.compons),
+    index.useComponsGet(config.provides.compons),
     emit,
-    index2
+    index$12
   );
 }
 function getDom(obj, emit, propss, slots, index2) {
@@ -266,6 +170,106 @@ function getDom(obj, emit, propss, slots, index2) {
 function columnRender(obj, emit, props, slots, index2) {
   return getDom(obj, emit, props, slots, index2);
 }
+function setBox(props, obj, emit, propss, slots, index2) {
+  if (props.type == "radio") {
+    return vue.h(
+      column.VxeColumn,
+      {
+        ...props,
+        className: obj.class,
+        minWidth: util.setMinWidth(obj, propss)
+      },
+      {
+        radio: (scope) => {
+          return vue.h(
+            "span",
+            {
+              class: "fv-custom-radio " + props.align + " " + (scope.disabled ? "is-disabled" : ""),
+              onClick(event) {
+                emit("list-events", "radio", scope);
+              }
+            },
+            [
+              vue.h(
+                index$1.Radio,
+                {
+                  modelValue: scope.checked,
+                  value: true,
+                  label: true,
+                  disabled: scope.disabled
+                },
+                {
+                  default() {
+                    return "";
+                  }
+                }
+              ),
+              vue.h("span", {
+                class: "fv-custom-radio-mask"
+              })
+            ]
+          );
+        }
+      }
+    );
+  } else {
+    return vue.h(
+      column.VxeColumn,
+      {
+        ...props,
+        className: obj.class,
+        minWidth: util.setMinWidth(obj, propss)
+      },
+      {
+        header: (scope) => {
+          return vue.h(
+            "span",
+            {
+              class: "fv-custom-checkbox",
+              onClick(event) {
+                emit("list-events", "checkbox-all", scope);
+              }
+            },
+            [
+              vue.h(
+                index$2.Checkbox,
+                {
+                  indeterminate: scope.indeterminate,
+                  modelValue: scope.checked
+                },
+                obj.label
+              ),
+              vue.h("span", {
+                class: "fv-custom-checkbox-mask"
+              })
+            ]
+          );
+        },
+        checkbox: (scope) => {
+          return vue.h(
+            "span",
+            {
+              class: "fv-custom-checkbox " + (scope.disabled ? "is-disabled" : ""),
+              onClick(event) {
+                emit("list-events", "checkbox", scope);
+              }
+            },
+            [
+              vue.h(index$2.Checkbox, {
+                indeterminate: scope.indeterminate,
+                modelValue: scope.checked,
+                disabled: scope.disabled
+              }),
+              vue.h("span", {
+                class: "fv-custom-checkbox-mask"
+              })
+            ]
+          );
+        }
+      }
+    );
+  }
+}
 exports.columnRender = columnRender;
 exports.setHeader = setHeader;
 exports.setProps = setProps;

package/dist/components/tablesv/src/column.d.ts

@@ -1,6 +1,8 @@
 import { VNode, RendererNode, RendererElement } from 'vue';
 export declare function setProps(obj: ListObj, props: ObjAny): ObjAny;
-export declare function setHeader(obj: ListObj, scope: ObjAny, slots: ObjAny, emit: Function, props: ObjAny, index: number): any;
+export declare function setHeader(obj: ListObj, scope: ObjAny, slots: ObjAny, emit: Function, props: ObjAny, index: number): string | VNode<RendererNode, RendererElement, {
+    [key: string]: any;
+}>;
 export declare function columnRender(obj: ListObj, emit: Function, props: ObjAny, slots: ObjAny, index: number): VNode<RendererNode, RendererElement, {
     [key: string]: any;
 }>;

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

@@ -1,7 +1,7 @@
 import { h } from "vue";
 import { useSetSlot, useSetCompon, useGetDomValue, useGetDomLabel } from "../../common/use.js";
 import { getAttrValue } from "../../../utils/vues/getAttrValue.js";
-import { useGetCompons } from "../../common/compons.js";
+import { useComponsGet } from "../../../hooks/compons/index.js";
 import { provides } from "../../tables/common/config.js";
 import { setMinWidth } from "../../tables/common/util.js";
 import "../../../utils/index.js";
@@ -9,106 +9,6 @@ import { VxeColumn } from "vxe-table/es/column";
 import { Radio } from "../../radio/index.js";
 import { Checkbox } from "../../checkbox/index.js";
 import { lineToSmallHump } from "@fangzhongya/utils/name/lineToSmallHump";
-function setBox(props, obj, emit, propss, slots, index) {
-  if (props.type == "radio") {
-    return h(
-      VxeColumn,
-      {
-        ...props,
-        className: obj.class,
-        minWidth: setMinWidth(obj, propss)
-      },
-      {
-        radio: (scope) => {
-          return h(
-            "span",
-            {
-              class: "fv-custom-radio " + props.align + " " + (scope.disabled ? "is-disabled" : ""),
-              onClick(event) {
-                emit("list-events", "radio", scope);
-              }
-            },
-            [
-              h(
-                Radio,
-                {
-                  modelValue: scope.checked,
-                  value: true,
-                  label: true,
-                  disabled: scope.disabled
-                },
-                {
-                  default() {
-                    return "";
-                  }
-                }
-              ),
-              h("span", {
-                class: "fv-custom-radio-mask"
-              })
-            ]
-          );
-        }
-      }
-    );
-  } else {
-    return h(
-      VxeColumn,
-      {
-        ...props,
-        className: obj.class,
-        minWidth: setMinWidth(obj, propss)
-      },
-      {
-        header: (scope) => {
-          return h(
-            "span",
-            {
-              class: "fv-custom-checkbox",
-              onClick(event) {
-                emit("list-events", "checkbox-all", scope);
-              }
-            },
-            [
-              h(
-                Checkbox,
-                {
-                  indeterminate: scope.indeterminate,
-                  modelValue: scope.checked
-                },
-                obj.label
-              ),
-              h("span", {
-                class: "fv-custom-checkbox-mask"
-              })
-            ]
-          );
-        },
-        checkbox: (scope) => {
-          return h(
-            "span",
-            {
-              class: "fv-custom-checkbox " + (scope.disabled ? "is-disabled" : ""),
-              onClick(event) {
-                emit("list-events", "checkbox", scope);
-              }
-            },
-            [
-              h(Checkbox, {
-                indeterminate: scope.indeterminate,
-                modelValue: scope.checked,
-                disabled: scope.disabled
-              }),
-              h("span", {
-                class: "fv-custom-checkbox-mask"
-              })
-            ]
-          );
-        }
-      }
-    );
-  }
-}
 const noProps = ["children", "class", "minWidth"];
 function setProps(obj, props) {
   const table = props.table;
@@ -124,13 +24,14 @@ function setProps(obj, props) {
     const ckey = lineToSmallHump(key);
     if (!noProps.includes(ckey)) {
       if (obj[key] !== "") {
-        robj[key] = obj[key];
         if (key == "label") {
           robj["title"] = obj[key];
         } else if (ckey == "showOverflowTooltip") {
           if (obj[key]) {
             robj["show-overflow"] = "tooltip";
           }
+        } else if (key == "sortable") {
+          robj[key] = obj[key] ? true : void 0;
         } else if (key == "prop") {
           robj["field"] = obj[key];
         } else if (key == "fixed") {
@@ -160,6 +61,8 @@ function setProps(obj, props) {
           } else if (obj[key] == "index") {
             robj[key] = "seq";
           }
+        } else {
+          robj[key] = obj[key];
         }
       }
     }
@@ -167,7 +70,7 @@ function setProps(obj, props) {
   return robj;
 }
 function setSslot(obj, scope, emit, slots, props, index) {
-  const slot = useSetSlot(obj, scope.row, slots, index);
+  const slot = useSetSlot(obj, scope.row, slots, index, scope);
   if (slot) {
     return slot;
   }
@@ -179,9 +82,10 @@ function setSslot(obj, scope, emit, slots, props, index) {
         obj,
         scope.row,
         optionss,
-        useGetCompons(provides.compons),
+        useComponsGet(provides.compons),
         emit,
-        index
+        index,
+        scope
       );
       if (column) {
         return column;
@@ -230,7 +134,7 @@ function setHeader(obj, scope, slots, emit, props, index) {
     scope.row,
     slots,
     optionss,
-    useGetCompons(provides.compons),
+    useComponsGet(provides.compons),
     emit,
     index
   );
@@ -264,6 +168,106 @@ function getDom(obj, emit, propss, slots, index) {
 function columnRender(obj, emit, props, slots, index) {
   return getDom(obj, emit, props, slots, index);
 }
+function setBox(props, obj, emit, propss, slots, index) {
+  if (props.type == "radio") {
+    return h(
+      VxeColumn,
+      {
+        ...props,
+        className: obj.class,
+        minWidth: setMinWidth(obj, propss)
+      },
+      {
+        radio: (scope) => {
+          return h(
+            "span",
+            {
+              class: "fv-custom-radio " + props.align + " " + (scope.disabled ? "is-disabled" : ""),
+              onClick(event) {
+                emit("list-events", "radio", scope);
+              }
+            },
+            [
+              h(
+                Radio,
+                {
+                  modelValue: scope.checked,
+                  value: true,
+                  label: true,
+                  disabled: scope.disabled
+                },
+                {
+                  default() {
+                    return "";
+                  }
+                }
+              ),
+              h("span", {
+                class: "fv-custom-radio-mask"
+              })
+            ]
+          );
+        }
+      }
+    );
+  } else {
+    return h(
+      VxeColumn,
+      {
+        ...props,
+        className: obj.class,
+        minWidth: setMinWidth(obj, propss)
+      },
+      {
+        header: (scope) => {
+          return h(
+            "span",
+            {
+              class: "fv-custom-checkbox",
+              onClick(event) {
+                emit("list-events", "checkbox-all", scope);
+              }
+            },
+            [
+              h(
+                Checkbox,
+                {
+                  indeterminate: scope.indeterminate,
+                  modelValue: scope.checked
+                },
+                obj.label
+              ),
+              h("span", {
+                class: "fv-custom-checkbox-mask"
+              })
+            ]
+          );
+        },
+        checkbox: (scope) => {
+          return h(
+            "span",
+            {
+              class: "fv-custom-checkbox " + (scope.disabled ? "is-disabled" : ""),
+              onClick(event) {
+                emit("list-events", "checkbox", scope);
+              }
+            },
+            [
+              h(Checkbox, {
+                indeterminate: scope.indeterminate,
+                modelValue: scope.checked,
+                disabled: scope.disabled
+              }),
+              h("span", {
+                class: "fv-custom-checkbox-mask"
+              })
+            ]
+          );
+        }
+      }
+    );
+  }
+}
 export {
   columnRender,
   setHeader,

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

@@ -11,12 +11,29 @@ const dataProps = {
       return {};
     }
   },
+  /**
+   * @props { String, Number } height='auto' 高度
+   */
   height: {
     type: [String, Number],
     default() {
       return "auto";
     }
   },
+  /**
+   * @props { String, Number } maxHeight
+   * 最大高度 设置了最大高度 height 值将无效化
+   */
+  maxHeight: {
+    type: String
+  },
+  /**
+   * @props { String, Number } minHeight
+   * 最小高度
+   */
+  minHeight: {
+    type: String
+  },
   /**
    * 加载中
    */
@@ -56,6 +73,9 @@ const dataProps = {
       return [];
     }
   },
+  rowKey: {
+    type: String
+  },
   /**
    * 行高度
    */
@@ -77,6 +97,12 @@ const dataProps = {
       return {};
     }
   },
+  /**
+   * @props { Boolean } isCompons 是否使用默认的配置
+   */
+  isCompons: {
+    type: Boolean
+  },
   /**
    * @props { Object } compons 外部组件集合
    */
@@ -85,6 +111,22 @@ const dataProps = {
     default() {
       return {};
     }
+  },
+  /**
+   * @props { String } interval='6px'
+   * 查询模式的上下间距
+   */
+  interval: {
+    type: String,
+    default: "8px"
+  },
+  /**
+   * @props { String } intervalHorizon
+   * 查询模式的左右间距
+   */
+  intervalHorizon: {
+    type: String,
+    default: "12px"
   }
 };
 const dataEmits = [
@@ -93,6 +135,8 @@ const dataEmits = [
   "scope-click",
   "selection-list",
   "list-events",
+  "row-click",
+  "cell-click",
   "selection-change"
 ];
 const dataExpose = {};