@fangzhongya/fang-ui 0.0.14 → 0.0.16

package/dist/components/edit-float/src/index2.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 elementPlus = require("element-plus");
 const data = require("./data.cjs");
 const index$1 = require("../../inputs/index.cjs");
 const index = require("../../../hooks/cssname/index.cjs");
-const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
@@ -13,12 +13,12 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
     const cs = index.useCssName("edit-float");
     const props = __props;
     const emit = __emit;
-    const isInput = require$$0.ref(false);
-    const isIcon = require$$0.ref(false);
-    const refEditInput = require$$0.ref();
-    const refEdit = require$$0.ref();
-    const value = require$$0.ref(props.modelValue);
-    require$$0.watch(
+    const isInput = vue.ref(false);
+    const isIcon = vue.ref(false);
+    const refEditInput = vue.ref();
+    const refEdit = vue.ref();
+    const value = vue.ref(props.modelValue);
+    vue.watch(
       () => props.modelValue,
       () => {
         value.value = props.modelValue;
@@ -60,7 +60,7 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
         isInput.value = false;
       });
     }
-    require$$0.onMounted(() => {
+    vue.onMounted(() => {
       let dom = refEdit.value;
       dom.onmouseenter = (event) => {
         isIcon.value = true;
@@ -76,53 +76,53 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
       ...data.dataExpose
     });
     return (_ctx, _cache) => {
-      return require$$0.openBlock(), require$$0.createElementBlock("span", {
+      return vue.openBlock(), vue.createElementBlock("span", {
         ref_key: "refEdit",
         ref: refEdit,
-        class: require$$0.normalizeClass(require$$0.unref(cs).z())
+        class: vue.normalizeClass(vue.unref(cs).z())
       }, [
-        require$$0.createVNode(require$$0.unref(elementPlus.ElPopover), {
+        vue.createVNode(vue.unref(elementPlus.ElPopover), {
           visible: isInput.value,
           placement: "top",
           width: 200
         }, {
-          reference: require$$0.withCtx(() => [
-            require$$0.createElementVNode("span", {
-              class: require$$0.normalizeClass(require$$0.unref(cs).z("body"))
+          reference: vue.withCtx(() => [
+            vue.createElementVNode("span", {
+              class: vue.normalizeClass(vue.unref(cs).z("body"))
             }, [
-              require$$0.createElementVNode("span", {
-                onDblclick: require$$0.withModifiers(onDblclick, ["stop"]),
-                class: require$$0.normalizeClass(require$$0.unref(cs).z("value"))
-              }, require$$0.toDisplayString(props.modelValue), 35),
-              isIcon.value && !isInput.value ? (require$$0.openBlock(), require$$0.createElementBlock("i", {
+              vue.createElementVNode("span", {
+                onDblclick: vue.withModifiers(onDblclick, ["stop"]),
+                class: vue.normalizeClass(vue.unref(cs).z("value"))
+              }, vue.toDisplayString(props.modelValue), 35),
+              isIcon.value && !isInput.value ? (vue.openBlock(), vue.createElementBlock("i", {
                 key: 0,
                 onClick,
-                class: require$$0.normalizeClass(require$$0.unref(cs).z("icon"))
+                class: vue.normalizeClass(vue.unref(cs).z("icon"))
               }, _cache[3] || (_cache[3] = [
-                require$$0.createElementVNode("svg", {
+                vue.createElementVNode("svg", {
                   viewBox: "0 0 1024 1024",
                   xmlns: "http://www.w3.org/2000/svg"
                 }, [
-                  require$$0.createElementVNode("path", {
+                  vue.createElementVNode("path", {
                     fill: "currentColor",
                     d: "M832 512a32 32 0 1 1 64 0v352a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h352a32 32 0 0 1 0 64H192v640h640V512z"
                   }),
-                  require$$0.createElementVNode("path", {
+                  vue.createElementVNode("path", {
                     fill: "currentColor",
                     d: "m469.952 554.24 52.8-7.552L847.104 222.4a32 32 0 1 0-45.248-45.248L477.44 501.44l-7.552 52.8zm422.4-422.4a96 96 0 0 1 0 135.808l-331.84 331.84a32 32 0 0 1-18.112 9.088L436.8 623.68a32 32 0 0 1-36.224-36.224l15.104-105.6a32 32 0 0 1 9.024-18.112l331.904-331.84a96 96 0 0 1 135.744 0z"
                   })
                 ], -1)
-              ]), 2)) : require$$0.createCommentVNode("", true)
+              ]), 2)) : vue.createCommentVNode("", true)
             ], 2)
           ]),
-          default: require$$0.withCtx(() => [
-            require$$0.createElementVNode("div", {
-              class: require$$0.normalizeClass(require$$0.unref(cs).z("popover"))
+          default: vue.withCtx(() => [
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass(vue.unref(cs).z("popover"))
             }, [
-              require$$0.createElementVNode("div", {
-                class: require$$0.normalizeClass(require$$0.unref(cs).z("title"))
+              vue.createElementVNode("div", {
+                class: vue.normalizeClass(vue.unref(cs).z("title"))
               }, "修改", 2),
-              require$$0.createVNode(require$$0.unref(index$1.Inputs), {
+              vue.createVNode(vue.unref(index$1.Inputs), {
                 modelValue: value.value,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
                 ref_key: "refEditInput",
@@ -130,29 +130,29 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
                 type: "text",
                 onBlur,
                 clearable: _ctx.clearable,
-                class: require$$0.normalizeClass(require$$0.unref(cs).z("input"))
+                class: vue.normalizeClass(vue.unref(cs).z("input"))
               }, null, 8, ["modelValue", "clearable", "class"]),
-              require$$0.createElementVNode("div", {
-                class: require$$0.normalizeClass(require$$0.unref(cs).z("but"))
+              vue.createElementVNode("div", {
+                class: vue.normalizeClass(vue.unref(cs).z("but"))
               }, [
-                require$$0.createVNode(require$$0.unref(elementPlus.ElButton), {
+                vue.createVNode(vue.unref(elementPlus.ElButton), {
                   size: "small",
                   type: "primary",
                   onClick: onConfirm
                 }, {
-                  default: require$$0.withCtx(() => _cache[1] || (_cache[1] = [
-                    require$$0.createTextVNode("确认")
+                  default: vue.withCtx(() => _cache[1] || (_cache[1] = [
+                    vue.createTextVNode("确认")
                   ])),
                   _: 1,
                   __: [1]
                 }),
-                require$$0.createVNode(require$$0.unref(elementPlus.ElButton), {
+                vue.createVNode(vue.unref(elementPlus.ElButton), {
                   size: "small",
                   text: "",
                   onClick: onClickqx
                 }, {
-                  default: require$$0.withCtx(() => _cache[2] || (_cache[2] = [
-                    require$$0.createTextVNode("关闭")
+                  default: vue.withCtx(() => _cache[2] || (_cache[2] = [
+                    vue.createTextVNode("关闭")
                   ])),
                   _: 1,
                   __: [2]

package/dist/components/el-tables/index.css

@@ -1,23 +1,23 @@
 :root {
-  --el-icon-picker-on: rgb(91, 189, 246);
-  --el-icon-picker-border: #eee;
-  --el-color-primary: #409eff;
-  --el-bag-primary: #409eff;
-  --el-bag-primary-text: #fff;
-  --el-border: #eee;
-  --el-layout-panel-gap: 10px;
-  --el-layout-panel-padding: 20px;
-  --el-layout-form-item-padding-right: var(
-  	--el-layout-panel-gap
+  --icon-picker-on: rgb(91, 189, 246);
+  --icon-picker-border: #eee;
+  --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
   );
-  --el-g-main-bg: var(--el-bg-color-page);
+  --g-main-bg: var(--bg-color-page);
 }
 
-.el-com {
+.com {
   font-size: 20px;
 }
 
-.el-tables {
+.tables {
   width: 100%;
   min-height: 100px;
   position: relative;
@@ -25,16 +25,16 @@
   display: flex;
   flex-direction: column;
 }
-.el-tables-table {
+.tables-table {
   background-color: transparent;
 }
-.el-tables-table.is-absolute {
+.tables-table.is-absolute {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
 }
-.el-tables-table th.el-table__cell {
+.tables-table th.el-table__cell {
   background-color: rgb(248, 248, 249);
 }

package/dist/components/el-tables/index.scss

@@ -21,7 +21,7 @@ $tables: 'tables';
 		// width: 100%;
 		// 去掉背景色
 		background-color: transparent;
-		th.#{$namespace}-table__cell {
+		th.#{e()}table__cell {
 			background-color: rgb(248, 248, 249);
 		}
 	}

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

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

package/dist/components/el-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 util = require("../../tables/common/util.cjs");
 const elementPlus = require("element-plus");
 const use = require("../../common/use.cjs");
@@ -36,7 +36,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 column = use.useSetCompon(
         obj,
         scope.row,
@@ -70,7 +70,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",
@@ -85,7 +85,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,
@@ -99,7 +99,7 @@ function setHeader(obj, scope, slots, emit, props, index2) {
 }
 function getDom(obj, emit, propss, slots, index2) {
   const props = setProps(obj, propss);
-  return require$$0.h(
+  return vue.h(
     elementPlus.ElTableColumn,
     {
       ...props,

package/dist/components/el-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/el-tables/src/column.ts

@@ -0,0 +1,166 @@
+import { inject, h } from 'vue';
+import { setMinWidth } from '../../tables/common/util';
+import { ElTableColumn } from 'element-plus';
+
+import {
+	useSetSlot,
+	useSetCompon,
+	useGetDomValue,
+	useGetDomLabel,
+} from '../../common/use';
+import { useAttrValue } from '../../../hooks/inherit';
+import { getCompons } from '../../common/compons';
+
+const noProps = ['children', 'class', 'minWidth', 'label'];
+
+export function setProps(obj: ListObj, props: ObjAny) {
+	const table = props.table;
+	const robj: ObjAny = {};
+	const issort = table['sort'];
+	robj['header-align'] = table['align'];
+	robj['align'] = useAttrValue(obj, 'headerAlign') || 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;
+}
+
+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.$index, table.paginat);
+		} else {
+			if (
+				table.paginat &&
+				table.paginat.current &&
+				table.paginat.pageSize
+			) {
+				domValue =
+					(table.paginat.current - 1) * table.paginat.pageSize +
+					scope.$index +
+					1;
+			} else {
+				domValue = scope.$index + 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);
+	return h(
+		ElTableColumn,
+		{
+			...props,
+			className: obj.class,
+			minWidth: setMinWidth(obj, propss),
+		},
+		{
+			default: (scope: ObjAny) => {
+				return setSslot(obj, scope, emit, slots, propss, index);
+			},
+			header: (scope: ObjAny) => {
+				return setHeader(obj, scope, slots, emit, propss, index);
+			},
+		},
+	);
+}
+
+export function columnRender(
+	obj: ListObj,
+	emit: Function,
+	props: ObjAny,
+	slots: ObjAny,
+	index: number,
+) {
+	return getDom(obj, emit, props, slots, index);
+}

package/dist/components/el-tables/src/columns.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 columns = require("./columns3.cjs");
 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: { 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/el-tables/src/columns.ts

@@ -0,0 +1,77 @@
+import { h } from 'vue';
+import { setMinWidth } from '../../tables/common/util';
+import { useHide } from '../../common/use';
+import { ElTableColumn } from 'element-plus';
+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;
+		}
+		if (!useHide(obj, props.value)) {
+			if (obj.children && obj.children.length > 0) {
+				if (obj.isdiv) {
+					arr.push(
+						...getLists(
+							obj.children as ListObj[],
+							emit,
+							props,
+							slots,
+							obj,
+						),
+					);
+				} else {
+					arr.push(
+						h(
+							ElTableColumn,
+							{
+								...setProps(obj, props),
+								className: obj.class,
+								minWidth: setMinWidth(obj, props),
+							},
+							{
+								default: (scope: ObjAny) => {
+									return getLists(
+										obj.children as ListObj[],
+										emit,
+										props,
+										slots,
+										obj,
+									);
+								},
+								header: (scope: ObjAny) => {
+									return setHeader(
+										obj,
+										scope,
+										slots,
+										emit,
+										props,
+										index,
+									);
+								},
+							},
+						),
+					);
+				}
+			} 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/el-tables/src/columns.vue

@@ -0,0 +1,40 @@
+<script lang="ts">
+	import { defineComponent } from 'vue';
+	import { render } from './columns';
+	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: { 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,
+		},
+		setup(props, { emit, slots }) {
+    return () => render(props, emit, slots)
+		},
+	});
+</script>
+<style lang="scss" scoped></style>

package/dist/components/el-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 elementPlus = require("element-plus");
@@ -25,7 +25,7 @@ function getLists(arrs, emit, props, slots, listobj) {
           );
         } else {
           arr.push(
-            require$$0.h(
+            vue.h(
               elementPlus.ElTableColumn,
               {
                 ...column.setProps(obj, props),