@fangzhongya/fang-ui 0.1.27 → 0.1.29

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

@@ -1,10 +1,10 @@
 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 { getAttrValue } from "../../../utils/vues/getAttrValue.js";
-import { useGetCompons } from "../../common/compons.js";
+import { useComponsGet } from "../../../hooks/compons/index.js";
 import { provides } from "../common/config.js";
+import { setMinWidth } from "../common/util.js";
+import { TableColumn } from "../../table-column/index.js";
 const noProps = ["children", "class", "minWidth", "label"];
 function setProps(obj, props) {
   const table = props.table;
@@ -15,11 +15,12 @@ function setProps(obj, props) {
   Object.keys(obj).forEach((key) => {
     if (!noProps.includes(key)) {
       if (obj[key] !== "") {
-        robj[key] = obj[key];
         if (key == "sortable") {
           if (obj[key]) {
             robj[key] = "custom";
           }
+        } else {
+          robj[key] = obj[key];
         }
       }
     }
@@ -39,7 +40,7 @@ function setSslot(obj, scope, emit, slots, props, index) {
         obj,
         scope.row,
         optionss,
-        useGetCompons(provides.compons),
+        useComponsGet(provides.compons),
         emit,
         index,
         scope
@@ -91,11 +92,16 @@ function setHeader(obj, scope, slots, emit, props, index) {
     scope.row,
     slots,
     optionss,
-    useGetCompons(provides.compons),
+    useComponsGet(provides.compons),
     emit,
     index
   );
 }
+function getDom(obj, emit, propss, slots, index) {
+  return getTableColumn(obj, emit, propss, slots, index, (scope) => {
+    return setSslot(obj, scope, emit, slots, propss, index);
+  });
+}
 function getTableColumn(obj, emit, props, slots, index, def) {
   if (obj.type == "selection") {
     def = void 0;
@@ -115,15 +121,11 @@ function getTableColumn(obj, emit, props, slots, index, def) {
     }
   );
 }
-function getDom(obj, emit, props, slots, index) {
-  return getTableColumn(obj, emit, props, slots, index, (scope) => {
-    return setSslot(obj, scope, emit, slots, props, index);
-  });
-}
 function columnRender(obj, emit, props, slots, index) {
   return getDom(obj, emit, props, slots, index);
 }
 export {
   columnRender,
-  getTableColumn
+  getTableColumn,
+  setHeader
 };

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

@@ -73,12 +73,21 @@ const dataProps = {
       return [];
     }
   },
+  rowKey: {
+    type: String
+  },
   /**
    * 行高度
    */
   lineHeight: {
     type: [String, Number]
   },
+  size: {
+    type: String,
+    default() {
+      return "default";
+    }
+  },
   /**
    * @props { Object } options 选择数据集合
    */
@@ -88,6 +97,12 @@ const dataProps = {
       return {};
     }
   },
+  /**
+   * @props { Boolean } isCompons 是否使用默认的配置
+   */
+  isCompons: {
+    type: Boolean
+  },
   /**
    * @props { Object } compons 外部组件集合
    */

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

@@ -106,12 +106,19 @@ export declare const dataProps: {
         };
         default(): never[];
     };
+    rowKey: {
+        type: StringConstructor;
+    };
     /**
      * 行高度
      */
     lineHeight: {
         type: (StringConstructor | NumberConstructor)[];
     };
+    size: {
+        type: StringConstructor;
+        default(): string;
+    };
     /**
      * @props { Object } options 选择数据集合
      */
@@ -119,6 +126,12 @@ export declare const dataProps: {
         type: ObjectConstructor;
         default(): {};
     };
+    /**
+     * @props { Boolean } isCompons 是否使用默认的配置
+     */
+    isCompons: {
+        type: BooleanConstructor;
+    };
     /**
      * @props { Object } compons 外部组件集合
      */

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

@@ -71,12 +71,21 @@ const dataProps = {
       return [];
     }
   },
+  rowKey: {
+    type: String
+  },
   /**
    * 行高度
    */
   lineHeight: {
     type: [String, Number]
   },
+  size: {
+    type: String,
+    default() {
+      return "default";
+    }
+  },
   /**
    * @props { Object } options 选择数据集合
    */
@@ -86,6 +95,12 @@ const dataProps = {
       return {};
     }
   },
+  /**
+   * @props { Boolean } isCompons 是否使用默认的配置
+   */
+  isCompons: {
+    type: Boolean
+  },
   /**
    * @props { Object } compons 外部组件集合
    */

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

@@ -3,17 +3,17 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const data = require("./data.cjs");
 const config = require("../common/config.cjs");
-const index$3 = require("../../table/index.cjs");
+const index$4 = require("../../table/index.cjs");
 require("../../loading/index.cjs");
-const index$4 = require("../../no-data/index.cjs");
+const index$5 = 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$3 = require("../../../hooks/compons/index.cjs");
 const index$2 = require("../../../hooks/props-default/index.cjs");
 const columns_vue_vue_type_script_lang = require("./columns2.cjs");
-const index$5 = require("element-plus/es/components/loading/index");
+const index$6 = require("element-plus/es/components/loading/index");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: index$2.getProps(data.dataProps),
@@ -25,7 +25,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     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);
+    index$3.useCompons(config.provides.compons, props);
     const tableRef = vue.ref();
     const emit = __emit;
     const rowObj = vue.ref();
@@ -122,6 +122,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     function clearSelection() {
       tableRef.value.clearSelection();
     }
+    function setCurrentRow(row) {
+      tableRef.value.setCurrentRow(row);
+    }
+    function clearCurrentRow() {
+      tableRef.value.setCurrentRow();
+    }
     function getSelections() {
       var _a;
       return (_a = tableRef.value) == null ? void 0 : _a.getSelectionRows();
@@ -135,9 +141,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     });
     __expose({
       ...data.dataExpose,
-      clearSelection,
       clearSort,
+      setCurrentRow,
+      clearCurrentRow,
       getSelections,
+      clearSelection,
       toggleRowSelection
     });
     return (_ctx, _cache) => {
@@ -150,7 +158,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           minHeight: _ctx.minHeight
         })
       }), [
-        vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(index$3.Table), vue.mergeProps(vue.unref(attrs).assem, {
+        vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(index$4.Table), vue.mergeProps(vue.unref(attrs).assem, {
           align: "left",
           ref_key: "tableRef",
           ref: tableRef,
@@ -166,7 +174,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         }), {
           empty: vue.withCtx(() => [
             vue.renderSlot(_ctx.$slots, "no-data", {}, () => [
-              vue.createVNode(vue.unref(index$4.NoData))
+              vue.createVNode(vue.unref(index$5.NoData))
             ])
           ]),
           default: vue.withCtx(() => [
@@ -192,7 +200,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           ]),
           _: 3
         }, 16, ["class", "height", "max-height", "row-style", "data", "default-sort"])), [
-          [vue.unref(index$5.vLoading), vue.unref(props).loading]
+          [vue.unref(index$6.vLoading), vue.unref(props).loading]
         ])
       ], 16);
     };

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

@@ -8,7 +8,7 @@ import "./columns.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import { useInherit } from "../../../hooks/inherit/index.js";
 import { useObjComponSelected } from "../../common/use.js";
-import { useCompons } from "../../common/compons.js";
+import { useCompons } from "../../../hooks/compons/index.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";
@@ -23,7 +23,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const prs = __props;
     const props = usePropsDefault(name, prs, dataProps);
     viewProps(props, name);
-    useCompons(provides.compons, props.compons);
+    useCompons(provides.compons, props);
     const tableRef = ref();
     const emit = __emit;
     const rowObj = ref();
@@ -120,6 +120,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function clearSelection() {
       tableRef.value.clearSelection();
     }
+    function setCurrentRow(row) {
+      tableRef.value.setCurrentRow(row);
+    }
+    function clearCurrentRow() {
+      tableRef.value.setCurrentRow();
+    }
     function getSelections() {
       var _a;
       return (_a = tableRef.value) == null ? void 0 : _a.getSelectionRows();
@@ -133,9 +139,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     __expose({
       ...dataExpose,
-      clearSelection,
       clearSort,
+      setCurrentRow,
+      clearCurrentRow,
       getSelections,
+      clearSelection,
       toggleRowSelection
     });
     return (_ctx, _cache) => {

package/dist/components/tablesp/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);

package/dist/components/tablespd/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);

package/dist/components/tabless/index.css

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

package/dist/components/tablesv/index.css

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

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;