@fangzhongya/fang-ui 0.1.1 → 0.1.3

package/dist/components/common/use.cjs

@@ -190,7 +190,7 @@ function setComponString(value, obj, componObj, data, optionss, compons) {
   if (Object.keys(compons).includes(tcom)) {
     return vue.h(compons[tcom], componObj);
   } else {
-    return vue.h(compon, componObj);
+    return vue.h(vue.resolveComponent(compon), componObj);
   }
 }
 function getOnObjs(obj, data, emit, ...arrs) {
@@ -204,15 +204,15 @@ function getOnObjs(obj, data, emit, ...arrs) {
     ml = firstLower.firstLower(lineToLargeHump.lineToLargeHump(ml));
     objs[ml] = (...v) => {
       if (es[key] && typeof es[key] == "function") {
-        es[key](...v, data, obj);
+        es[key](...v, data, obj, ...arrs);
       } else {
-        emit("list-events", key, ...v, data, obj, ...arrs);
+        emit("list-events", es[key] || key, ...v, data, obj, ...arrs);
       }
     };
   });
   return objs;
 }
-function useSetSlot(obj, data, slots, index) {
+function useSetSlot(obj, data, slots, index, scope) {
   const slotname = obj.slot ?? obj.prop;
   if (slotname) {
     const slot = slots[slotname];
@@ -226,6 +226,7 @@ function useSetSlot(obj, data, slots, index) {
         }
       });
       return slot({
+        comscope: scope,
         column: obj,
         row: data,
         value,
@@ -234,18 +235,21 @@ function useSetSlot(obj, data, slots, index) {
     }
   }
 }
-function useSetCompon(obj, data, optionss, compons, emit, index) {
+function useSetCompon(obj, data, optionss, compons, emit, index, scope) {
   if (obj.compon) {
     const value = getValue(obj, data, index);
     const componValueName = obj.componValueName || "modelValue";
+    const attrs = vue.useAttrs();
     const componObj = {
+      ...attrs,
       ...obj.config,
-      ...getOnObjs(obj, data, emit),
+      ...getOnObjs(obj, data, emit, scope),
       multiple: obj.multiple,
       [componValueName]: value,
       ["onUpdate:" + componValueName]: (v) => setValue(v, obj, data),
       listobj: obj,
-      valueobj: data
+      valueobj: data,
+      comscope: scope
     };
     if (typeof obj.compon == "string") {
       return setComponString(

package/dist/components/common/use.d.ts

@@ -10,8 +10,8 @@ export declare function getOnObjs(obj: ListObj, data: ObjAny, emit: Function, ..
 type Compons = {
     [key: string]: Component;
 };
-export declare function useSetSlot(obj: ListObj, data: ObjAny, slots: ObjAny, index?: number): any;
-export declare function useSetCompon(obj: ListObj, data: ObjAny, optionss: ObjAny, compons: Compons, emit: Function, index?: number): VNode<RendererNode, RendererElement, {
+export declare function useSetSlot(obj: ListObj, data: ObjAny, slots: ObjAny, index?: number, scope?: ObjAny): any;
+export declare function useSetCompon(obj: ListObj, data: ObjAny, optionss: ObjAny, compons: Compons, emit: Function, index?: number, scope?: ObjAny): VNode<RendererNode, RendererElement, {
     [key: string]: any;
 }> | undefined;
 export declare const useGetDomValue: (obj: ListObj, data: ObjAny, options: ObjAny, index?: number) => any;

package/dist/components/common/use.js

@@ -1,4 +1,4 @@
-import { h, computed } from "vue";
+import { h, resolveComponent, computed, useAttrs } from "vue";
 import "../../utils/index.js";
 import { isObject } from "@fangzhongya/utils/basic/object/isObject";
 import { getFathers, getChildrenData } from "../../utils/util.js";
@@ -188,7 +188,7 @@ function setComponString(value, obj, componObj, data, optionss, compons) {
   if (Object.keys(compons).includes(tcom)) {
     return h(compons[tcom], componObj);
   } else {
-    return h(compon, componObj);
+    return h(resolveComponent(compon), componObj);
   }
 }
 function getOnObjs(obj, data, emit, ...arrs) {
@@ -202,15 +202,15 @@ function getOnObjs(obj, data, emit, ...arrs) {
     ml = firstLower(lineToLargeHump(ml));
     objs[ml] = (...v) => {
       if (es[key] && typeof es[key] == "function") {
-        es[key](...v, data, obj);
+        es[key](...v, data, obj, ...arrs);
       } else {
-        emit("list-events", key, ...v, data, obj, ...arrs);
+        emit("list-events", es[key] || key, ...v, data, obj, ...arrs);
       }
     };
   });
   return objs;
 }
-function useSetSlot(obj, data, slots, index) {
+function useSetSlot(obj, data, slots, index, scope) {
   const slotname = obj.slot ?? obj.prop;
   if (slotname) {
     const slot = slots[slotname];
@@ -224,6 +224,7 @@ function useSetSlot(obj, data, slots, index) {
         }
       });
       return slot({
+        comscope: scope,
         column: obj,
         row: data,
         value,
@@ -232,18 +233,21 @@ function useSetSlot(obj, data, slots, index) {
     }
   }
 }
-function useSetCompon(obj, data, optionss, compons, emit, index) {
+function useSetCompon(obj, data, optionss, compons, emit, index, scope) {
   if (obj.compon) {
     const value = getValue(obj, data, index);
     const componValueName = obj.componValueName || "modelValue";
+    const attrs = useAttrs();
     const componObj = {
+      ...attrs,
       ...obj.config,
-      ...getOnObjs(obj, data, emit),
+      ...getOnObjs(obj, data, emit, scope),
       multiple: obj.multiple,
       [componValueName]: value,
       ["onUpdate:" + componValueName]: (v) => setValue(v, obj, data),
       listobj: obj,
-      valueobj: data
+      valueobj: data,
+      comscope: scope
     };
     if (typeof obj.compon == "string") {
       return setComponString(

package/dist/components/index.scss

@@ -116,5 +116,5 @@
 @use './paging/index.scss' as *;
 @use './tables/index.scss' as *;
 @use './tablesp/index.scss' as *;
-@use './tabless/index.scss' as *;
-@use './tablesv/index.scss' as *;
+@use './tablesv/index.scss' as *;
+@use './tablesvp/index.scss' as *;

package/dist/components/index2.scss

@@ -110,11 +110,11 @@
 @use './switchs/style/index2.scss' as *;
 @use './texts/style/index2.scss' as *;
 @use './uploads/style/index2.scss' as *;
-@use './list/style/index.scss' as *;
+@use './list/style/index2.scss' as *;
 @use './lists/style/index2.scss' as *;
 @use './listsp/style/index2.scss' as *;
 @use './paging/style/index2.scss' as *;
 @use './tables/style/index2.scss' as *;
 @use './tablesp/style/index2.scss' as *;
-@use './tabless/style/index2.scss' as *;
-@use './tablesv/style/index2.scss' as *;
+@use './tablesv/style/index2.scss' as *;
+@use './tablesvp/style/index2.scss' as *;

package/dist/components/list/style/index2.scss

@@ -0,0 +1 @@
+@use '../index.scss' as *;

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

@@ -3,22 +3,18 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const index = require("../../button/index.cjs");
 const util = require("./util.cjs");
-const isObject = require("@fangzhongya/utils/basic/object/isObject");
-const isArray = require("@fangzhongya/utils/basic/array/isArray");
 const _hoisted_1 = { class: "table-but" };
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "table-but",
   props: {
-    /**
-     * table列表
-     * {
-     *      label:"列表名称"
-     *      prop:"列表取值"
-     *      type:"列表类型"
-     * }
-     *
-     */
-    tableListObj: {
+    list: {
+      type: Array
+    },
+    isText: { type: Boolean },
+    isHide: {
+      type: Boolean
+    },
+    listobj: {
       type: Object,
       default() {
         return {};
@@ -29,82 +25,95 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
      * row, column, $index
      *
      */
-    tableScope: {
+    valueobj: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    comscope: {
       type: Object,
       default() {
         return {};
       }
     }
   },
-  emits: ["scope-click"],
+  emits: ["but"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    function setValue(v) {
-      if (isArray.isArray(v)) {
-        return v;
-      } else if (isObject.isObject(v)) {
-        return [v];
+    function setShow(item) {
+      if (item.formatter) {
+        return item.formatter(
+          props.valueobj,
+          props.listobj,
+          item,
+          0,
+          props.comscope
+        );
+      } else {
+        return false;
+      }
+    }
+    function getHide(item) {
+      if (props.isHide) {
+        return !setShow(item);
       } else {
-        return [
-          {
-            value: v
-          }
-        ];
+        if (item.hide) {
+          return item.hide;
+        } else {
+          return true;
+        }
       }
     }
-    function getValue(row, column, cellValue, index2, formatter) {
-      if (formatter) {
-        const v = formatter(row, column, cellValue, index2);
-        return setValue(v);
+    function getDisabled(item) {
+      if (props.isHide) {
+        if (item.disabled) {
+          return item.disabled;
+        } else {
+          return false;
+        }
       } else {
-        return setValue(cellValue);
+        return setShow(item);
       }
     }
     function onClick(obj, $event) {
+      var _a;
       util.eventAliass(
         (callback) => {
-          callback(obj, props.tableScope, props.tableListObj, "but");
+          callback(
+            "but",
+            obj,
+            props.valueobj,
+            props.listobj,
+            props.comscope
+          );
         },
         "click",
-        props.tableListObj,
+        ((_a = props.listobj) == null ? void 0 : _a.events) || {},
         $event
       );
-      emit("scope-click", obj, props.tableScope, props.tableListObj, "but");
+      emit("but", obj);
     }
-    const valueArr = vue.computed(() => {
-      var _a;
-      const prop = props.tableListObj.prop || "";
-      const row = props.tableScope.row || {};
-      const column = props.tableScope.column || {};
-      const cellValue = row[prop];
-      const index2 = props.tableScope.$index;
-      const formatter = props.tableListObj.formatter;
-      const configFormatter = (_a = props.tableListObj.config) == null ? void 0 : _a.formatter;
-      if (configFormatter) {
-        const arr = configFormatter(row, column, cellValue, index2);
-        return setValue(arr);
-      } else {
-        return getValue(row, column, cellValue, index2, formatter);
-      }
-    });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("span", _hoisted_1, [
-        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(valueArr.value, (item, index$1) => {
-          return vue.openBlock(), vue.createBlock(vue.unref(index.Button), {
-            class: vue.normalizeClass(["table-but-li", item.class]),
-            key: index$1,
-            style: vue.normalizeStyle(item.style),
-            onClick: ($event) => onClick(item, $event),
-            type: item.type,
-            round: item.round,
-            text: typeof item.text == "undefined" ? true : item.text
-          }, {
-            default: vue.withCtx(() => [
-              vue.createTextVNode(vue.toDisplayString(item.value), 1)
-            ]),
-            _: 2
-          }, 1032, ["class", "style", "onClick", "type", "round", "text"]);
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(props.list, (item, index$1) => {
+          return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: index$1 }, [
+            getHide(item) ? (vue.openBlock(), vue.createBlock(vue.unref(index.Button), vue.mergeProps({
+              key: 0,
+              class: "table-but-li"
+            }, { ref_for: true }, item, {
+              link: props.isText ? true : item.link,
+              type: item.type ?? "primary",
+              disabled: getDisabled(item),
+              onClick: ($event) => onClick(item, $event)
+            }), {
+              default: vue.withCtx(() => [
+                vue.createTextVNode(vue.toDisplayString(item.label), 1)
+              ]),
+              _: 2
+            }, 1040, ["link", "type", "disabled", "onClick"])) : vue.createCommentVNode("", true)
+          ], 64);
         }), 128))
       ]);
     };

package/dist/components/tables/common/table-but2.js

@@ -1,22 +1,18 @@
-import { defineComponent, computed, createElementBlock, openBlock, Fragment, renderList, createBlock, unref, normalizeStyle, normalizeClass, withCtx, createTextVNode, toDisplayString } from "vue";
+import { defineComponent, createElementBlock, openBlock, Fragment, renderList, createBlock, createCommentVNode, unref, mergeProps, withCtx, createTextVNode, toDisplayString } from "vue";
 import { Button } from "../../button/index.js";
 import { eventAliass } from "./util.js";
-import { isObject } from "@fangzhongya/utils/basic/object/isObject";
-import { isArray } from "@fangzhongya/utils/basic/array/isArray";
 const _hoisted_1 = { class: "table-but" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "table-but",
   props: {
-    /**
-     * table列表
-     * {
-     *      label:"列表名称"
-     *      prop:"列表取值"
-     *      type:"列表类型"
-     * }
-     *
-     */
-    tableListObj: {
+    list: {
+      type: Array
+    },
+    isText: { type: Boolean },
+    isHide: {
+      type: Boolean
+    },
+    listobj: {
       type: Object,
       default() {
         return {};
@@ -27,82 +23,95 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
      * row, column, $index
      *
      */
-    tableScope: {
+    valueobj: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    comscope: {
       type: Object,
       default() {
         return {};
       }
     }
   },
-  emits: ["scope-click"],
+  emits: ["but"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    function setValue(v) {
-      if (isArray(v)) {
-        return v;
-      } else if (isObject(v)) {
-        return [v];
+    function setShow(item) {
+      if (item.formatter) {
+        return item.formatter(
+          props.valueobj,
+          props.listobj,
+          item,
+          0,
+          props.comscope
+        );
+      } else {
+        return false;
+      }
+    }
+    function getHide(item) {
+      if (props.isHide) {
+        return !setShow(item);
       } else {
-        return [
-          {
-            value: v
-          }
-        ];
+        if (item.hide) {
+          return item.hide;
+        } else {
+          return true;
+        }
       }
     }
-    function getValue(row, column, cellValue, index, formatter) {
-      if (formatter) {
-        const v = formatter(row, column, cellValue, index);
-        return setValue(v);
+    function getDisabled(item) {
+      if (props.isHide) {
+        if (item.disabled) {
+          return item.disabled;
+        } else {
+          return false;
+        }
       } else {
-        return setValue(cellValue);
+        return setShow(item);
       }
     }
     function onClick(obj, $event) {
+      var _a;
       eventAliass(
         (callback) => {
-          callback(obj, props.tableScope, props.tableListObj, "but");
+          callback(
+            "but",
+            obj,
+            props.valueobj,
+            props.listobj,
+            props.comscope
+          );
         },
         "click",
-        props.tableListObj,
+        ((_a = props.listobj) == null ? void 0 : _a.events) || {},
         $event
       );
-      emit("scope-click", obj, props.tableScope, props.tableListObj, "but");
+      emit("but", obj);
     }
-    const valueArr = computed(() => {
-      var _a;
-      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 = (_a = props.tableListObj.config) == null ? void 0 : _a.formatter;
-      if (configFormatter) {
-        const arr = configFormatter(row, column, cellValue, index);
-        return setValue(arr);
-      } else {
-        return getValue(row, column, cellValue, index, formatter);
-      }
-    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("span", _hoisted_1, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(valueArr.value, (item, index) => {
-          return openBlock(), createBlock(unref(Button), {
-            class: normalizeClass(["table-but-li", item.class]),
-            key: index,
-            style: normalizeStyle(item.style),
-            onClick: ($event) => onClick(item, $event),
-            type: item.type,
-            round: item.round,
-            text: typeof item.text == "undefined" ? true : item.text
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(item.value), 1)
-            ]),
-            _: 2
-          }, 1032, ["class", "style", "onClick", "type", "round", "text"]);
+        (openBlock(true), createElementBlock(Fragment, null, renderList(props.list, (item, index) => {
+          return openBlock(), createElementBlock(Fragment, { key: index }, [
+            getHide(item) ? (openBlock(), createBlock(unref(Button), mergeProps({
+              key: 0,
+              class: "table-but-li"
+            }, { ref_for: true }, item, {
+              link: props.isText ? true : item.link,
+              type: item.type ?? "primary",
+              disabled: getDisabled(item),
+              onClick: ($event) => onClick(item, $event)
+            }), {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(item.label), 1)
+              ]),
+              _: 2
+            }, 1040, ["link", "type", "disabled", "onClick"])) : createCommentVNode("", true)
+          ], 64);
         }), 128))
       ]);
     };

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

@@ -2,21 +2,23 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 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__ */ vue.defineComponent({
   __name: "table-color",
   props: {
-    /**
-     * table列表
-     * {
-     *      label:"列表名称"
-     *      prop:"列表取值"
-     *      type:"列表类型"
-     * }
-     *
-     */
-    tableListObj: {
+    class: {
+      type: [String, Function]
+    },
+    style: {
+      type: [String, Object]
+    },
+    isWhite: Boolean,
+    isBackg: Boolean,
+    color: String,
+    formatter: Function,
+    modelValue: {
+      type: String
+    },
+    listobj: {
       type: Object,
       default() {
         return {};
@@ -27,92 +29,100 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
      * row, column, $index
      *
      */
-    tableScope: {
+    valueobj: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    comscope: {
       type: Object,
       default() {
         return {};
       }
     }
   },
-  emits: ["scope-click"],
+  emits: ["color"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    function setValue(v) {
-      if (isObject.isObject(v)) {
-        return v;
-      } else {
-        return {
-          value: v
-        };
-      }
-    }
-    function getValue(row, column, cellValue, index, formatter) {
-      if (formatter) {
-        const v = formatter(row, column, cellValue, index);
-        return setValue(v);
-      } else {
-        return setValue(cellValue);
-      }
-    }
-    const valueObj = vue.computed(() => {
-      var _a, _b, _c, _d;
-      const prop = props.tableListObj.prop || "";
-      const row = ((_a = props.tableScope) == null ? void 0 : _a.row) || {};
-      const column = ((_b = props.tableScope) == null ? void 0 : _b.column) || {};
-      const cellValue = row[prop];
-      const index = (_c = props.tableScope) == null ? void 0 : _c.$index;
-      const formatter = props.tableListObj.formatter;
-      const configFormatter = (_d = props.tableListObj.config) == null ? void 0 : _d.formatter;
-      if (configFormatter) {
-        const obj = configFormatter(row, column, cellValue, index);
-        let css;
-        let value = "";
-        let style;
-        if (isObject.isObject(obj)) {
-          value = obj.value;
-          css = obj.class;
-          style = obj.style;
+    const className = vue.computed(() => {
+      if (props.class) {
+        if (typeof props.class == "function") {
+          return props.class(
+            props.valueobj,
+            props.listobj,
+            props.modelValue,
+            0,
+            props.comscope
+          );
         } else {
-          css = obj;
+          return props.class;
         }
-        if (!value) {
-          value = getValue(
-            row,
-            column,
-            cellValue,
-            index,
-            formatter
-          ).value;
+      }
+      return;
+    });
+    const color = vue.computed(() => {
+      if (props.isBackg) {
+        if (props.isWhite) {
+          return "#fff";
         }
-        return {
-          class: css,
-          value,
-          style
-        };
       } else {
-        return getValue(row, column, cellValue, index, formatter);
+        return getValue();
+      }
+      return;
+    });
+    const backgroundColor = vue.computed(() => {
+      if (props.isBackg) {
+        return getValue();
       }
+      return;
     });
+    function getValue() {
+      if (props.formatter) {
+        return props.formatter(
+          props.valueobj,
+          props.listobj,
+          props.color,
+          0,
+          props.comscope
+        );
+      } else {
+        return props.color;
+      }
+    }
     function onClick($event) {
-      let obj = valueObj.value;
+      var _a;
+      const obj = {};
       util.eventAliass(
         (callback) => {
-          callback(obj, props.tableScope, props.tableListObj, "color");
+          callback(
+            "color",
+            obj,
+            props.valueobj,
+            props.listobj,
+            props.comscope
+          );
         },
         "click",
-        props.tableListObj,
+        ((_a = props.listobj) == null ? void 0 : _a.events) || {},
         $event
       );
-      emit("scope-click", obj, props.tableScope, props.tableListObj, "color");
+      emit("color", obj);
     }
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("span", {
-        class: vue.normalizeClass(["table-color", valueObj.value.class]),
+        class: vue.normalizeClass(["table-color", className.value]),
         onClick: _cache[0] || (_cache[0] = ($event) => onClick($event)),
-        style: vue.normalizeStyle(valueObj.value.style)
+        style: vue.normalizeStyle(props.style)
       }, [
-        vue.createElementVNode("span", _hoisted_1, vue.toDisplayString(valueObj.value.value), 1)
+        vue.createElementVNode("span", {
+          style: vue.normalizeStyle({
+            color: color.value,
+            backgroundColor: backgroundColor.value
+          }),
+          class: "table-color-value"
+        }, vue.toDisplayString(props.modelValue), 5)
       ], 6);
     };
   }

package/dist/components/tables/common/table-color2.js

@@ -1,20 +1,22 @@
 import { defineComponent, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode, toDisplayString } from "vue";
 import { eventAliass } from "./util.js";
-import { isObject } from "@fangzhongya/utils/basic/object/isObject";
-const _hoisted_1 = { class: "table-color-value" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "table-color",
   props: {
-    /**
-     * table列表
-     * {
-     *      label:"列表名称"
-     *      prop:"列表取值"
-     *      type:"列表类型"
-     * }
-     *
-     */
-    tableListObj: {
+    class: {
+      type: [String, Function]
+    },
+    style: {
+      type: [String, Object]
+    },
+    isWhite: Boolean,
+    isBackg: Boolean,
+    color: String,
+    formatter: Function,
+    modelValue: {
+      type: String
+    },
+    listobj: {
       type: Object,
       default() {
         return {};
@@ -25,92 +27,100 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
      * row, column, $index
      *
      */
-    tableScope: {
+    valueobj: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    comscope: {
       type: Object,
       default() {
         return {};
       }
     }
   },
-  emits: ["scope-click"],
+  emits: ["color"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    function setValue(v) {
-      if (isObject(v)) {
-        return v;
-      } else {
-        return {
-          value: v
-        };
-      }
-    }
-    function getValue(row, column, cellValue, index, formatter) {
-      if (formatter) {
-        const v = formatter(row, column, cellValue, index);
-        return setValue(v);
-      } else {
-        return setValue(cellValue);
-      }
-    }
-    const valueObj = computed(() => {
-      var _a, _b, _c, _d;
-      const prop = props.tableListObj.prop || "";
-      const row = ((_a = props.tableScope) == null ? void 0 : _a.row) || {};
-      const column = ((_b = props.tableScope) == null ? void 0 : _b.column) || {};
-      const cellValue = row[prop];
-      const index = (_c = props.tableScope) == null ? void 0 : _c.$index;
-      const formatter = props.tableListObj.formatter;
-      const configFormatter = (_d = props.tableListObj.config) == null ? void 0 : _d.formatter;
-      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;
+    const className = computed(() => {
+      if (props.class) {
+        if (typeof props.class == "function") {
+          return props.class(
+            props.valueobj,
+            props.listobj,
+            props.modelValue,
+            0,
+            props.comscope
+          );
         } else {
-          css = obj;
+          return props.class;
         }
-        if (!value) {
-          value = getValue(
-            row,
-            column,
-            cellValue,
-            index,
-            formatter
-          ).value;
+      }
+      return;
+    });
+    const color = computed(() => {
+      if (props.isBackg) {
+        if (props.isWhite) {
+          return "#fff";
         }
-        return {
-          class: css,
-          value,
-          style
-        };
       } else {
-        return getValue(row, column, cellValue, index, formatter);
+        return getValue();
+      }
+      return;
+    });
+    const backgroundColor = computed(() => {
+      if (props.isBackg) {
+        return getValue();
       }
+      return;
     });
+    function getValue() {
+      if (props.formatter) {
+        return props.formatter(
+          props.valueobj,
+          props.listobj,
+          props.color,
+          0,
+          props.comscope
+        );
+      } else {
+        return props.color;
+      }
+    }
     function onClick($event) {
-      let obj = valueObj.value;
+      var _a;
+      const obj = {};
       eventAliass(
         (callback) => {
-          callback(obj, props.tableScope, props.tableListObj, "color");
+          callback(
+            "color",
+            obj,
+            props.valueobj,
+            props.listobj,
+            props.comscope
+          );
         },
         "click",
-        props.tableListObj,
+        ((_a = props.listobj) == null ? void 0 : _a.events) || {},
         $event
       );
-      emit("scope-click", obj, props.tableScope, props.tableListObj, "color");
+      emit("color", obj);
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("span", {
-        class: normalizeClass(["table-color", valueObj.value.class]),
+        class: normalizeClass(["table-color", className.value]),
         onClick: _cache[0] || (_cache[0] = ($event) => onClick($event)),
-        style: normalizeStyle(valueObj.value.style)
+        style: normalizeStyle(props.style)
       }, [
-        createElementVNode("span", _hoisted_1, toDisplayString(valueObj.value.value), 1)
+        createElementVNode("span", {
+          style: normalizeStyle({
+            color: color.value,
+            backgroundColor: backgroundColor.value
+          }),
+          class: "table-color-value"
+        }, toDisplayString(props.modelValue), 5)
       ], 6);
     };
   }

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

@@ -29,7 +29,7 @@ function setProps(obj, props) {
   return robj;
 }
 function setSslot(obj, scope, emit, slots, props, index2) {
-  const slot = use.useSetSlot(obj, scope.row, slots, index2);
+  const slot = use.useSetSlot(obj, scope.row, slots, index2, scope);
   if (slot) {
     return slot;
   }
@@ -44,7 +44,8 @@ function setSslot(obj, scope, emit, slots, props, index2) {
         optionss,
         compons.getCompons(compons$1),
         emit,
-        index2
+        index2,
+        scope
       );
       if (column) {
         return column;

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

@@ -27,7 +27,7 @@ function setProps(obj, props) {
   return robj;
 }
 function setSslot(obj, scope, emit, slots, props, index) {
-  const slot = useSetSlot(obj, scope.row, slots, index);
+  const slot = useSetSlot(obj, scope.row, slots, index, scope);
   if (slot) {
     return slot;
   }
@@ -42,7 +42,8 @@ function setSslot(obj, scope, emit, slots, props, index) {
         optionss,
         getCompons(compons),
         emit,
-        index
+        index,
+        scope
       );
       if (column) {
         return column;

package/dist/components/tables/style/index2.scss

@@ -1,4 +1,5 @@
 @use '../../loading/style/index2.scss' as *;
 @use '../../table-column/style/index2.scss' as *;
 @use '../../table/style/index2.scss' as *;
+@use '../../button/style/index2.scss' as *;
 @use '../index.scss' as *;

package/dist/css/index.css

@@ -1615,28 +1615,6 @@
   justify-content: flex-end;
 }
 
-.tabless {
-  width: 100%;
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-}
-.tabless-main {
-  display: flex;
-  flex-direction: column;
-  flex: 1;
-  width: 100%;
-}
-.tabless-main.is-radio .el-table__header .el-table-column--selection .el-checkbox {
-  display: none;
-}
-.tabless-paginat {
-  overflow: hidden;
-}
-.tabless-paginat .el-pagination {
-  justify-content: flex-end;
-}
-
 .tablesv {
   width: 100%;
   min-height: 100px;
@@ -1718,4 +1696,26 @@
   left: 0;
   z-index: 1;
   opacity: 0;
+}
+
+.tablesvp {
+  width: 100%;
+  height: var(--tablesvp-height);
+  display: flex;
+  flex-direction: column;
+}
+.tablesvp-main {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  width: 100%;
+}
+.tablesvp-main.is-radio .el-table__header .el-table-column--selection .el-checkbox {
+  display: none;
+}
+.tablesvp-paginat {
+  overflow: hidden;
+}
+.tablesvp-paginat .el-pagination {
+  justify-content: flex-end;
 }

package/dist/icons/index.json

@@ -1,7 +1,7 @@
 {
     "prefix": "fang-ui",
     "info": {},
-    "lastModified": 1762478722954,
+    "lastModified": 1762497579365,
     "icons": {
         "bar": {
             "body": " <path fill=\"currentColor\" d=\"M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64z\" ></path> "

package/dist/index.css

@@ -1615,28 +1615,6 @@
   justify-content: flex-end;
 }
 
-.tabless {
-  width: 100%;
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-}
-.tabless-main {
-  display: flex;
-  flex-direction: column;
-  flex: 1;
-  width: 100%;
-}
-.tabless-main.is-radio .el-table__header .el-table-column--selection .el-checkbox {
-  display: none;
-}
-.tabless-paginat {
-  overflow: hidden;
-}
-.tabless-paginat .el-pagination {
-  justify-content: flex-end;
-}
-
 .tablesv {
   width: 100%;
   min-height: 100px;
@@ -1718,4 +1696,26 @@
   left: 0;
   z-index: 1;
   opacity: 0;
+}
+
+.tablesvp {
+  width: 100%;
+  height: var(--tablesvp-height);
+  display: flex;
+  flex-direction: column;
+}
+.tablesvp-main {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  width: 100%;
+}
+.tablesvp-main.is-radio .el-table__header .el-table-column--selection .el-checkbox {
+  display: none;
+}
+.tablesvp-paginat {
+  overflow: hidden;
+}
+.tablesvp-paginat .el-pagination {
+  justify-content: flex-end;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fangzhongya/fang-ui",
   "private": false,
-  "version": "0.1.1",
+  "version": "0.1.3",
   "type": "module",
   "description ": "fang-ui",
   "keywords": [
@@ -50,13 +50,13 @@
     "vuedraggable": "4.1.0",
     "vxe-table": "4.17.10",
     "@fang-ui/components": "0.0.1-0",
-    "@fang-ui/hooks": "0.0.1-0",
     "@fang-ui/directives": "0.0.1-0",
+    "@fang-ui/hooks": "0.0.1-0",
     "@fang-ui/icons": "0.0.1-0",
     "@fang-ui/locale": "0.0.1-0",
     "@fang-ui/theme": "0.0.1-0",
-    "@fang-ui/utils": "0.0.1-0",
-    "@fang-ui/types": "0.0.1-0"
+    "@fang-ui/types": "0.0.1-0",
+    "@fang-ui/utils": "0.0.1-0"
   },
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",