@fangzhongya/fang-ui 0.0.37 → 0.0.39

package/dist/components/tables/index.d.ts

@@ -80,10 +80,10 @@ declare const Tables: SFCWithInstall<{
         toggleRowSelection: (...arr: any[]) => void;
     }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
         value: ObjAny[];
-        list: ListObj[];
         loading: boolean;
         options: Record<string, any>;
         height: string | number;
+        list: ListObj[];
         compons: {
             [key: string]: Component;
         };
@@ -1631,10 +1631,10 @@ declare const Tables: SFCWithInstall<{
         toggleRowSelection: (...arr: any[]) => void;
     }, {}, {}, {}, {
         value: ObjAny[];
-        list: ListObj[];
         loading: boolean;
         options: Record<string, any>;
         height: string | number;
+        list: ListObj[];
         compons: {
             [key: string]: Component;
         };
@@ -1714,10 +1714,10 @@ declare const Tables: SFCWithInstall<{
     toggleRowSelection: (...arr: any[]) => void;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
     value: ObjAny[];
-    list: ListObj[];
     loading: boolean;
     options: Record<string, any>;
     height: string | number;
+    list: ListObj[];
     compons: {
         [key: string]: Component;
     };

package/dist/components/tables/index.js

@@ -1,6 +1,7 @@
 /* empty css                 */
 import { withInstall } from "../../utils/vues/withInstall.js";
-import _sfc_main from "./src/index.js";
+import "./src/index.js";
+import _sfc_main from "./src/index2.js";
 const Tables = withInstall(_sfc_main, "Tables");
 export {
   Tables,

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

@@ -50,7 +50,7 @@ function setSslot(obj, scope, emit, slots, props, index2) {
       }
     }
   }
-  return defaultDom(obj, scope, props);
+  return defaultDom(obj, scope, props, index2);
 }
 function defaultDom(obj, scope, props, index2) {
   const table = props.table;

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

@@ -1,7 +1,7 @@
 import { inject, h } from "vue";
 import { setMinWidth } from "../common/util.js";
 import { ElTableColumn } from "element-plus/es/components/table/index";
-import { useGetDomLabel, useSetSlot, useSetCompon, useGetDomValue } from "../../common/use.js";
+import { useSetSlot, useSetCompon, useGetDomValue, useGetDomLabel } from "../../common/use.js";
 import { useAttrValue } from "../../../hooks/inherit/index.js";
 import { getCompons } from "../../common/compons.js";
 const noProps = ["children", "class", "minWidth", "label"];
@@ -48,7 +48,7 @@ function setSslot(obj, scope, emit, slots, props, index) {
       }
     }
   }
-  return defaultDom(obj, scope, props);
+  return defaultDom(obj, scope, props, index);
 }
 function defaultDom(obj, scope, props, index) {
   const table = props.table;

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

@@ -1,39 +1,4 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const columns = require("./columns3.cjs");
-const tableBut_vue_vue_type_script_setup_true_lang = require("../common/table-but.cjs");
-const tableColor_vue_vue_type_script_setup_true_lang = require("../common/table-color.cjs");
-const tableList_vue_vue_type_script_setup_true_lang = require("../common/table-list.cjs");
-const _sfc_main = vue.defineComponent({
-  emits: ["list-events"],
-  components: { But: tableBut_vue_vue_type_script_setup_true_lang.default, Color: tableColor_vue_vue_type_script_setup_true_lang.default, List: tableList_vue_vue_type_script_setup_true_lang.default },
-  expose: [],
-  props: {
-    list: Array,
-    //展示数据列表
-    /**
-     * @props { Array } value table列表数据
-     */
-    value: {
-      type: Array,
-      default() {
-        return [];
-      }
-    },
-    options: {
-      type: Object
-    },
-    /**
-     * table的配置
-     */
-    table: {
-      type: [Object]
-    },
-    isComponSelected: Function
-  },
-  setup(props, { emit, slots }) {
-    return () => columns.render(props, emit, slots);
-  }
-});
-exports.default = _sfc_main;
+const columns_vue_vue_type_script_lang = require("./columns2.cjs");
+exports.default = columns_vue_vue_type_script_lang.default;

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

@@ -1,39 +1,4 @@
-import { defineComponent } from "vue";
-import { render } from "./columns3.js";
-import _sfc_main$3 from "../common/table-but.js";
-import _sfc_main$2 from "../common/table-color.js";
-import _sfc_main$1 from "../common/table-list.js";
-const _sfc_main = defineComponent({
-  emits: ["list-events"],
-  components: { But: _sfc_main$3, Color: _sfc_main$2, List: _sfc_main$1 },
-  expose: [],
-  props: {
-    list: Array,
-    //展示数据列表
-    /**
-     * @props { Array } value table列表数据
-     */
-    value: {
-      type: Array,
-      default() {
-        return [];
-      }
-    },
-    options: {
-      type: Object
-    },
-    /**
-     * table的配置
-     */
-    table: {
-      type: [Object]
-    },
-    isComponSelected: Function
-  },
-  setup(props, { emit, slots }) {
-    return () => render(props, emit, slots);
-  }
-});
+import _sfc_main from "./columns2.js";
 export {
   _sfc_main as default
 };

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

@@ -1,4 +1,42 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const columns_vue_vue_type_script_lang = require("./columns.cjs");
-exports.default = columns_vue_vue_type_script_lang.default;
+const vue = require("vue");
+const columns = require("./columns3.cjs");
+require("../common/table-but.cjs");
+require("../common/table-color.cjs");
+require("../common/table-list.cjs");
+const tableList_vue_vue_type_script_setup_true_lang = require("../common/table-list2.cjs");
+const tableColor_vue_vue_type_script_setup_true_lang = require("../common/table-color2.cjs");
+const tableBut_vue_vue_type_script_setup_true_lang = require("../common/table-but2.cjs");
+const _sfc_main = vue.defineComponent({
+  emits: ["list-events"],
+  components: { But: tableBut_vue_vue_type_script_setup_true_lang.default, Color: tableColor_vue_vue_type_script_setup_true_lang.default, List: tableList_vue_vue_type_script_setup_true_lang.default },
+  expose: [],
+  props: {
+    list: Array,
+    //展示数据列表
+    /**
+     * @props { Array } value table列表数据
+     */
+    value: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    options: {
+      type: Object
+    },
+    /**
+     * table的配置
+     */
+    table: {
+      type: [Object]
+    },
+    isComponSelected: Function
+  },
+  setup(props, { emit, slots }) {
+    return () => columns.render(props, emit, slots);
+  }
+});
+exports.default = _sfc_main;

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

@@ -1,4 +1,42 @@
-import _sfc_main from "./columns.js";
+import { defineComponent } from "vue";
+import { render } from "./columns3.js";
+import "../common/table-but.js";
+import "../common/table-color.js";
+import "../common/table-list.js";
+import _sfc_main$1 from "../common/table-list2.js";
+import _sfc_main$2 from "../common/table-color2.js";
+import _sfc_main$3 from "../common/table-but2.js";
+const _sfc_main = defineComponent({
+  emits: ["list-events"],
+  components: { But: _sfc_main$3, Color: _sfc_main$2, List: _sfc_main$1 },
+  expose: [],
+  props: {
+    list: Array,
+    //展示数据列表
+    /**
+     * @props { Array } value table列表数据
+     */
+    value: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    options: {
+      type: Object
+    },
+    /**
+     * table的配置
+     */
+    table: {
+      type: [Object]
+    },
+    isComponSelected: Function
+  },
+  setup(props, { emit, slots }) {
+    return () => render(props, emit, slots);
+  }
+});
 export {
   _sfc_main as default
 };

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

@@ -1,175 +1,4 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const data = require("./data.cjs");
-const index$2 = require("element-plus/es/components/table/index");
-const index$3 = require("element-plus/es/components/loading/index");
-const columns_vue_vue_type_script_lang = 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 _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "index",
-  props: data.dataProps,
-  emits: data.dataEmits,
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const cs = index.useCssName("tables");
-    const slots = vue.useSlots();
-    const attrs = index$1.useInherit(vue.useAttrs());
-    const props = __props;
-    vue.provide("tables-compons", compons.getCompons(props.compons));
-    const tableRef = vue.ref();
-    const emit = __emit;
-    const rowObj = vue.ref();
-    const isfocus = vue.ref(false);
-    function onClick() {
-      isfocus.value = true;
-    }
-    function isComponSelected(obj, scope) {
-      if (use.uesObjComponSelected(obj, props)) {
-        if (rowObj.value === scope.row) {
-          if (isfocus.value) {
-            return true;
-          } else {
-            return false;
-          }
-        } else {
-          return false;
-        }
-      } else {
-        return true;
-      }
-    }
-    let isSort = false;
-    const tableDefaultSort = vue.computed(() => {
-      return {
-        prop: props.defaultSort?.prop,
-        order: props.defaultSort?.order
-      };
-    });
-    const rowStyle = vue.computed(() => {
-      const height = props.lineHeight;
-      const rowStyle2 = attrs.assem.rowStyle;
-      if (height) {
-        if (rowStyle2) {
-          if (typeof rowStyle2 == "object") {
-            rowStyle2["height"] = height + "px";
-            return rowStyle2;
-          } else {
-            return rowStyle2;
-          }
-        } else {
-          return {
-            height: height + "px"
-          };
-        }
-      } else {
-        return {
-          height: "",
-          ...rowStyle2
-        };
-      }
-    });
-    vue.watch(tableDefaultSort, (newValue, oldValue) => {
-      let prop = tableDefaultSort.value.prop;
-      let order = tableDefaultSort.value.order;
-      if (tableRef.value) {
-        if (prop) {
-          isSort = true;
-          tableRef.value.sort(prop, order);
-        } else {
-          tableRef.value.clearSort();
-        }
-      }
-    });
-    function sortChange(obj) {
-      if (isSort) {
-        isSort = false;
-        return false;
-      }
-      emit("sort-change", obj);
-    }
-    function onListEvents(...arr) {
-      emit("list-events", ...arr);
-    }
-    function onRowClick(row, column, ...arr) {
-      isfocus.value = true;
-      rowObj.value = row;
-      emit("row-click", row, column, ...arr);
-    }
-    function toggleRowSelection(...arr) {
-      tableRef.value.toggleRowSelection(...arr);
-    }
-    function clearSelection() {
-      tableRef.value.clearSelection();
-    }
-    vue.onMounted(() => {
-      if (window) {
-        window.addEventListener("click", () => {
-          isfocus.value = false;
-        });
-      }
-    });
-    __expose({
-      ...data.dataExpose,
-      clearSelection,
-      toggleRowSelection
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
-        class: vue.unref(cs).z()
-      }, vue.unref(attrs).root), [
-        vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(index$2.ElTable), vue.mergeProps(vue.unref(attrs).assem, {
-          align: "left",
-          ref_key: "tableRef",
-          ref: tableRef,
-          class: [vue.unref(cs).z("table"), vue.unref(cs).is("absolute", props.adaptive)],
-          height: props.height,
-          "scroll-selector": ".el-scrollbar .el-scrollbar__wrap",
-          "row-style": rowStyle.value,
-          data: props.value,
-          "default-sort": tableDefaultSort.value,
-          onRowClick,
-          onSortChange: sortChange,
-          onClick: vue.withModifiers(onClick, ["stop"])
-        }), {
-          empty: vue.withCtx(() => [
-            vue.renderSlot(_ctx.$slots, "no-data", {}, () => [
-              vue.createElementVNode("div", {
-                class: vue.normalizeClass(vue.unref(cs).z("no-data"))
-              }, _cache[0] || (_cache[0] = [
-                vue.createElementVNode("span", null, "暂无数据", -1)
-              ]), 2)
-            ])
-          ]),
-          default: vue.withCtx(() => [
-            vue.createVNode(columns_vue_vue_type_script_lang.default, {
-              table: vue.unref(attrs).assem,
-              value: props.value,
-              list: props.list,
-              options: props.options,
-              isComponSelected,
-              onListEvents
-            }, vue.createSlots({ _: 2 }, [
-              vue.renderList(Object.keys(vue.unref(slots)).filter(
-                (v) => !["empty", "no-data"].includes(v)
-              ), (k, i) => {
-                return {
-                  name: k,
-                  fn: vue.withCtx((scope) => [
-                    vue.renderSlot(_ctx.$slots, k, vue.normalizeProps(vue.guardReactiveProps(scope)))
-                  ])
-                };
-              })
-            ]), 1032, ["table", "value", "list", "options"])
-          ]),
-          _: 3
-        }, 16, ["class", "height", "row-style", "data", "default-sort"])), [
-          [vue.unref(index$3.vLoading), props.loading]
-        ])
-      ], 16);
-    };
-  }
-});
-exports.default = _sfc_main;
+const index_vue_vue_type_script_setup_true_lang = require("./index2.cjs");
+exports.default = index_vue_vue_type_script_setup_true_lang.default;

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

@@ -1619,10 +1619,10 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
     };
 }>> & Readonly<{}>, {
     value: ObjAny[];
-    list: ListObj[];
     loading: boolean;
     options: Record<string, any>;
     height: string | number;
+    list: ListObj[];
     compons: {
         [key: string]: Component;
     };

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

@@ -1,175 +1,4 @@
-import { defineComponent, useSlots, useAttrs, provide, ref, computed, watch, onMounted, createElementBlock, openBlock, mergeProps, unref, withDirectives, createBlock, withModifiers, withCtx, createVNode, createSlots, renderList, renderSlot, normalizeProps, guardReactiveProps, createElementVNode, normalizeClass } from "vue";
-import { dataEmits, dataProps, dataExpose } from "./data.js";
-import { ElTable } from "element-plus/es/components/table/index";
-import { vLoading } from "element-plus/es/components/loading/index";
-import _sfc_main$1 from "./columns.js";
-import { useCssName } from "../../../hooks/cssname/index.js";
-import { useInherit } from "../../../hooks/inherit/index.js";
-import { uesObjComponSelected } from "../../common/use.js";
-import { getCompons } from "../../common/compons.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  props: dataProps,
-  emits: dataEmits,
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const cs = useCssName("tables");
-    const slots = useSlots();
-    const attrs = useInherit(useAttrs());
-    const props = __props;
-    provide("tables-compons", getCompons(props.compons));
-    const tableRef = ref();
-    const emit = __emit;
-    const rowObj = ref();
-    const isfocus = ref(false);
-    function onClick() {
-      isfocus.value = true;
-    }
-    function isComponSelected(obj, scope) {
-      if (uesObjComponSelected(obj, props)) {
-        if (rowObj.value === scope.row) {
-          if (isfocus.value) {
-            return true;
-          } else {
-            return false;
-          }
-        } else {
-          return false;
-        }
-      } else {
-        return true;
-      }
-    }
-    let isSort = false;
-    const tableDefaultSort = computed(() => {
-      return {
-        prop: props.defaultSort?.prop,
-        order: props.defaultSort?.order
-      };
-    });
-    const rowStyle = computed(() => {
-      const height = props.lineHeight;
-      const rowStyle2 = attrs.assem.rowStyle;
-      if (height) {
-        if (rowStyle2) {
-          if (typeof rowStyle2 == "object") {
-            rowStyle2["height"] = height + "px";
-            return rowStyle2;
-          } else {
-            return rowStyle2;
-          }
-        } else {
-          return {
-            height: height + "px"
-          };
-        }
-      } else {
-        return {
-          height: "",
-          ...rowStyle2
-        };
-      }
-    });
-    watch(tableDefaultSort, (newValue, oldValue) => {
-      let prop = tableDefaultSort.value.prop;
-      let order = tableDefaultSort.value.order;
-      if (tableRef.value) {
-        if (prop) {
-          isSort = true;
-          tableRef.value.sort(prop, order);
-        } else {
-          tableRef.value.clearSort();
-        }
-      }
-    });
-    function sortChange(obj) {
-      if (isSort) {
-        isSort = false;
-        return false;
-      }
-      emit("sort-change", obj);
-    }
-    function onListEvents(...arr) {
-      emit("list-events", ...arr);
-    }
-    function onRowClick(row, column, ...arr) {
-      isfocus.value = true;
-      rowObj.value = row;
-      emit("row-click", row, column, ...arr);
-    }
-    function toggleRowSelection(...arr) {
-      tableRef.value.toggleRowSelection(...arr);
-    }
-    function clearSelection() {
-      tableRef.value.clearSelection();
-    }
-    onMounted(() => {
-      if (window) {
-        window.addEventListener("click", () => {
-          isfocus.value = false;
-        });
-      }
-    });
-    __expose({
-      ...dataExpose,
-      clearSelection,
-      toggleRowSelection
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", mergeProps({
-        class: unref(cs).z()
-      }, unref(attrs).root), [
-        withDirectives((openBlock(), createBlock(unref(ElTable), mergeProps(unref(attrs).assem, {
-          align: "left",
-          ref_key: "tableRef",
-          ref: tableRef,
-          class: [unref(cs).z("table"), unref(cs).is("absolute", props.adaptive)],
-          height: props.height,
-          "scroll-selector": ".el-scrollbar .el-scrollbar__wrap",
-          "row-style": rowStyle.value,
-          data: props.value,
-          "default-sort": tableDefaultSort.value,
-          onRowClick,
-          onSortChange: sortChange,
-          onClick: withModifiers(onClick, ["stop"])
-        }), {
-          empty: withCtx(() => [
-            renderSlot(_ctx.$slots, "no-data", {}, () => [
-              createElementVNode("div", {
-                class: normalizeClass(unref(cs).z("no-data"))
-              }, _cache[0] || (_cache[0] = [
-                createElementVNode("span", null, "暂无数据", -1)
-              ]), 2)
-            ])
-          ]),
-          default: withCtx(() => [
-            createVNode(_sfc_main$1, {
-              table: unref(attrs).assem,
-              value: props.value,
-              list: props.list,
-              options: props.options,
-              isComponSelected,
-              onListEvents
-            }, createSlots({ _: 2 }, [
-              renderList(Object.keys(unref(slots)).filter(
-                (v) => !["empty", "no-data"].includes(v)
-              ), (k, i) => {
-                return {
-                  name: k,
-                  fn: withCtx((scope) => [
-                    renderSlot(_ctx.$slots, k, normalizeProps(guardReactiveProps(scope)))
-                  ])
-                };
-              })
-            ]), 1032, ["table", "value", "list", "options"])
-          ]),
-          _: 3
-        }, 16, ["class", "height", "row-style", "data", "default-sort"])), [
-          [unref(vLoading), props.loading]
-        ])
-      ], 16);
-    };
-  }
-});
+import _sfc_main from "./index2.js";
 export {
   _sfc_main as default
 };