@fangzhongya/fang-ui 0.1.18 → 0.1.20

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

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
 const util = require("../common/util.cjs");
-const index$1 = require("../../table-column/index.cjs");
+const index = require("../../table-column/index.cjs");
 const use = require("../../common/use.cjs");
-const index = require("../../../hooks/inherit/index.cjs");
+const getAttrValue = require("../../../utils/vues/getAttrValue.cjs");
 const compons = require("../../common/compons.cjs");
 const config = require("../common/config.cjs");
 const noProps = ["children", "class", "minWidth", "label"];
@@ -12,9 +12,9 @@ function setProps(obj, props) {
   const table = props.table;
   const robj = {};
   const issort = table["sort"];
-  robj["showOverflowTooltip"] = table["showOverflowTooltip"];
+  robj["showOverflowTooltip"] = Boolean(getAttrValue.getAttrValue(obj, "showOverflow")) || getAttrValue.getAttrValue(table, "showOverflowTooltip") || Boolean(getAttrValue.getAttrValue(table, "showOverflow"));
   robj["header-align"] = table["align"];
-  robj["align"] = index.useAttrValue(obj, "headerAlign") || table["align"];
+  robj["align"] = getAttrValue.getAttrValue(obj, "headerAlign") || table["align"];
   Object.keys(obj).forEach((key) => {
     if (!noProps.includes(key)) {
       if (obj[key] !== "") {
@@ -99,28 +99,32 @@ function setHeader(obj, scope, slots, emit, props, index2) {
     index2
   );
 }
-function getDom(obj, emit, propss, slots, index2) {
-  const props = setProps(obj, propss);
+function getTableColumn(obj, emit, props, slots, index$1, def) {
+  if (obj.type == "selection") {
+    def = void 0;
+  }
   return vue.h(
-    index$1.TableColumn,
+    index.TableColumn,
     {
-      ...props,
+      ...setProps(obj, props),
       className: obj.class,
-      minWidth: util.setMinWidth(obj, propss)
+      minWidth: util.setMinWidth(obj, props)
     },
     {
-      default: (scope) => {
-        return setSslot(obj, scope, emit, slots, propss, index2);
-      },
+      default: def,
       header: (scope) => {
-        return setHeader(obj, scope, slots, emit, propss, index2);
+        return setHeader(obj, scope, slots, emit, props, index$1);
       }
     }
   );
 }
+function getDom(obj, emit, props, slots, index2) {
+  return getTableColumn(obj, emit, props, slots, index2, (scope) => {
+    return setSslot(obj, scope, emit, slots, props, index2);
+  });
+}
 function columnRender(obj, emit, props, slots, index2) {
   return getDom(obj, emit, props, slots, index2);
 }
 exports.columnRender = columnRender;
-exports.setHeader = setHeader;
-exports.setProps = setProps;
+exports.getTableColumn = getTableColumn;

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

@@ -1,6 +1,7 @@
 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 getTableColumn(obj: ListObj, emit: Function, props: ObjAny, slots: ObjAny, index: number, def?: Function): 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/tables/src/column.js

@@ -2,7 +2,7 @@ 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 { useAttrValue } from "../../../hooks/inherit/index.js";
+import { getAttrValue } from "../../../utils/vues/getAttrValue.js";
 import { useGetCompons } from "../../common/compons.js";
 import { provides } from "../common/config.js";
 const noProps = ["children", "class", "minWidth", "label"];
@@ -10,9 +10,9 @@ function setProps(obj, props) {
   const table = props.table;
   const robj = {};
   const issort = table["sort"];
-  robj["showOverflowTooltip"] = table["showOverflowTooltip"];
+  robj["showOverflowTooltip"] = Boolean(getAttrValue(obj, "showOverflow")) || getAttrValue(table, "showOverflowTooltip") || Boolean(getAttrValue(table, "showOverflow"));
   robj["header-align"] = table["align"];
-  robj["align"] = useAttrValue(obj, "headerAlign") || table["align"];
+  robj["align"] = getAttrValue(obj, "headerAlign") || table["align"];
   Object.keys(obj).forEach((key) => {
     if (!noProps.includes(key)) {
       if (obj[key] !== "") {
@@ -97,30 +97,34 @@ function setHeader(obj, scope, slots, emit, props, index) {
     index
   );
 }
-function getDom(obj, emit, propss, slots, index) {
-  const props = setProps(obj, propss);
+function getTableColumn(obj, emit, props, slots, index, def) {
+  if (obj.type == "selection") {
+    def = void 0;
+  }
   return h(
     TableColumn,
     {
-      ...props,
+      ...setProps(obj, props),
       className: obj.class,
-      minWidth: setMinWidth(obj, propss)
+      minWidth: setMinWidth(obj, props)
     },
     {
-      default: (scope) => {
-        return setSslot(obj, scope, emit, slots, propss, index);
-      },
+      default: def,
       header: (scope) => {
-        return setHeader(obj, scope, slots, emit, propss, index);
+        return setHeader(obj, scope, slots, emit, props, index);
       }
     }
   );
 }
+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,
-  setHeader,
-  setProps
+  getTableColumn
 };

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

@@ -1,13 +1,10 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vue = require("vue");
-const util = require("../common/util.cjs");
 const use = require("../../common/use.cjs");
-const index = require("../../table-column/index.cjs");
 const column = require("./column.cjs");
 function getLists(arrs, emit, props, slots, listobj) {
   let arr = [];
-  arrs == null ? void 0 : arrs.forEach((obj, index$1) => {
+  arrs == null ? void 0 : arrs.forEach((obj, index) => {
     if (listobj) {
       obj.father = obj.father ?? listobj;
     }
@@ -25,39 +22,26 @@ function getLists(arrs, emit, props, slots, listobj) {
           );
         } else {
           arr.push(
-            vue.h(
-              index.TableColumn,
-              {
-                ...column.setProps(obj, props),
-                className: obj.class,
-                minWidth: util.setMinWidth(obj, props)
-              },
-              {
-                default: (scope) => {
-                  return getLists(
-                    obj.children,
-                    emit,
-                    props,
-                    slots,
-                    obj
-                  );
-                },
-                header: (scope) => {
-                  return column.setHeader(
-                    obj,
-                    scope,
-                    slots,
-                    emit,
-                    props,
-                    index$1
-                  );
-                }
+            column.getTableColumn(
+              obj,
+              emit,
+              props,
+              slots,
+              index,
+              (scope) => {
+                return getLists(
+                  obj.children,
+                  emit,
+                  props,
+                  slots,
+                  obj
+                );
               }
             )
           );
         }
       } else {
-        const dom = column.columnRender(obj, emit, props, slots, index$1);
+        const dom = column.columnRender(obj, emit, props, slots, index);
         if (dom) {
           arr.push(dom);
         }

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

@@ -1,8 +1,5 @@
-import { h } from "vue";
-import { setMinWidth } from "../common/util.js";
 import { useHide } from "../../common/use.js";
-import { TableColumn } from "../../table-column/index.js";
-import { setProps, setHeader, columnRender } from "./column.js";
+import { getTableColumn, columnRender } from "./column.js";
 function getLists(arrs, emit, props, slots, listobj) {
   let arr = [];
   arrs == null ? void 0 : arrs.forEach((obj, index) => {
@@ -23,33 +20,20 @@ function getLists(arrs, emit, props, slots, listobj) {
           );
         } else {
           arr.push(
-            h(
-              TableColumn,
-              {
-                ...setProps(obj, props),
-                className: obj.class,
-                minWidth: setMinWidth(obj, props)
-              },
-              {
-                default: (scope) => {
-                  return getLists(
-                    obj.children,
-                    emit,
-                    props,
-                    slots,
-                    obj
-                  );
-                },
-                header: (scope) => {
-                  return setHeader(
-                    obj,
-                    scope,
-                    slots,
-                    emit,
-                    props,
-                    index
-                  );
-                }
+            getTableColumn(
+              obj,
+              emit,
+              props,
+              slots,
+              index,
+              (scope) => {
+                return getLists(
+                  obj.children,
+                  emit,
+                  props,
+                  slots,
+                  obj
+                );
               }
             )
           );

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

@@ -103,14 +103,15 @@ const dataProps = {
    */
   interval: {
     type: String,
-    default: "6px"
+    default: "8px"
   },
   /**
    * @props { String } intervalHorizon
    * 查询模式的左右间距
    */
   intervalHorizon: {
-    type: String
+    type: String,
+    default: "12px"
   }
 };
 const dataEmits = [

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

@@ -142,6 +142,7 @@ export declare const dataProps: {
      */
     intervalHorizon: {
         type: StringConstructor;
+        default: string;
     };
 };
 export type DataProps = ExtractPropTypes<typeof dataProps>;

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

@@ -101,14 +101,15 @@ const dataProps = {
    */
   interval: {
     type: String,
-    default: "6px"
+    default: "8px"
   },
   /**
    * @props { String } intervalHorizon
    * 查询模式的左右间距
    */
   intervalHorizon: {
-    type: String
+    type: String,
+    default: "12px"
   }
 };
 const dataEmits = [

package/dist/components/tablespd/index.cjs

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+;/* empty css                   */
+require("./src/index.cjs");
+const withInstall = require("../../utils/vues/withInstall.cjs");
+const index_vue_vue_type_script_setup_true_lang = require("./src/index2.cjs");
+const Tablespd = withInstall.withInstall(index_vue_vue_type_script_setup_true_lang.default, "Tablespd");
+exports.Tablespd = Tablespd;
+exports.default = Tablespd;

package/dist/components/tablespd/index.css

@@ -0,0 +1,88 @@
+:root {
+  --on: rgb(91, 189, 246);
+  --color-primary: #409eff;
+  --bag-primary: #409eff;
+  --bag-primary-text: #fff;
+  --border: #eee;
+  --layout-panel-gap: 10px;
+  --layout-panel-padding: 20px;
+  --layout-form-item-padding-right: var(
+  	--layout-panel-gap
+  );
+  --g-main-bg: var(--bg-color-page);
+}
+
+.tables {
+  width: 100%;
+  min-height: var(--tables-min-height, 70px);
+  position: relative;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}
+.tables-table.is-absolute {
+  position: absolute;
+  inset: 0;
+}
+.tables-table {
+  background-color: transparent;
+  --el-table-header-bg-color: rgb(248, 248, 249);
+}
+.tables-table.el-table--default .el-table__cell {
+  padding: var(--tables-interval) 0;
+}
+.tables-table.el-table--default .cell {
+  padding: 0 var(--tables-interval-horizon, var(--tables-interval));
+}
+
+.paging {
+  width: 100%;
+  padding: 10px;
+}
+.paging-pagination {
+  width: 100%;
+}
+.paging-slot {
+  padding-left: 10px;
+  font-size: 14px;
+  font-weight: 400;
+  color: #9b9b9b;
+  white-space: pre-wrap;
+}
+.paging-slot > span {
+  margin-right: 10px;
+  white-space: nowrap;
+}
+.paging .el-pagination__total {
+  font-size: 14px;
+  font-weight: 400;
+  color: #9b9b9b;
+}
+
+.tablespd {
+  width: 100%;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}
+.tablespd-main {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  width: 100%;
+}
+.tablespd-main.is-radio .el-table__header .el-table-column--selection .el-checkbox {
+  display: none;
+}
+.tablespd-main.is-scroll .v-scroll-add {
+  text-align: center;
+  padding: 10px;
+  color: #999;
+  background-color: #eee;
+}
+.tablespd-paginat {
+  overflow: hidden;
+}
+.tablespd-paginat .el-pagination {
+  justify-content: flex-end;
+}

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

@@ -0,0 +1,4 @@
+import { SFCWithInstall } from '../../utils/vues';
+import { DefineComponent } from 'vue';
+declare const Tablespd: SFCWithInstall<DefineComponent<{}, {}, any>>;
+export { Tablespd, Tablespd as default };

package/dist/components/tablespd/index.js

@@ -0,0 +1,9 @@
+/* empty css                 */
+import "./src/index.js";
+import { withInstall } from "../../utils/vues/withInstall.js";
+import _sfc_main from "./src/index2.js";
+const Tablespd = withInstall(_sfc_main, "Tablespd");
+export {
+  Tablespd,
+  Tablespd as default
+};

package/dist/components/tablespd/index.scss

@@ -0,0 +1,40 @@
+@use '../scss/common.scss' as *;
+@use '../tables/index.scss' as *;
+@use '../paging/index.scss' as *;
+$tablespd: 'tablespd';
+@include b($tablespd) {
+	width: 100%;
+	flex: 1;
+	display: flex;
+	flex-direction: column;
+
+	&-main {
+		display: flex;
+		flex-direction: column;
+		flex: 1;
+		width: 100%;
+		&.#{is('radio')} {
+			.#{e()}table__header {
+				.#{e()}table-column--selection {
+					.#{e()}checkbox {
+						display: none;
+					}
+				}
+			}
+		}
+		&.#{is('scroll')} {
+			.v-scroll-add {
+				text-align: center;
+				padding: 10px;
+				color: #999;
+				background-color: #eee;
+			}
+		}
+	}
+	&-paginat {
+		overflow: hidden;
+		.#{e()}pagination {
+			justify-content: flex-end;
+		}
+	}
+}

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

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const buildProps = require("../../../utils/vues/buildProps.cjs");
+const name = "tablespd";
+const dataProps = buildProps.buildProps({});
+const dataEmits = [];
+const dataSlot = {};
+const dataExpose = {};
+exports.dataEmits = dataEmits;
+exports.dataExpose = dataExpose;
+exports.dataProps = dataProps;
+exports.dataSlot = dataSlot;
+exports.name = name;

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

@@ -0,0 +1,18 @@
+import { ExtractPublicPropTypes } from 'vue';
+/**
+ * @title {h2} TablesPagin 输入框
+ * @text 目前完全继承 element-plus 中 el-tables-pagin
+ */
+/**
+ * @title {h3} tablespd
+ */
+export declare const name = "tablespd";
+export declare const dataProps: {};
+export type DataProps = ExtractPublicPropTypes<typeof dataProps>;
+export declare const dataEmits: never[];
+export type DataEmits = typeof dataEmits;
+export declare const dataSlot: {};
+/**
+ * @expose refEl 获取当前组件在element-plus中暴露的方法
+ */
+export declare const dataExpose: {};

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

@@ -0,0 +1,13 @@
+import { buildProps } from "../../../utils/vues/buildProps.js";
+const name = "tablespd";
+const dataProps = buildProps({});
+const dataEmits = [];
+const dataSlot = {};
+const dataExpose = {};
+export {
+  dataEmits,
+  dataExpose,
+  dataProps,
+  dataSlot,
+  name
+};

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

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+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/tablespd/src/index.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./index2.js";
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,111 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const index$3 = require("../../tables/index.cjs");
+const index$6 = require("../../paging/index.cjs");
+const index$4 = require("../../../directives/scroll/index.cjs");
+const index$5 = require("../../../directives/sortable/index.cjs");
+const data = require("./data.cjs");
+const pagin = require("../../tables/common/pagin.cjs");
+const index$1 = require("../../../hooks/cssname/index.cjs");
+const index$2 = require("../../../hooks/props-default/index.cjs");
+const index = require("../../../hooks/locale/index.cjs");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  props: index$2.getProps(pagin.dataProps),
+  emits: pagin.dataEmit,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const { getLocale } = index.useLocale();
+    const cs = index$1.useCssName(data.name);
+    const slots = vue.useSlots();
+    const prs = __props;
+    const props = index$2.usePropsDefault(data.name, prs, pagin.dataProps);
+    index$2.viewProps(props, data.name);
+    const emit = __emit;
+    const refTable = vue.ref();
+    const {
+      height,
+      getSelection,
+      initData,
+      getData,
+      empty,
+      loading,
+      tableList,
+      tableConfig,
+      scroll,
+      sortable,
+      onSortChange,
+      onListEvents,
+      onSelect,
+      onRowClick,
+      onChange,
+      pagconfig,
+      formEvent,
+      onSizeChange,
+      onCurrentChange,
+      paginat,
+      data: data$1
+    } = pagin.useInit(props, emit, refTable, getLocale, true);
+    __expose({
+      getSelection,
+      initData,
+      getData,
+      getList: initData,
+      empty
+    });
+    return (_ctx, _cache) => {
+      var _a, _b, _c, _d;
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(vue.unref(cs).z()),
+        style: vue.normalizeStyle({
+          height: vue.unref(height) == "100%" ? vue.unref(height) : ""
+        })
+      }, [
+        vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(index$3.Tables), vue.mergeProps(vue.unref(tableConfig).config, vue.toHandlers(vue.unref(formEvent)), {
+          height: vue.unref(height),
+          ref_key: "refTable",
+          ref: refTable,
+          class: [
+            vue.unref(cs).z("main"),
+            vue.unref(cs).is("radio", (_a = vue.unref(tableConfig).config) == null ? void 0 : _a.isradio),
+            vue.unref(cs).is("scroll", vue.unref(paginat).is && vue.unref(paginat).scroll)
+          ],
+          "scroll-selector": "." + vue.unref(cs).ec("scrollbar") + " ." + vue.unref(cs).ec("scrollbar", "", "wrap"),
+          "sortable-selector": "." + vue.unref(cs).ec("table", "", "body-wrapper") + " tbody",
+          value: vue.unref(data$1).list,
+          list: vue.unref(tableList),
+          size: (_b = vue.unref(tableConfig).config) == null ? void 0 : _b.size,
+          paginat: vue.unref(paginat),
+          loading: ((_c = vue.unref(tableConfig).config) == null ? void 0 : _c.noloading) || vue.unref(paginat).scroll && vue.unref(paginat).current > 1 ? false : vue.unref(loading),
+          options: vue.unref(props).options,
+          compons: vue.unref(props).compons,
+          onSortChange: vue.unref(onSortChange),
+          onListEvents: vue.unref(onListEvents),
+          onSelect: vue.unref(onSelect),
+          onRowClick: vue.unref(onRowClick),
+          onSelectionChange: vue.unref(onChange)
+        }), vue.createSlots({ _: 2 }, [
+          vue.renderList(Object.keys(vue.unref(slots)), (k) => {
+            return {
+              name: k,
+              fn: vue.withCtx((scope) => [
+                vue.renderSlot(_ctx.$slots, k, vue.normalizeProps(vue.guardReactiveProps(scope)))
+              ])
+            };
+          })
+        ]), 1040, ["height", "class", "scroll-selector", "sortable-selector", "value", "list", "size", "paginat", "loading", "options", "compons", "onSortChange", "onListEvents", "onSelect", "onRowClick", "onSelectionChange"])), [
+          [vue.unref(index$4.default), vue.unref(scroll)],
+          [vue.unref(index$5.default), vue.unref(sortable)]
+        ]),
+        ((_d = vue.unref(paginat)) == null ? void 0 : _d.is) && !vue.unref(paginat).scroll ? (vue.openBlock(), vue.createBlock(vue.unref(index$6.Paging), vue.mergeProps({ key: 0 }, vue.unref(pagconfig), {
+          class: vue.unref(cs).z("paginat"),
+          paginat: vue.unref(paginat),
+          total: vue.unref(data$1).total,
+          onSizeChange: vue.unref(onSizeChange),
+          onCurrentChange: vue.unref(onCurrentChange)
+        }), null, 16, ["class", "paginat", "total", "onSizeChange", "onCurrentChange"])) : vue.createCommentVNode("", true)
+      ], 6);
+    };
+  }
+});
+exports.default = _sfc_main;