@fangzhongya/fang-ui 0.0.14 → 0.0.15

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require$$0 = require("vue");
+const vue = require("vue");
 const use = require("../../common/use.cjs");
 const index = require("../../../hooks/inherit/index.cjs");
 const compons = require("../../common/compons.cjs");
@@ -18,13 +18,14 @@ require("@fangzhongya/utils/basic/object/deepCopy");
 require("@fangzhongya/utils/basic/Array/toggleArray");
 require("@fangzhongya/utils/basic/object/objValue");
 require("../../../utils/vues/getBuildProps.cjs");
+require("../../../utils/vues/withInstall.cjs");
 require("@fangzhongya/utils/css/setObjStyle");
 require("@fangzhongya/utils/css/getCss");
 const column = require("vxe-table/es/column");
 const elementPlus = require("element-plus");
 function setBox(props, obj, emit, propss, slots, index2) {
   if (props.type == "radio") {
-    return require$$0.h(
+    return vue.h(
       column.VxeColumn,
       {
         ...props,
@@ -33,7 +34,7 @@ function setBox(props, obj, emit, propss, slots, index2) {
       },
       {
         radio: (scope) => {
-          return require$$0.h(
+          return vue.h(
             "span",
             {
               class: "fv-custom-radio " + props.align + " " + (scope.disabled ? "is-disabled" : ""),
@@ -42,7 +43,7 @@ function setBox(props, obj, emit, propss, slots, index2) {
               }
             },
             [
-              require$$0.h(
+              vue.h(
                 elementPlus.ElRadio,
                 {
                   modelValue: scope.checked,
@@ -56,7 +57,7 @@ function setBox(props, obj, emit, propss, slots, index2) {
                   }
                 }
               ),
-              require$$0.h("span", {
+              vue.h("span", {
                 class: "fv-custom-radio-mask"
               })
             ]
@@ -65,7 +66,7 @@ function setBox(props, obj, emit, propss, slots, index2) {
       }
     );
   } else {
-    return require$$0.h(
+    return vue.h(
       column.VxeColumn,
       {
         ...props,
@@ -74,7 +75,7 @@ function setBox(props, obj, emit, propss, slots, index2) {
       },
       {
         header: (scope) => {
-          return require$$0.h(
+          return vue.h(
             "span",
             {
               class: "fv-custom-checkbox",
@@ -83,7 +84,7 @@ function setBox(props, obj, emit, propss, slots, index2) {
               }
             },
             [
-              require$$0.h(
+              vue.h(
                 elementPlus.ElCheckbox,
                 {
                   indeterminate: scope.indeterminate,
@@ -91,14 +92,14 @@ function setBox(props, obj, emit, propss, slots, index2) {
                 },
                 obj.label
               ),
-              require$$0.h("span", {
+              vue.h("span", {
                 class: "fv-custom-checkbox-mask"
               })
             ]
           );
         },
         checkbox: (scope) => {
-          return require$$0.h(
+          return vue.h(
             "span",
             {
               class: "fv-custom-checkbox " + (scope.disabled ? "is-disabled" : ""),
@@ -107,12 +108,12 @@ function setBox(props, obj, emit, propss, slots, index2) {
               }
             },
             [
-              require$$0.h(elementPlus.ElCheckbox, {
+              vue.h(elementPlus.ElCheckbox, {
                 indeterminate: scope.indeterminate,
                 modelValue: scope.checked,
                 disabled: scope.disabled
               }),
-              require$$0.h("span", {
+              vue.h("span", {
                 class: "fv-custom-checkbox-mask"
               })
             ]
@@ -188,7 +189,7 @@ function setSslot(obj, scope, emit, slots, props, index2) {
     const isComponSelected = props.isComponSelected;
     if (isComponSelected(obj, scope)) {
       const optionss = props.options || {};
-      const compons$1 = require$$0.inject("tables-compons", {});
+      const compons$1 = vue.inject("tables-compons", {});
       const column2 = use.useSetCompon(
         obj,
         scope.row,
@@ -222,7 +223,7 @@ function defaultDom(obj, scope, props, index2) {
     return;
   }
   domValue = use.useGetDomValue(obj, scope.row, props.options, scope.$index);
-  return require$$0.h(
+  return vue.h(
     "span",
     {
       class: "text",
@@ -237,7 +238,7 @@ function defaultDom(obj, scope, props, index2) {
 }
 function setHeader(obj, scope, slots, emit, props, index2) {
   const optionss = props.options || {};
-  const compons2 = require$$0.inject("tables-compons", {});
+  const compons2 = vue.inject("tables-compons", {});
   return use.useGetDomLabel(
     obj.label,
     obj,
@@ -265,7 +266,7 @@ function getDom(obj, emit, propss, slots, index2) {
       return setHeader(obj, scope, slots, emit, propss, index2);
     };
   }
-  return require$$0.h(
+  return vue.h(
     column.VxeColumn,
     {
       ...props,

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

@@ -1,5 +1,6 @@
+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 columnRender(obj: ListObj, emit: Function, props: ObjAny, slots: ObjAny, index: number): import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+export declare function columnRender(obj: ListObj, emit: Function, props: ObjAny, slots: ObjAny, index: number): VNode<RendererNode, RendererElement, {
     [key: string]: any;
 }>;

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

@@ -16,6 +16,7 @@ import "@fangzhongya/utils/basic/object/deepCopy";
 import "@fangzhongya/utils/basic/Array/toggleArray";
 import "@fangzhongya/utils/basic/object/objValue";
 import "../../../utils/vues/getBuildProps.js";
+import "../../../utils/vues/withInstall.js";
 import "@fangzhongya/utils/css/setObjStyle";
 import "@fangzhongya/utils/css/getCss";
 import { VxeColumn } from "vxe-table/es/column";

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

@@ -0,0 +1,356 @@
+import { inject, h } from 'vue';
+import {
+	useSetSlot,
+	useSetCompon,
+	useGetDomValue,
+	useGetDomLabel,
+} from '../../common/use';
+import { useAttrValue } from '../../../hooks/inherit';
+import { getCompons } from '../../common/compons';
+import { setMinWidth } from '../../tables/common/util';
+import { lineToSmallHump } from '../../../utils/index';
+import { VxeColumn } from 'vxe-table/es/column';
+import { ElRadio, ElCheckbox } from 'element-plus';
+
+function setBox(
+	props: ObjAny,
+	obj: ListObj,
+	emit: Function,
+	propss: ObjAny,
+	slots: ObjAny,
+	index: number,
+) {
+	if (props.type == 'radio') {
+		/**
+    <vxe-column type="radio" width="80">
+      <template #radio="{ row, checked }">
+        <span class="custom-radio" @click.stop="setSelectRow(row)">
+          <i v-if="checked" class="vxe-icon-success-circle-fill"></i>
+          <i v-else class="vxe-icon-success-circle"></i>
+        </span>
+      </template>
+    </vxe-column>
+   */
+		return h(
+			VxeColumn,
+			{
+				...props,
+				className: obj.class,
+				minWidth: setMinWidth(obj, propss),
+			},
+			{
+				radio: (scope: any) => {
+					return h(
+						'span',
+						{
+							class:
+								'fv-custom-radio ' +
+								props.align +
+								' ' +
+								(scope.disabled ? 'is-disabled' : ''),
+							onClick(event: Event) {
+								emit('list-events', 'radio', scope);
+							},
+						},
+						[
+							h(
+								ElRadio,
+								{
+									modelValue: scope.checked,
+									value: true,
+									label: true,
+									disabled: scope.disabled,
+								},
+								{
+									default() {
+										return '';
+									},
+								},
+							),
+							h('span', {
+								class: 'fv-custom-radio-mask',
+							}),
+						],
+					);
+				},
+			},
+		);
+	} else {
+		/**
+    <vxe-column type="checkbox" width="80">
+      <template #header="{ checked, indeterminate }">
+        <span class="custom-checkbox" @click.stop="toggleAllCheckboxEvent">
+          <i v-if="indeterminate" class="vxe-icon-square-minus-fill"></i>
+          <i v-else-if="checked" class="vxe-icon-square-checked-fill"></i>
+          <i v-else class="vxe-icon-checkbox-unchecked"></i>
+        </span>
+      </template>
+      <template #checkbox="{ row, checked, indeterminate }">
+        <span class="custom-checkbox" @click.stop="toggleCheckboxEvent(row)">
+          <i v-if="indeterminate" class="vxe-icon-square-minus-fill"></i>
+          <i v-else-if="checked" class="vxe-icon-square-checked-fill"></i>
+          <i v-else class="vxe-icon-checkbox-unchecked"></i>
+        </span>
+      </template>
+    </vxe-column>
+   */
+		return h(
+			VxeColumn,
+			{
+				...props,
+				className: obj.class,
+				minWidth: setMinWidth(obj, propss),
+			},
+			{
+				header: (scope: any) => {
+					return h(
+						'span',
+						{
+							class: 'fv-custom-checkbox',
+							onClick(event: Event) {
+								emit('list-events', 'checkbox-all', scope);
+							},
+						},
+						[
+							h(
+								ElCheckbox,
+								{
+									indeterminate: scope.indeterminate,
+									modelValue: scope.checked,
+								},
+								obj.label,
+							),
+							h('span', {
+								class: 'fv-custom-checkbox-mask',
+							}),
+						],
+					);
+				},
+				checkbox: (scope: any) => {
+					return h(
+						'span',
+						{
+							class:
+								'fv-custom-checkbox ' +
+								(scope.disabled ? 'is-disabled' : ''),
+							onClick(event: Event) {
+								emit('list-events', 'checkbox', scope);
+							},
+						},
+						[
+							h(ElCheckbox, {
+								indeterminate: scope.indeterminate,
+								modelValue: scope.checked,
+								disabled: scope.disabled,
+							}),
+							h('span', {
+								class: 'fv-custom-checkbox-mask',
+							}),
+						],
+					);
+				},
+			},
+		);
+	}
+}
+
+const noProps = ['children', 'class', 'minWidth'];
+
+export function setProps(obj: ListObj, props: ObjAny) {
+	const table = props.table;
+	const vxeconfig = props.vxeconfig;
+	const robj: ObjAny = {};
+	robj['header-align'] = table['align'];
+	robj['align'] = useAttrValue(obj, 'headerAlign') || table['align'];
+
+	const tooltip = useAttrValue(table, 'showOverflowTooltip');
+	if (tooltip === '' || tooltip === true) {
+		robj['show-overflow'] = 'tooltip';
+	}
+	Object.keys(obj).forEach((key) => {
+		const ckey = 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 == 'prop') {
+					robj['field'] = obj[key];
+				} else if (key == 'fixed') {
+					robj['fixed'] = obj[key] === true ? 'left' : obj[key];
+				} else if (key == 'type') {
+					if (obj[key] == 'selection') {
+						robj[key] = table.isradio ? 'radio' : 'checkbox';
+						if (obj.selectable) {
+							if (table.isradio) {
+								vxeconfig.radio = vxeconfig.checkbox || {};
+								vxeconfig.radio.checkMethod = function (
+									scope: ObjAny,
+								) {
+									return obj.selectable(
+										scope.row,
+										scope.$rowIndex,
+									);
+								};
+							} else {
+								vxeconfig.checkbox = vxeconfig.checkbox || {};
+								vxeconfig.checkbox.checkMethod = function (
+									scope: ObjAny,
+								) {
+									return obj.selectable(
+										scope.row,
+										scope.$rowIndex,
+									);
+								};
+							}
+						}
+					} else if (obj[key] == 'index') {
+						robj[key] = 'seq';
+					}
+				}
+			}
+		}
+	});
+	return robj;
+}
+
+function setSslot(
+	obj: ListObj,
+	scope: ObjAny,
+	emit: Function,
+	slots: ObjAny,
+	props: ObjAny,
+	index: number,
+) {
+	const slot = useSetSlot(obj, scope.row, slots, index);
+	if (slot) {
+		return slot;
+	}
+	if (obj.compon) {
+		const isComponSelected = props.isComponSelected;
+		if (isComponSelected(obj, scope)) {
+			const optionss = props.options || {};
+			const compons = inject<ObjAny>('tables-compons', {});
+			const column = useSetCompon(
+				obj,
+				scope.row,
+				optionss,
+				getCompons(compons),
+				emit,
+				index,
+			);
+			if (column) {
+				return column;
+			}
+		}
+	}
+	return defaultDom(obj, scope, props, index);
+}
+
+function defaultDom(obj: ListObj, scope: ObjAny, props: ObjAny, index: number) {
+	const table = props.table;
+	let domValue: any = '';
+	if (obj.type == 'index') {
+		if (obj.index) {
+			domValue = obj.index(scope.$rowIndex, table.paginat);
+		} else {
+			if (
+				table.paginat &&
+				table.paginat.current &&
+				table.paginat.pageSize
+			) {
+				domValue =
+					(table.paginat.current - 1) * table.paginat.pageSize +
+					scope.$rowIndex +
+					1;
+			} else {
+				domValue = scope.$rowIndex + 1;
+			}
+		}
+		return domValue;
+	} else if (obj.type == 'selection') {
+		return;
+	}
+	domValue = useGetDomValue(obj, scope.row, props.options, scope.$index);
+	return h(
+		'span',
+		{
+			class: 'text',
+			onClick(event: Event) {
+				if (obj.click) {
+					obj.click(event, scope, obj);
+				}
+			},
+		},
+		domValue ?? '',
+	);
+}
+
+export function setHeader(
+	obj: ListObj,
+	scope: ObjAny,
+	slots: ObjAny,
+	emit: Function,
+	props: ObjAny,
+	index: number,
+) {
+	const optionss = props.options || {};
+	const compons = inject<ObjAny>('tables-compons', {});
+	return useGetDomLabel(
+		obj.label,
+		obj,
+		scope.row,
+		slots,
+		optionss,
+		compons,
+		emit,
+		index,
+	);
+}
+
+function getDom(
+	obj: ListObj,
+	emit: Function,
+	propss: ObjAny,
+	slots: ObjAny,
+	index: number,
+) {
+	const props = setProps(obj, propss);
+	const vxeconfig = propss.vxeconfig;
+	if (!vxeconfig.nocustomize && obj.type == 'selection') {
+		return setBox(props, obj, emit, propss, slots, index);
+	}
+	const slotObj: ObjAny = {
+		default: (scope: ObjAny) => {
+			return setSslot(obj, scope, emit, slots, propss, index);
+		},
+	};
+	if (obj.type != 'selection') {
+		slotObj.header = (scope: ObjAny) => {
+			return setHeader(obj, scope, slots, emit, propss, index);
+		};
+	}
+	return h(
+		VxeColumn,
+		{
+			...props,
+			className: obj.class,
+			minWidth: setMinWidth(obj, propss),
+		},
+		slotObj,
+	);
+}
+
+export function columnRender(
+	obj: ListObj,
+	emit: Function,
+	props: ObjAny,
+	slots: ObjAny,
+	index: number,
+) {
+	return getDom(obj, emit, props, slots, index);
+}

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

@@ -1,12 +1,12 @@
 "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 elementPlus = require("element-plus");
 const tableBut_vue_vue_type_script_setup_true_lang = require("../../tables/common/table-but.cjs");
 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 _sfc_main = require$$0.defineComponent({
+const _sfc_main = vue.defineComponent({
   emits: ["list-events"],
   components: { VxeTooltip: elementPlus.ElTooltip, 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: [],

package/dist/components/vxe-tables/src/columns.ts

@@ -0,0 +1,64 @@
+import { h } from 'vue';
+import { setMinWidth } from '../../tables/common/util';
+import { useHide } from '../../common/use';
+import { VxeColgroup } from 'vxe-table/es/colgroup';
+import { columnRender, setHeader, setProps } from './column';
+
+function getLists(
+	arrs: ListObj[],
+	emit: Function,
+	props: ObjAny,
+	slots: ObjAny,
+	listobj?: ListObj,
+) {
+	let arr: ObjAny[] = [];
+	arrs?.forEach((obj, index) => {
+		if (listobj) {
+			obj.father = obj.father ?? {
+				...listobj,
+				children: undefined,
+			};
+		}
+		if (!useHide(obj, props.value)) {
+			if (obj.children && obj.children.length > 0) {
+				const slotObj: ObjAny = {
+					default: (scope: ObjAny) => {
+						return getLists(
+							obj.children as ListObj[],
+							emit,
+							props,
+							slots,
+							obj,
+						);
+					},
+				};
+				if (obj.type != 'selection') {
+					slotObj.header = (scope: ObjAny) => {
+						return setHeader(obj, scope, slots, emit, props, index);
+					};
+				}
+				arr.push(
+					h(
+						VxeColgroup,
+						{
+							...setProps(obj, props),
+							className: obj.class,
+							minWidth: setMinWidth(obj, props),
+						},
+						slotObj,
+					),
+				);
+			} else {
+				const dom = columnRender(obj, emit, props, slots, index);
+				if (dom) {
+					arr.push(dom);
+				}
+			}
+		}
+	});
+	return arr;
+}
+
+export function render(porps: ObjAny, emit: Function, slots: ObjAny) {
+	return getLists(porps.list, emit, porps, slots);
+}

package/dist/components/vxe-tables/src/columns.vue

@@ -0,0 +1,45 @@
+<script lang="ts">
+	import { defineComponent } from 'vue';
+	import { render } from './columns';
+	// import { VxeTooltip } from 'vxe-table/es/tooltip';
+	import { ElTooltip as VxeTooltip } from 'element-plus';
+	import But from '../../tables/common/table-but.vue';
+	import Color from '../../tables/common/table-color.vue';
+	import List from '../../tables/common/table-list.vue';
+	export default defineComponent({
+		emits: ['list-events'],
+		components: { VxeTooltip, But, Color, List },
+		expose: [],
+		props: {
+			list: Array<ListObj>, //展示数据列表
+
+			/**
+			 * @props { Array } value table列表数据
+			 */
+			value: {
+				type: Array<ObjAny>,
+				default() {
+					return [];
+				},
+			},
+			options: {
+				type: Object,
+			},
+			/**
+			 * table的配置
+			 */
+			table: {
+				type: [Object],
+			},
+			isComponSelected: Function,
+
+			vxeconfig: {
+				type: Object,
+			},
+		},
+		setup(props, { emit, slots }) {
+			return () => render(props, emit, slots);
+		},
+	});
+</script>
+<style lang="scss" scoped></style>

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require$$0 = require("vue");
+const vue = require("vue");
 const util = require("../../tables/common/util.cjs");
 const use = require("../../common/use.cjs");
 const colgroup = require("vxe-table/es/colgroup");
@@ -33,7 +33,7 @@ function getLists(arrs, emit, props, slots, listobj) {
           };
         }
         arr.push(
-          require$$0.h(
+          vue.h(
             colgroup.VxeColgroup,
             {
               ...column.setProps(obj, props),