@fangzhongya/fang-ui 0.0.14 → 0.0.16

package/dist/components/table-list/src/table-list.cjs

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const common = require("../../../utils/vues/common.cjs");
 require("../../../utils/vues/getBuildProps.cjs");
+require("../../../utils/vues/withInstall.cjs");
 const setObjStyle = require("@fangzhongya/utils/css/setObjStyle");
 require("@fangzhongya/utils/css/getCss");
 require("@fangzhongya/utils/basic/string/splitUpper");
@@ -18,7 +19,7 @@ require("@fangzhongya/utils/basic/Array/toggleArray");
 require("@fangzhongya/utils/basic/object/objValue");
 const tableColor_vue_vue_type_script_setup_true_lang = require("../../tables/common/table-color.cjs");
 const tableList_vue_vue_type_script_setup_true_lang = require("../../tables/common/table-list.cjs");
-const require$$0 = require("vue");
+const vue = require("vue");
 let props;
 let thlabel;
 let setCss;
@@ -44,12 +45,12 @@ function getLists(arrs) {
         }
       }
       if (is) {
-        arr.push(require$$0.h("tr", {}, trs));
+        arr.push(vue.h("tr", {}, trs));
         trs = [];
       }
       trs.push(...getTd(obj, index));
       if (lin >= props.column) {
-        arr.push(require$$0.h("tr", {}, trs));
+        arr.push(vue.h("tr", {}, trs));
         trs = [];
         lin = 0;
       }
@@ -58,12 +59,12 @@ function getLists(arrs) {
   if (trs.length > 0) {
     if (props.fill) {
       if (trs.length < props.column * 2) {
-        arr.push(require$$0.h("tr", {}, getFill(trs)));
+        arr.push(vue.h("tr", {}, getFill(trs)));
       } else {
-        arr.push(require$$0.h("tr", {}, trs));
+        arr.push(vue.h("tr", {}, trs));
       }
     } else {
-      arr.push(require$$0.h("tr", {}, trs));
+      arr.push(vue.h("tr", {}, trs));
     }
   }
   return arr;
@@ -72,21 +73,21 @@ function getFill(trs) {
   let lz = trs.length / 2;
   if (props.fill && typeof props.fill == "boolean") {
     let as = [
-      require$$0.h(
+      vue.h(
         thlabel,
         {
           style: setStyles("th", {}),
           class: setClasss("th", {})
         },
-        [require$$0.h("span")]
+        [vue.h("span")]
       ),
-      require$$0.h(
+      vue.h(
         "td",
         {
           style: setStyles("td", {}),
           class: setClasss("td", {})
         },
-        [require$$0.h("span")]
+        [vue.h("span")]
       )
     ];
     for (let i = 0; i < Number(props.column) - lz; i++) {
@@ -127,22 +128,22 @@ function getTd(obj, index) {
   if (m && ((_a = props.th) == null ? void 0 : _a.padEnd)) {
     m += (_b = props.th) == null ? void 0 : _b.padEnd;
   }
-  const th = require$$0.h(
+  const th = vue.h(
     thlabel,
     {
       style: setStyles("th", obj),
       class: setClasss("th", obj)
     },
-    [require$$0.h("span", [m])]
+    [vue.h("span", [m])]
   );
-  const td = require$$0.h(
+  const td = vue.h(
     "td",
     {
       style: setStyles("td", obj),
       class: setClasss("td", obj),
       colspan: setColspan(obj)
     },
-    [require$$0.h("span", [setType(obj, index)])]
+    [vue.h("span", [setType(obj, index)])]
   );
   if (obj.title) {
     th.props.colspan = setColspan(obj);
@@ -167,7 +168,7 @@ function setType(obj, index) {
   var _a, _b, _c, _d;
   if (obj.compon) {
     if (obj.compon == "color") {
-      require$$0.h(tableColor_vue_vue_type_script_setup_true_lang.default, {
+      vue.h(tableColor_vue_vue_type_script_setup_true_lang.default, {
         class: (_a = obj.config) == null ? void 0 : _a.class,
         style: (_b = obj.config) == null ? void 0 : _b.style,
         list: obj,
@@ -178,7 +179,7 @@ function setType(obj, index) {
         }
       });
     } else if (obj.compon == "list") {
-      require$$0.h(tableList_vue_vue_type_script_setup_true_lang.default, {
+      vue.h(tableList_vue_vue_type_script_setup_true_lang.default, {
         class: (_c = obj.config) == null ? void 0 : _c.class,
         style: (_d = obj.config) == null ? void 0 : _d.style,
         list: obj,
@@ -197,7 +198,7 @@ function setValeu(obj, _index) {
   if (obj.formatter) {
     return obj.formatter(props.value, obj, props.value[obj.prop]);
   } else if (obj.render) {
-    return obj.render(props.value, require$$0.h, props.value[obj.prop]);
+    return obj.render(props.value, vue.h, props.value[obj.prop]);
   } else if (obj.prop) {
     if (props.value) {
       return props.value[obj.prop];
@@ -213,13 +214,13 @@ function render(p, cs) {
   props = p.value;
   thlabel = ((_a = props.th) == null ? void 0 : _a.label) || "th";
   setCss = cs.z;
-  return require$$0.h(
+  return vue.h(
     "table",
     {
       class: [setCss(), props.class],
       style: props.style
     },
-    require$$0.h("tbody", {}, getLists(props.list))
+    vue.h("tbody", {}, getLists(props.list))
   );
 }
 exports.render = render;

package/dist/components/table-list/src/table-list.d.ts

@@ -1,5 +1,5 @@
-import { VNode } from 'vue';
+import { VNode, RendererNode, RendererElement } from 'vue';
 import { ObjAny } from '../../../types/index';
-export declare function render(p: ObjAny, cs: ObjAny): VNode<import('vue').RendererNode, import('vue').RendererElement, {
+export declare function render(p: ObjAny, cs: ObjAny): VNode< RendererNode, RendererElement, {
     [key: string]: any;
 }>;

package/dist/components/table-list/src/table-list.js

@@ -1,5 +1,6 @@
 import { setHide, setClass } from "../../../utils/vues/common.js";
 import "../../../utils/vues/getBuildProps.js";
+import "../../../utils/vues/withInstall.js";
 import { setObjStyle } from "@fangzhongya/utils/css/setObjStyle";
 import "@fangzhongya/utils/css/getCss";
 import "@fangzhongya/utils/basic/string/splitUpper";

package/dist/components/table-list/src/table-list.ts

@@ -0,0 +1,220 @@
+import { setHide, setObjStyle, setClass } from '../../../utils/index';
+import TableColor from '../../tables/common/table-color.vue';
+import TableList from '../../tables/common/table-list.vue';
+import { h, type VNode } from 'vue';
+import type { ObjAny } from '../../../types/index';
+
+let props: ObjAny;
+let thlabel: string;
+let setCss: Function;
+/**
+ * @param  {Boolean | Function} hide 是否隐藏
+ * @param {Number} column 合并行数
+ * @param {Boolean} whole 是否占整行
+ */
+
+function getLists(arrs?: any[]) {
+	let arr = [],
+		trs: VNode[] = [],
+		lin = 0;
+	arrs?.forEach((obj, index) => {
+		if (setHide(obj, props.value)) {
+			let is = false;
+			if (obj.title) {
+				lin = props.column;
+				is = true;
+			} else if (obj.whole) {
+				lin = props.column;
+				is = true;
+			} else {
+				let k = (obj.column || 1) + lin;
+				if (k > props.column) {
+					lin = obj.column || 1;
+					is = true;
+				} else {
+					lin = k;
+					is = false;
+				}
+			}
+			if (is) {
+				arr.push(h('tr', {}, trs));
+				trs = [];
+			}
+			trs.push(...getTd(obj, index));
+			if (lin >= props.column) {
+				arr.push(h('tr', {}, trs));
+				trs = [];
+				lin = 0;
+			}
+		}
+	});
+	if (trs.length > 0) {
+		if (props.fill) {
+			if (trs.length < props.column * 2) {
+				arr.push(h('tr', {}, getFill(trs)));
+			} else {
+				arr.push(h('tr', {}, trs));
+			}
+		} else {
+			arr.push(h('tr', {}, trs));
+		}
+	}
+	return arr;
+}
+
+function getFill(trs: VNode[]) {
+	let lz = trs.length / 2;
+	if (props.fill && typeof props.fill == 'boolean') {
+		let as = [
+			h(
+				thlabel,
+				{
+					style: setStyles('th', {}),
+					class: setClasss('th', {}),
+				},
+				[h('span')],
+			),
+			h(
+				'td',
+				{
+					style: setStyles('td', {}),
+					class: setClasss('td', {}),
+				},
+				[h('span')],
+			),
+		];
+		for (let i = 0; i < Number(props.column) - lz; i++) {
+			trs.push(...as);
+		}
+		return trs;
+	} else if (typeof props.fill == 'string') {
+		let td = trs[trs.length - 1];
+		// @ts-ignore
+		td.props.colspan = (props.column - lz) * 2 + 1;
+		return trs;
+	}
+}
+
+function setStyles(type: string, obj: ObjAny) {
+	let width = obj[type + 'Width'] || props[type]?.width;
+	if (obj.style) {
+		return setObjStyle(obj.style, {
+			width: width,
+		});
+	} else {
+		return {
+			width: width,
+		};
+	}
+}
+
+function setClasss(type: string, obj: ObjAny) {
+	let cs = obj[type + 'Class'] || props[type]?.class;
+	if (obj.class) {
+		return setClass(obj.class, cs, type);
+	} else {
+		return setClass(cs, type);
+	}
+}
+
+function getTd(obj: ObjAny, index: number) {
+	let m = obj.label;
+	if (m && props.th?.padEnd) {
+		m += props.th?.padEnd;
+	}
+	const th = h(
+		thlabel,
+		{
+			style: setStyles('th', obj),
+			class: setClasss('th', obj),
+		},
+		[h('span', [m])],
+	);
+	const td = h(
+		'td',
+		{
+			style: setStyles('td', obj),
+			class: setClasss('td', obj),
+			colspan: setColspan(obj),
+		},
+		[h('span', [setType(obj, index)])],
+	);
+	if (obj.title) {
+		// @ts-ignore
+		th.props.colspan = setColspan(obj);
+		// @ts-ignore
+		th.props.class += ' ' + setCss('th-title');
+		return [th];
+	} else {
+		return [th, td];
+	}
+}
+function setColspan(obj: ObjAny) {
+	if (obj.title) {
+		return (props.column - 1) * 2 + 2;
+	} else if (obj.whole) {
+		return (props.column - 1) * 2 + 1;
+	} else if (obj.column) {
+		return (obj.column - 1) * 2 + 1;
+	} else {
+		return '';
+	}
+}
+// 设置值
+function setType(obj: ObjAny, index: number) {
+	if (obj.compon) {
+		if (obj.compon == 'color') {
+			h(TableColor, {
+				class: obj.config?.class,
+				style: obj.config?.style,
+				list: obj,
+				scope: {
+					row: props.value,
+					column: obj,
+					$index: index,
+				},
+			});
+		} else if (obj.compon == 'list') {
+			h(TableList, {
+				class: obj.config?.class,
+				style: obj.config?.style,
+				list: obj,
+				scope: {
+					row: props.value,
+					column: obj,
+					$index: index,
+				},
+			});
+		}
+	} else {
+		return setValeu(obj, index);
+	}
+}
+function setValeu(obj: ObjAny, _index: number) {
+	if (obj.formatter) {
+		return obj.formatter(props.value, obj, props.value[obj.prop]);
+	} else if (obj.render) {
+		return obj.render(props.value, h, props.value[obj.prop]);
+	} else if (obj.prop) {
+		if (props.value) {
+			return props.value[obj.prop];
+		} else {
+			return '';
+		}
+	} else {
+		return obj.text;
+	}
+}
+export function render(p: ObjAny, cs: ObjAny) {
+	props = p.value;
+	thlabel = props.th?.label || 'th';
+	setCss = cs.z;
+	return h(
+		'table',
+		{
+			class: [setCss(), props.class],
+			style: props.style,
+		},
+		h('tbody', {}, getLists(props.list)),
+	);
+}

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

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require$$0 = require("vue");
+const vue = require("vue");
 const util = require("../../../utils/util.cjs");
 require("../../../utils/vues/getBuildProps.cjs");
+require("../../../utils/vues/withInstall.cjs");
 require("@fangzhongya/utils/css/setObjStyle");
 require("@fangzhongya/utils/css/getCss");
 const urls = require("../../common/urls.cjs");
@@ -54,7 +55,7 @@ const dataProps = {
 const dataEmit = ["list-events", "selection"];
 const useInit = (props2, emit, refTable, isEl) => {
   var _a, _b;
-  const loading = require$$0.ref(false);
+  const loading = vue.ref(false);
   const mpagconfig = {
     pageSize: 10,
     pageSizes: [10, 20, 30, 40, 50, 100],
@@ -71,14 +72,14 @@ const useInit = (props2, emit, refTable, isEl) => {
       order: "sortType"
     }
   };
-  const pagconfig = require$$0.ref(mpagconfig);
-  const paginat = require$$0.reactive({
+  const pagconfig = vue.ref(mpagconfig);
+  const paginat = vue.reactive({
     current: 1,
     pageSize: mpagconfig.pageSize,
     order: "",
     prop: ""
   });
-  const data = require$$0.reactive({
+  const data = vue.reactive({
     total: 0,
     list: []
   });
@@ -88,8 +89,8 @@ const useInit = (props2, emit, refTable, isEl) => {
     desc: "desc",
     descending: "desc"
   };
-  const tableList = require$$0.ref(((_a = props2.configs) == null ? void 0 : _a.list) ?? props2.list);
-  const tableConfig = require$$0.ref(((_b = props2.configs) == null ? void 0 : _b.config) ?? props2.config);
+  const tableList = vue.ref(((_a = props2.configs) == null ? void 0 : _a.list) ?? props2.list);
+  const tableConfig = vue.ref(((_b = props2.configs) == null ? void 0 : _b.config) ?? props2.config);
   const width = {
     index: 66,
     selection: 46
@@ -167,7 +168,7 @@ const useInit = (props2, emit, refTable, isEl) => {
     pagconfig.value = Object.assign({}, mpagconfig, pagin.config || {});
     tableConfig.value = config;
   };
-  require$$0.watch(
+  vue.watch(
     [() => props2.configs, () => props2.config, () => props2.list],
     () => {
       setList();
@@ -175,7 +176,7 @@ const useInit = (props2, emit, refTable, isEl) => {
     },
     { immediate: true }
   );
-  const formEvent = require$$0.computed(() => {
+  const formEvent = vue.computed(() => {
     const obj = {};
     const es = tableConfig.value.events || {};
     Object.keys(es).forEach((key) => {
@@ -190,7 +191,7 @@ const useInit = (props2, emit, refTable, isEl) => {
     });
     return obj;
   });
-  const istype = require$$0.computed(() => {
+  const istype = vue.computed(() => {
     if (isEl) {
       return true;
     } else {
@@ -417,7 +418,7 @@ const useInit = (props2, emit, refTable, isEl) => {
   if (props2.load || tableConfig.value.load) {
     initData();
   }
-  const height = require$$0.computed(() => {
+  const height = vue.computed(() => {
     var _a2;
     return ((_a2 = tableConfig.value.config) == null ? void 0 : _a2.height) ?? "auto";
   });

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

@@ -1,4 +1,4 @@
-import { Ref, Component, ExtractPropTypes } from 'vue';
+import { Ref, Component, ExtractPropTypes, ComputedRef } from 'vue';
 export declare const dataProps: {
     configs: {
         type: () => Config;
@@ -68,7 +68,7 @@ export declare const dataProps: {
 };
 export declare const dataEmit: string[];
 export declare const useInit: (props: ExtractPropTypes<typeof dataProps>, emit: Function, refTable: Ref, isEl?: boolean) => {
-    height: import('vue').ComputedRef<any>;
+    height: ComputedRef<any>;
     tableConfig: Ref<{
         [x: string]: any;
         type?: string | number | undefined;
@@ -279,7 +279,7 @@ export declare const useInit: (props: ExtractPropTypes<typeof dataProps>, emit:
             order: string;
         };
     }>;
-    formEvent: import('vue').ComputedRef<{
+    formEvent: ComputedRef<{
         [key: string]: Function;
     }>;
     onSizeChange: () => void;

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

@@ -1,6 +1,7 @@
 import { ref, reactive, watch, computed } from "vue";
 import { executionMethod } from "../../../utils/util.js";
 import "../../../utils/vues/getBuildProps.js";
+import "../../../utils/vues/withInstall.js";
 import "@fangzhongya/utils/css/setObjStyle";
 import "@fangzhongya/utils/css/getCss";
 import { props, comHandle } from "../../common/urls.js";