@fangzhongya/fang-ui 0.0.14 → 0.0.16

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

@@ -1,115 +1,4 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const require$$0 = require("vue");
-const index$2 = require("../../el-tables/index.cjs");
-const index$1 = require("../../vxe-tables/index.cjs");
-const index$3 = require("../../pagin/index.cjs");
-const pagin = require("../common/pagin.cjs");
-const index = require("../../../hooks/cssname/index.cjs");
-const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
-  __name: "index",
-  props: pagin.dataProps,
-  emits: pagin.dataEmit,
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const cs = index.useCssName("table-pag");
-    const slots = require$$0.useSlots();
-    const props = __props;
-    const emit = __emit;
-    const refTable = require$$0.ref();
-    const {
-      getSelection,
-      initData,
-      getData,
-      empty,
-      loading,
-      tableList,
-      tableConfig,
-      onRadioChange,
-      onSortChange,
-      onListEvents,
-      onSelect,
-      onRowClick,
-      onChange,
-      pagconfig,
-      formEvent,
-      onSizeChange,
-      onCurrentChange,
-      paginat,
-      data
-    } = pagin.useInit(props, emit, refTable);
-    __expose({
-      getSelection,
-      initData,
-      getList: getData,
-      empty
-    });
-    return (_ctx, _cache) => {
-      var _a, _b, _c, _d;
-      return require$$0.openBlock(), require$$0.createElementBlock("div", {
-        class: require$$0.normalizeClass(require$$0.unref(cs).z())
-      }, [
-        require$$0.unref(tableConfig).type == 1 ? (require$$0.openBlock(), require$$0.createBlock(require$$0.unref(index$1.VxeTables), require$$0.mergeProps({ key: 0 }, require$$0.unref(tableConfig).config, require$$0.toHandlers(require$$0.unref(formEvent)), {
-          ref_key: "refTable",
-          ref: refTable,
-          class: [require$$0.unref(cs).z("main")],
-          size: (_a = require$$0.unref(tableConfig).config) == null ? void 0 : _a.size,
-          value: require$$0.unref(data).list,
-          list: require$$0.unref(tableList),
-          paginat: require$$0.unref(paginat),
-          loading: require$$0.unref(loading),
-          options: props.options,
-          compons: props.compons,
-          onSortChange: require$$0.unref(onSortChange),
-          onRadioChange: require$$0.unref(onRadioChange),
-          onSelectionChange: require$$0.unref(onChange),
-          onListEvents: require$$0.unref(onListEvents)
-        }), require$$0.createSlots({ _: 2 }, [
-          require$$0.renderList(Object.keys(require$$0.unref(slots)), (k, i) => {
-            return {
-              name: k,
-              fn: require$$0.withCtx((scope) => [
-                require$$0.renderSlot(_ctx.$slots, k, require$$0.normalizeProps(require$$0.guardReactiveProps(scope)), void 0, true)
-              ])
-            };
-          })
-        ]), 1040, ["class", "size", "value", "list", "paginat", "loading", "options", "compons", "onSortChange", "onRadioChange", "onSelectionChange", "onListEvents"])) : (require$$0.openBlock(), require$$0.createBlock(require$$0.unref(index$2.ElTables), require$$0.mergeProps({ key: 1 }, require$$0.unref(tableConfig).config, require$$0.toHandlers(require$$0.unref(formEvent)), {
-          ref_key: "refTable",
-          ref: refTable,
-          class: [
-            require$$0.unref(cs).z("main"),
-            require$$0.unref(cs).is("radio", (_b = require$$0.unref(tableConfig).config) == null ? void 0 : _b.isradio)
-          ],
-          value: require$$0.unref(data).list,
-          list: require$$0.unref(tableList),
-          size: (_c = require$$0.unref(tableConfig).config) == null ? void 0 : _c.size,
-          paginat: require$$0.unref(paginat),
-          loading: require$$0.unref(loading),
-          options: props.options,
-          compons: props.compons,
-          onSortChange: require$$0.unref(onSortChange),
-          onListEvents: require$$0.unref(onListEvents),
-          onSelect: require$$0.unref(onSelect),
-          onRowClick: require$$0.unref(onRowClick),
-          onSelectionChange: require$$0.unref(onChange)
-        }), require$$0.createSlots({ _: 2 }, [
-          require$$0.renderList(Object.keys(require$$0.unref(slots)), (k, i) => {
-            return {
-              name: k,
-              fn: require$$0.withCtx((scope) => [
-                require$$0.renderSlot(_ctx.$slots, k, require$$0.normalizeProps(require$$0.guardReactiveProps(scope)), void 0, true)
-              ])
-            };
-          })
-        ]), 1040, ["class", "value", "list", "size", "paginat", "loading", "options", "compons", "onSortChange", "onListEvents", "onSelect", "onRowClick", "onSelectionChange"])),
-        ((_d = require$$0.unref(tableConfig).paginat) == null ? void 0 : _d.is) ? (require$$0.openBlock(), require$$0.createBlock(require$$0.unref(index$3.Pagin), require$$0.mergeProps({ key: 2 }, require$$0.unref(pagconfig), {
-          class: require$$0.unref(cs).z("paginat"),
-          paginat: require$$0.unref(paginat),
-          total: require$$0.unref(data).total,
-          onSizeChange: require$$0.unref(onSizeChange),
-          onCurrentChange: require$$0.unref(onCurrentChange)
-        }), null, 16, ["class", "paginat", "total", "onSizeChange", "onCurrentChange"])) : require$$0.createCommentVNode("", true)
-      ], 2);
-    };
-  }
-});
-exports.default = _sfc_main;
+const index_vue_vue_type_script_setup_true_lang = require("./index.cjs");
+exports.default = index_vue_vue_type_script_setup_true_lang.default;

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

@@ -1,115 +1,4 @@
-import { defineComponent, useSlots, ref, createElementBlock, openBlock, normalizeClass, unref, createBlock, createCommentVNode, mergeProps, toHandlers, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps } from "vue";
-import { ElTables } from "../../el-tables/index.js";
-import { VxeTables } from "../../vxe-tables/index.js";
-import { Pagin } from "../../pagin/index.js";
-import { dataEmit, dataProps, useInit } from "../common/pagin.js";
-import { useCssName } from "../../../hooks/cssname/index.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  props: dataProps,
-  emits: dataEmit,
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const cs = useCssName("table-pag");
-    const slots = useSlots();
-    const props = __props;
-    const emit = __emit;
-    const refTable = ref();
-    const {
-      getSelection,
-      initData,
-      getData,
-      empty,
-      loading,
-      tableList,
-      tableConfig,
-      onRadioChange,
-      onSortChange,
-      onListEvents,
-      onSelect,
-      onRowClick,
-      onChange,
-      pagconfig,
-      formEvent,
-      onSizeChange,
-      onCurrentChange,
-      paginat,
-      data
-    } = useInit(props, emit, refTable);
-    __expose({
-      getSelection,
-      initData,
-      getList: getData,
-      empty
-    });
-    return (_ctx, _cache) => {
-      var _a, _b, _c, _d;
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(unref(cs).z())
-      }, [
-        unref(tableConfig).type == 1 ? (openBlock(), createBlock(unref(VxeTables), mergeProps({ key: 0 }, unref(tableConfig).config, toHandlers(unref(formEvent)), {
-          ref_key: "refTable",
-          ref: refTable,
-          class: [unref(cs).z("main")],
-          size: (_a = unref(tableConfig).config) == null ? void 0 : _a.size,
-          value: unref(data).list,
-          list: unref(tableList),
-          paginat: unref(paginat),
-          loading: unref(loading),
-          options: props.options,
-          compons: props.compons,
-          onSortChange: unref(onSortChange),
-          onRadioChange: unref(onRadioChange),
-          onSelectionChange: unref(onChange),
-          onListEvents: unref(onListEvents)
-        }), createSlots({ _: 2 }, [
-          renderList(Object.keys(unref(slots)), (k, i) => {
-            return {
-              name: k,
-              fn: withCtx((scope) => [
-                renderSlot(_ctx.$slots, k, normalizeProps(guardReactiveProps(scope)), void 0, true)
-              ])
-            };
-          })
-        ]), 1040, ["class", "size", "value", "list", "paginat", "loading", "options", "compons", "onSortChange", "onRadioChange", "onSelectionChange", "onListEvents"])) : (openBlock(), createBlock(unref(ElTables), mergeProps({ key: 1 }, unref(tableConfig).config, toHandlers(unref(formEvent)), {
-          ref_key: "refTable",
-          ref: refTable,
-          class: [
-            unref(cs).z("main"),
-            unref(cs).is("radio", (_b = unref(tableConfig).config) == null ? void 0 : _b.isradio)
-          ],
-          value: unref(data).list,
-          list: unref(tableList),
-          size: (_c = unref(tableConfig).config) == null ? void 0 : _c.size,
-          paginat: unref(paginat),
-          loading: unref(loading),
-          options: props.options,
-          compons: props.compons,
-          onSortChange: unref(onSortChange),
-          onListEvents: unref(onListEvents),
-          onSelect: unref(onSelect),
-          onRowClick: unref(onRowClick),
-          onSelectionChange: unref(onChange)
-        }), createSlots({ _: 2 }, [
-          renderList(Object.keys(unref(slots)), (k, i) => {
-            return {
-              name: k,
-              fn: withCtx((scope) => [
-                renderSlot(_ctx.$slots, k, normalizeProps(guardReactiveProps(scope)), void 0, true)
-              ])
-            };
-          })
-        ]), 1040, ["class", "value", "list", "size", "paginat", "loading", "options", "compons", "onSortChange", "onListEvents", "onSelect", "onRowClick", "onSelectionChange"])),
-        ((_d = unref(tableConfig).paginat) == null ? void 0 : _d.is) ? (openBlock(), createBlock(unref(Pagin), mergeProps({ key: 2 }, unref(pagconfig), {
-          class: unref(cs).z("paginat"),
-          paginat: unref(paginat),
-          total: unref(data).total,
-          onSizeChange: unref(onSizeChange),
-          onCurrentChange: unref(onCurrentChange)
-        }), null, 16, ["class", "paginat", "total", "onSizeChange", "onCurrentChange"])) : createCommentVNode("", true)
-      ], 2);
-    };
-  }
-});
+import _sfc_main from "./index.js";
 export {
   _sfc_main as default
 };

package/dist/components/tables-form/index.ts

@@ -0,0 +1,7 @@
+import { withInstall } from '../../utils/vues/withInstall'
+import SrcVue from './src/index.vue'
+const TablesForm = withInstall(SrcVue, 'TablesForm');
+export {
+   TablesForm,
+   TablesForm as default
+};

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

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require$$0 = require("vue");
+const vue = require("vue");
 const common = require("../../../utils/vues/common.cjs");
 require("../../../utils/vues/getBuildProps.cjs");
+require("../../../utils/vues/withInstall.cjs");
 require("@fangzhongya/utils/css/setObjStyle");
 require("@fangzhongya/utils/css/getCss");
 require("@fangzhongya/utils/basic/string/splitUpper");
@@ -102,7 +103,7 @@ function setSslot(obj, scope, emit, table, index, form, formValue) {
           trigger: ["blur", "change"]
         });
       }
-      return require$$0.h(
+      return vue.h(
         elementPlus.ElFormItem,
         {
           class: "table-form-item",
@@ -113,9 +114,9 @@ function setSslot(obj, scope, emit, table, index, form, formValue) {
         {
           default: () => {
             if (typeof obj.compon == "string") {
-              return require$$0.h(require$$0.resolveComponent(obj.compon), componObj);
+              return vue.h(vue.resolveComponent(obj.compon), componObj);
             } else {
-              return require$$0.h(obj.compon, componObj);
+              return vue.h(obj.compon, componObj);
             }
           }
         }
@@ -134,9 +135,9 @@ function setSslot(obj, scope, emit, table, index, form, formValue) {
       tableScope: scope
     };
     if (typeof obj.compon == "string") {
-      return require$$0.h(require$$0.resolveComponent(obj.compon), componObj);
+      return vue.h(vue.resolveComponent(obj.compon), componObj);
     } else {
-      return require$$0.h(obj.compon, componObj);
+      return vue.h(obj.compon, componObj);
     }
   } else {
     return defaultDom(obj, scope, table, index);
@@ -174,14 +175,14 @@ function defaultDom(obj, scope, table, index) {
   } else if (obj.asynccall) {
     const key = "_async_" + (prop || "_" + index);
     if (!row[key] || typeof row[key].value == "undefined") {
-      row[key] = require$$0.reactive({
+      row[key] = vue.reactive({
         value: cellValue || ""
       });
       obj.asynccall(scope, (v) => {
         row[key].value = v;
       });
     }
-    return require$$0.h(
+    return vue.h(
       "span",
       {
         class: "text"
@@ -192,7 +193,7 @@ function defaultDom(obj, scope, table, index) {
     domValue = cellValue;
   }
   domValue = domValue ?? "";
-  return require$$0.h(
+  return vue.h(
     "span",
     {
       class: "text",
@@ -207,17 +208,17 @@ function defaultDom(obj, scope, table, index) {
 }
 function setHeader(obj) {
   if (isArray.isArray(obj.label)) {
-    return require$$0.h(
+    return vue.h(
       "span",
       {
         class: "th-header " + (obj.required ? "is-required " : "") + (obj.class || "")
       },
       obj.label.map((v) => {
-        return require$$0.h("span", { class: "th-header-span" }, v);
+        return vue.h("span", { class: "th-header-span" }, v);
       })
     );
   } else if (obj.required) {
-    return require$$0.h(
+    return vue.h(
       "span",
       { class: "th-header is-required " + (obj.class || "") },
       obj.label
@@ -229,7 +230,7 @@ function setHeader(obj) {
 function getDom(obj, emit, table, index, form, formValue) {
   if (common.setHide(obj)) {
     const props = setProps(obj, table);
-    return require$$0.h(
+    return vue.h(
       elementPlus.ElTableColumn,
       {
         ...props,

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

@@ -1,8 +1,9 @@
+import { VNode, RendererNode, RendererElement } from 'vue';
 export declare function setProps(obj: ObjAny, table: ObjAny): ObjAny;
 export declare function getOnObjs(list: ObjAny, scope: any, emit: any): {
     [key: string]: () => void;
 };
 export declare function setHeader(obj: any): any;
-export declare function columnRender(obj: ObjAny, emit: any, table: ObjAny, index: number, form: ObjAny, formValue: ObjAny): import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+export declare function columnRender(obj: ObjAny, emit: any, table: ObjAny, index: number, form: ObjAny, formValue: ObjAny): VNode<RendererNode, RendererElement, {
     [key: string]: any;
 }> | undefined;

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

@@ -1,6 +1,7 @@
 import { h, resolveComponent, reactive } from "vue";
 import { setHide, setMinWidth } from "../../../utils/vues/common.js";
 import "../../../utils/vues/getBuildProps.js";
+import "../../../utils/vues/withInstall.js";
 import "@fangzhongya/utils/css/setObjStyle";
 import "@fangzhongya/utils/css/getCss";
 import "@fangzhongya/utils/basic/string/splitUpper";

package/dist/components/tables-form/src/column.ts

@@ -0,0 +1,295 @@
+import { h, computed, reactive, resolveComponent } from 'vue';
+import {
+	isArray,
+	setHide,
+	setMinWidth,
+	firstLower,
+	lineToLargeHump,
+} from '../../../utils/index';
+import { ElTableColumn, ElFormItem } from 'element-plus';
+
+const noProps = ['children', 'class', 'minWidth', 'label'];
+
+export function setProps(obj: ObjAny, table: ObjAny) {
+	const robj: ObjAny = {};
+	const issort = table['sort'];
+	robj['header-align'] = table['align'];
+	robj['align'] = obj['header-align'] || table['align'];
+	Object.keys(obj).forEach((key) => {
+		if (!noProps.includes(key)) {
+			if (obj[key] !== '') {
+				robj[key] = obj[key];
+				if (key == 'sortable') {
+					if (issort && obj[key]) {
+						robj[key] = 'custom';
+					}
+				}
+			}
+		}
+	});
+	return robj;
+}
+
+export function getOnObjs(list: ObjAny, scope: any, emit: any) {
+	const obj: {
+		[key: string]: () => void;
+	} = {};
+	const es = list.events || {};
+	Object.keys(es).forEach((key) => {
+		let ml = key;
+		if (!/on[A-Z]/.test(key)) {
+			ml = 'on' + lineToLargeHump(key);
+		}
+		ml = firstLower(lineToLargeHump(ml));
+		obj[ml] = (...data: any[]) => {
+			if (es[key] && typeof es[key] == 'function') {
+				es[key](...data, scope, list);
+			} else {
+				emit('list-events', key, ...data, scope, list);
+			}
+		};
+	});
+	return obj;
+}
+
+function getFormValue(obj: any, scope: any) {
+	const prop = obj.prop || '';
+	const row = scope.row;
+	const cellValue = row[prop];
+	if (obj.formvalue) {
+		return obj.formvalue(row, scope.column, cellValue, scope.$index);
+	} else if (obj.formatter) {
+		return obj.formatter(row, scope.column, cellValue, scope.$index);
+	} else {
+		return cellValue;
+	}
+}
+
+function setSslot(
+	obj: ObjAny,
+	scope: ObjAny,
+	emit: any,
+	table: ObjAny,
+	index: number,
+	form: ObjAny,
+	formValue: ObjAny,
+) {
+	if (obj.isform) {
+		const prop = form.prop;
+		const defaultFormfilter = () => {
+			return obj.compon && prop && scope.row[prop];
+		};
+		const formfilter = obj.formfilter || defaultFormfilter;
+		if (formfilter(scope, obj, form, formValue)) {
+			const key = scope.row[prop];
+			const fv = { ...scope, row: formValue[key] || {} };
+			const componValueName = obj.componValueName || 'modelValue';
+			const componObj = {
+				...obj.config,
+				...getOnObjs(obj, fv, emit),
+				[componValueName]: getFormValue(obj, fv),
+				'onUpdate:modelValue': (value: any) => {
+					formValue[key] = formValue[key] || {};
+					formValue[key][obj.prop] = value;
+				},
+				tableList: obj,
+				tableScope: fv,
+			};
+			let rules = obj.rules || [];
+			if (!(rules instanceof Array)) {
+				rules = [rules];
+			}
+			if (obj.required) {
+				rules.unshift({
+					required: true,
+					message: obj.label + '不能为空',
+					trigger: ['blur', 'change'],
+				});
+			}
+			return h(
+				ElFormItem,
+				{
+					class: 'table-form-item',
+					'inline-message': true,
+					prop: key + '.' + obj.prop,
+					rules: rules,
+				},
+				{
+					default: () => {
+						if (typeof obj.compon == 'string') {
+							return h(resolveComponent(obj.compon), componObj);
+						} else {
+							return h(obj.compon, componObj);
+						}
+					},
+				},
+			);
+		} else {
+			return defaultDom(obj, scope, table, index);
+		}
+	} else if (obj.compon) {
+		const componValueName = obj.componValueName || 'modelValue';
+		const componObj = {
+			...obj.config,
+			...getOnObjs(obj, scope, emit),
+			[componValueName]: getValue(obj, scope),
+			'onUpdate:modelValue': (value: any) =>
+				(scope.row[obj.prop] = value),
+			tableList: obj,
+			tableScope: scope,
+		};
+		if (typeof obj.compon == 'string') {
+			return h(resolveComponent(obj.compon), componObj);
+		} else {
+			return h(obj.compon, componObj);
+		}
+	} else {
+		return defaultDom(obj, scope, table, index);
+	}
+}
+
+function getValue(obj: any, scope: any) {
+	const prop = obj.prop || '';
+	const row = scope.row;
+	const cellValue = row[prop];
+	if (obj.formatter) {
+		return obj.formatter(row, scope.column, cellValue, scope.$index);
+	} else {
+		return cellValue;
+	}
+}
+
+function defaultDom(obj: ObjAny, scope: ObjAny, table: ObjAny, index: number) {
+	let domValue: any = '';
+	const prop = obj.prop || '';
+	const row = scope.row;
+	const cellValue = row[prop];
+	if (obj.type == 'index') {
+		if (obj.index) {
+			domValue = obj.index(scope.$index, table.paginat);
+		} else {
+			if (table.paginat && table.paginat.current && table.paginat.size) {
+				domValue =
+					(table.paginat.current - 1) * table.paginat.size +
+					scope.$index +
+					1;
+			} else {
+				domValue = scope.$index + 1;
+			}
+		}
+	} else if (obj.type == 'selection') {
+		return;
+	} else if (obj.formatter) {
+		domValue = obj.formatter(row, scope.column, cellValue, scope.$index);
+	} else if (obj.asynccall) {
+		const key = '_async_' + (prop || '_' + index);
+		if (!row[key] || typeof row[key].value == 'undefined') {
+			row[key] = reactive({
+				value: cellValue || '',
+			});
+			obj.asynccall(scope, (v: string) => {
+				row[key].value = v;
+			});
+		}
+		return h(
+			'span',
+			{
+				class: 'text',
+			},
+			row[key].value,
+		);
+	} else {
+		domValue = cellValue;
+	}
+	domValue = domValue ?? '';
+	return h(
+		'span',
+		{
+			class: 'text',
+			onClick(event: Event) {
+				if (obj.click) {
+					obj.click(event, scope, obj);
+				}
+			},
+		},
+		domValue,
+	);
+}
+
+export function setHeader(obj: any) {
+	if (isArray(obj.label)) {
+		return h(
+			'span',
+			{
+				class:
+					'th-header ' +
+					(obj.required ? 'is-required ' : '') +
+					(obj.class || ''),
+			},
+			obj.label.map((v: string) => {
+				return h('span', { class: 'th-header-span' }, v);
+			}),
+		);
+	} else if (obj.required) {
+		return h(
+			'span',
+			{ class: 'th-header is-required ' + (obj.class || '') },
+			obj.label,
+		);
+	} else {
+		return obj.label;
+	}
+}
+
+function getDom(
+	obj: ObjAny,
+	emit: any,
+	table: ObjAny,
+	index: number,
+	form: ObjAny,
+	formValue: ObjAny,
+) {
+	if (setHide(obj)) {
+		const props = setProps(obj, table);
+		return h(
+			ElTableColumn,
+			{
+				...props,
+				className: obj.class,
+				minWidth: setMinWidth(obj),
+			},
+			{
+				default: (scope: any) => {
+					if (obj.compon) {
+						return setSslot(
+							obj,
+							scope,
+							emit,
+							table,
+							index,
+							form,
+							formValue,
+						);
+					}
+					return defaultDom(obj, scope, table, index);
+				},
+				header: () => {
+					return setHeader(obj);
+				},
+			},
+		);
+	} else {
+		return;
+	}
+}
+
+export function columnRender(
+	obj: ObjAny,
+	emit: any,
+	table: ObjAny,
+	index: number,
+	form: ObjAny,
+	formValue: ObjAny,
+) {
+	return getDom(obj, emit, table, index, form, formValue);
+}

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

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const require$$0 = require("vue");
+const vue = require("vue");
 const columns = require("./columns3.cjs");
-const _sfc_main = require$$0.defineComponent({
+const _sfc_main = vue.defineComponent({
   emits: ["list-events"],
   expose: [],
   props: {
@@ -37,7 +37,7 @@ const _sfc_main = require$$0.defineComponent({
     }
   },
   setup(props, { emit }) {
-    const v = require$$0.computed(() => {
+    const v = vue.computed(() => {
       return props;
     });
     return () => columns.render(v, emit);