@fangzhongya/fang-ui 0.0.13 → 0.0.15

package/dist/components/tables/common/table-but.vue

@@ -0,0 +1,124 @@
+<template>
+	<span class="table-but">
+		<ElButton
+			v-for="(item, index) in valueArr"
+			class="table-but-li"
+			:key="index"
+			:class="item.class"
+			:style="item.style"
+			@click="onClick(item, $event)"
+			:type="item.type"
+			:round="item.round"
+			:text="typeof item.text == 'undefined' ? true : item.text"
+		>
+			{{ item.value }}
+		</ElButton>
+	</span>
+</template>
+<script lang="ts" setup>
+	import { ElButton } from 'element-plus';
+	import { eventAliass } from './util';
+	import { isObject } from '@fangzhongya/utils/basic/object/isObject';
+	import { isArray } from '@fangzhongya/utils/basic/array/isArray';
+	import { computed } from 'vue';
+	const props = defineProps({
+		/**
+		 * table列表
+		 * {
+		 *      label:"列表名称"
+		 *      prop:"列表取值"
+		 *      type:"列表类型"
+		 * }
+		 *
+		 */
+		tableListObj: {
+			type: Object,
+			default() {
+				return {};
+			},
+		},
+		/**
+		 * table数据
+		 * row, column, $index
+		 *
+		 */
+		tableScope: {
+			type: Object,
+			default() {
+				return {};
+			},
+		},
+	});
+	const emit = defineEmits(['scope-click']);
+	/**
+	 * 设置值
+	 */
+	function setValue(v: any) {
+		if (isArray(v)) {
+			return v;
+		} else if (isObject(v)) {
+			return [v];
+		} else {
+			return [
+				{
+					value: v,
+				},
+			];
+		}
+	}
+
+	function getValue(
+		row: ObjAny,
+		column: ObjAny,
+		cellValue: any,
+		index: number,
+		formatter?: Function,
+	) {
+		if (formatter) {
+			const v = formatter(row, column, cellValue, index);
+			return setValue(v);
+		} else {
+			return setValue(cellValue);
+		}
+	}
+
+	function onClick(obj: ObjAny, $event: Event) {
+		// const onClick = props.list?.onClick;
+		// if (onClick) {
+		//     onClick(obj, props.scope, props.list, 'but');
+		// }
+		eventAliass(
+			(callback: Function) => {
+				callback(obj, props.tableScope, props.tableListObj, 'but');
+			},
+			'click',
+			props.tableListObj,
+			$event,
+		);
+		emit('scope-click', obj, props.tableScope, props.tableListObj, 'but');
+	}
+
+	/**
+	 * {
+	 *     value: 展示文字
+	 *     class: 设置样式
+	 *     style: 设置样式
+	 * }
+	 */
+	const valueArr = computed(() => {
+		const prop = props.tableListObj.prop || '';
+		const row = props.tableScope.row || {};
+		const column = props.tableScope.column || {};
+		const cellValue = row[prop];
+		const index = props.tableScope.$index;
+		const formatter = props.tableListObj.formatter;
+		const configFormatter = props.tableListObj.config?.formatter;
+		if (configFormatter) {
+			const arr = configFormatter(row, column, cellValue, index);
+			return setValue(arr);
+		} else {
+			return getValue(row, column, cellValue, index, formatter);
+		}
+	});
+</script>
+<style lang="scss" scoped></style>

package/dist/components/tables/common/table-color.cjs

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const require$$0 = require("vue");
+const vue = require("vue");
 const util = require("./util.cjs");
 const isObject = require("@fangzhongya/utils/basic/object/isObject");
 const _hoisted_1 = { class: "table-color-value" };
-const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "table-color",
   props: {
     /**
@@ -55,7 +55,7 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
         return setValue(cellValue);
       }
     }
-    const valueObj = require$$0.computed(() => {
+    const valueObj = vue.computed(() => {
       var _a, _b, _c, _d;
       const prop = props.tableListObj.prop || "";
       const row = ((_a = props.tableScope) == null ? void 0 : _a.row) || {};
@@ -107,12 +107,12 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
       emit("scope-click", obj, props.tableScope, props.tableListObj, "color");
     }
     return (_ctx, _cache) => {
-      return require$$0.openBlock(), require$$0.createElementBlock("span", {
-        class: require$$0.normalizeClass(["table-color", valueObj.value.class]),
+      return vue.openBlock(), vue.createElementBlock("span", {
+        class: vue.normalizeClass(["table-color", valueObj.value.class]),
         onClick: _cache[0] || (_cache[0] = ($event) => onClick($event)),
-        style: require$$0.normalizeStyle(valueObj.value.style)
+        style: vue.normalizeStyle(valueObj.value.style)
       }, [
-        require$$0.createElementVNode("span", _hoisted_1, require$$0.toDisplayString(valueObj.value.value), 1)
+        vue.createElementVNode("span", _hoisted_1, vue.toDisplayString(valueObj.value.value), 1)
       ], 6);
     };
   }

package/dist/components/tables/common/table-color.d.ts

@@ -1,4 +1,5 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+import { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<ExtractPropTypes<{
     /**
      * table列表
      * {
@@ -21,9 +22,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: ObjectConstructor;
         default(): {};
     };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "scope-click": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, string, PublicProps, Readonly< ExtractPropTypes<{
     /**
      * table列表
      * {
@@ -51,5 +52,5 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>, {
     tableListObj: Record<string, any>;
     tableScope: Record<string, any>;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLSpanElement>;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLSpanElement>;
 export default _default;

package/dist/components/tables/common/table-color.vue

@@ -0,0 +1,151 @@
+<template>
+	<span
+		class="table-color"
+		@click="onClick($event)"
+		:class="valueObj.class"
+		:style="valueObj.style"
+	>
+		<span class="table-color-value">
+			{{ valueObj.value }}
+		</span>
+	</span>
+</template>
+<script lang="ts" setup>
+	import { eventAliass } from './util';
+	import { isObject } from '@fangzhongya/utils/basic/object/isObject';
+	import { computed } from 'vue';
+	/**
+	 * config 配置
+	 * {
+	 *  formatter 过滤颜色方法
+	 *  class 设置样式class
+	 *  style 设置样式style
+	 * }
+	 */
+	const props = defineProps({
+		/**
+		 * table列表
+		 * {
+		 *      label:"列表名称"
+		 *      prop:"列表取值"
+		 *      type:"列表类型"
+		 * }
+		 *
+		 */
+		tableListObj: {
+			type: Object,
+			default() {
+				return {};
+			},
+		},
+		/**
+		 * table数据
+		 * row, column, $index
+		 *
+		 */
+		tableScope: {
+			type: Object,
+			default() {
+				return {};
+			},
+		},
+	});
+	const emit = defineEmits(['scope-click']);
+	/**
+	 * 设置值
+	 */
+	function setValue(v: any) {
+		if (isObject(v)) {
+			return v;
+		} else {
+			return {
+				value: v,
+			};
+		}
+	}
+
+	/**
+	 * formatter 不是对象的值，默认给value
+	 */
+	function getValue(
+		row: ObjAny,
+		column: ObjAny,
+		cellValue: any,
+		index: number,
+		formatter?: Function,
+	) {
+		if (formatter) {
+			const v = formatter(row, column, cellValue, index);
+			return setValue(v);
+		} else {
+			return setValue(cellValue);
+		}
+	}
+
+	/**
+	 * {
+	 *     value: 展示文字
+	 *     class: 设置样式
+	 *     style: 设置样式
+	 * }
+	 */
+	const valueObj = computed(() => {
+		const prop = props.tableListObj.prop || '';
+		const row = props.tableScope?.row || {};
+		const column = props.tableScope?.column || {};
+		const cellValue = row[prop];
+		const index = props.tableScope?.$index;
+		const formatter = props.tableListObj.formatter;
+		const configFormatter = props.tableListObj.config?.formatter;
+		/**
+		 * config?.formatter 不是对象的值，默认给class
+		 */
+		if (configFormatter) {
+			const obj = configFormatter(row, column, cellValue, index);
+			let css;
+			let value = '';
+			let style;
+			if (isObject(obj)) {
+				value = obj.value;
+				css = obj.class;
+				style = obj.style;
+			} else {
+				css = obj;
+			}
+			if (!value) {
+				value = getValue(
+					row,
+					column,
+					cellValue,
+					index,
+					formatter,
+				).value;
+			}
+			return {
+				class: css,
+				value,
+				style,
+			};
+		} else {
+			return getValue(row, column, cellValue, index, formatter);
+		}
+	});
+
+	function onClick($event: Event) {
+		let obj = valueObj.value;
+		// const onClick = props.list?.onClick;
+		// if (onClick) {
+		//     onClick(obj, props.scope, props.list, 'color');
+		// }
+		eventAliass(
+			(callback: Function) => {
+				callback(obj, props.tableScope, props.tableListObj, 'color');
+			},
+			'click',
+			props.tableListObj,
+			$event,
+		);
+		emit('scope-click', obj, props.tableScope, props.tableListObj, 'color');
+	}
+</script>
+<style lang="scss" scoped></style>

package/dist/components/tables/common/table-list.cjs

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const require$$0 = require("vue");
+const vue = require("vue");
 const util = require("./util.cjs");
 const isObject = require("@fangzhongya/utils/basic/object/isObject");
 const isArray = require("@fangzhongya/utils/basic/array/isArray");
 const _hoisted_1 = ["onClick"];
-const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "table-list",
   props: {
     /**
@@ -60,7 +60,7 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
         return setValue(cellValue);
       }
     }
-    const valueArr = require$$0.computed(() => {
+    const valueArr = vue.computed(() => {
       var _a;
       const prop = props.tableListObj.prop || "";
       const row = props.tableScope.row || {};
@@ -106,17 +106,17 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
       );
     }
     return (_ctx, _cache) => {
-      return require$$0.openBlock(), require$$0.createElementBlock("span", {
+      return vue.openBlock(), vue.createElementBlock("span", {
         onClick: _cache[0] || (_cache[0] = ($event) => onClick($event)),
         class: "table-list"
       }, [
-        (require$$0.openBlock(true), require$$0.createElementBlock(require$$0.Fragment, null, require$$0.renderList(valueArr.value, (item, index) => {
-          return require$$0.openBlock(), require$$0.createElementBlock("span", {
-            class: require$$0.normalizeClass(["table-list-li", item.class]),
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(valueArr.value, (item, index) => {
+          return vue.openBlock(), vue.createElementBlock("span", {
+            class: vue.normalizeClass(["table-list-li", item.class]),
             key: index,
             onClick: ($event) => onClickList(item, $event),
-            style: require$$0.normalizeStyle(item.style)
-          }, require$$0.toDisplayString(item.value), 15, _hoisted_1);
+            style: vue.normalizeStyle(item.style)
+          }, vue.toDisplayString(item.value), 15, _hoisted_1);
         }), 128))
       ]);
     };

package/dist/components/tables/common/table-list.d.ts

@@ -1,4 +1,5 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+import { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<ExtractPropTypes<{
     /**
      * table列表
      * {
@@ -21,9 +22,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: ObjectConstructor;
         default(): {};
     };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "scope-click": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, string, PublicProps, Readonly< ExtractPropTypes<{
     /**
      * table列表
      * {
@@ -51,5 +52,5 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>, {
     tableListObj: Record<string, any>;
     tableScope: Record<string, any>;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLSpanElement>;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLSpanElement>;
 export default _default;

package/dist/components/tables/common/table-list.vue

@@ -0,0 +1,144 @@
+<template>
+	<span @click="onClick($event)" class="table-list">
+		<span
+			class="table-list-li"
+			v-for="(item, index) in valueArr"
+			:key="index"
+			@click="onClickList(item, $event)"
+			:class="item.class"
+			:style="item.style"
+			>{{ item.value }}</span
+		>
+	</span>
+</template>
+<script lang="ts" setup>
+	import { eventAliass } from './util';
+	import { isObject } from '@fangzhongya/utils/basic/object/isObject';
+	import { isArray } from '@fangzhongya/utils/basic/array/isArray';
+	import { computed } from 'vue';
+	const props = defineProps({
+		/**
+		 * table列表
+		 * {
+		 *      label:"列表名称"
+		 *      prop:"列表取值"
+		 *      type:"列表类型"
+		 * }
+		 *
+		 */
+		tableListObj: {
+			type: Object,
+			default() {
+				return {};
+			},
+		},
+		/**
+		 * table数据
+		 * row, column, $index
+		 *
+		 */
+		tableScope: {
+			type: Object,
+			default() {
+				return {};
+			},
+		},
+	});
+	const emit = defineEmits(['scope-click']);
+	/**
+	 * 设置值
+	 */
+	function setValue(v: any) {
+		if (isArray(v)) {
+			return v;
+		} else if (isObject(v)) {
+			return [v];
+		} else {
+			return [
+				{
+					value: v,
+				},
+			];
+		}
+	}
+
+	function getValue(
+		row: ObjAny,
+		column: ObjAny,
+		cellValue: any,
+		index: number,
+		formatter?: Function,
+	) {
+		if (formatter) {
+			const v = formatter(row, column, cellValue, index);
+			return setValue(v);
+		} else {
+			return setValue(cellValue);
+		}
+	}
+
+	/**
+	 * {
+	 *     value: 展示文字
+	 *     class: 设置样式
+	 *     style: 设置样式
+	 * }
+	 */
+	const valueArr = computed(() => {
+		const prop = props.tableListObj.prop || '';
+		const row = props.tableScope.row || {};
+		const column = props.tableScope.column || {};
+		const cellValue = row[prop];
+		const index = props.tableScope.$index;
+		const formatter = props.tableListObj.formatter;
+		const configFormatter = props.tableListObj.config?.formatter;
+		if (configFormatter) {
+			const arr = configFormatter(row, column, cellValue, index);
+			return setValue(arr);
+		} else {
+			return getValue(row, column, cellValue, index, formatter);
+		}
+	});
+
+	function onClick($event: Event) {
+		let obj = valueArr.value;
+
+		eventAliass(
+			(callback: Function) => {
+				callback(obj, props.tableScope, props.tableListObj, 'list-li');
+			},
+			'click',
+			props.tableListObj,
+			$event,
+		);
+		// const onClick = props.list?.onClick;
+		// if (onClick) {
+		//     onClick(obj, props.scope, props.list, 'list');
+		// }
+
+		emit('scope-click', obj, props.tableScope, props.tableListObj, 'list');
+	}
+
+	function onClickList(obj: ObjAny, $event: Event) {
+		eventAliass(
+			(callback: Function) => {
+				callback(obj, props.tableScope, props.tableListObj, 'list-li');
+			},
+			'click',
+			obj,
+			$event,
+		);
+		// const onClick = obj?.onClick;
+		// if (onClick) {
+		//     onClick(obj, props.scope, props.list, 'list-li');
+		// }
+		emit(
+			'scope-click',
+			obj,
+			props.tableScope,
+			props.tableListObj,
+			'list-li',
+		);
+	}
+</script>
+<style lang="scss" scoped></style>

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require$$0 = require("vue");
+const vue = require("vue");
 const splitUpper = require("@fangzhongya/utils/basic/string/splitUpper");
 const isArray = require("@fangzhongya/utils/basic/array/isArray");
 require("@fangzhongya/utils/basic/object/isObject");
@@ -14,6 +14,7 @@ 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 index = require("../../../hooks/inherit/index.cjs");
@@ -104,7 +105,7 @@ function eventAlias(key, callback, obj, $event) {
           callback(obj[v]);
         }
       };
-      require$$0.withModifiers(fn, ns)();
+      vue.withModifiers(fn, ns)();
     } else {
       callback(obj[v]);
     }

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

@@ -12,6 +12,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 { useAttrValue } from "../../../hooks/inherit/index.js";