@fangzhongya/fang-ui 0.0.100 → 0.1.2

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/date-picker/style/element.scss

@@ -1,4 +1,7 @@
+/**
+ * @config cover=true
+ */
 @use 'element-plus/theme-chalk/src/base.scss' as *;
-@use '../../date-picker-panel/style/index2.scss' as *;
+// @use '../../date-picker-panel/style/index2.scss' as *;
 @use 'element-plus/theme-chalk/src/popper.scss' as *;
-@use 'element-plus/theme-chalk/src/date-picker.scss' as *;
+@use 'element-plus/theme-chalk/src/date-picker.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/icons/index.css

@@ -15,17 +15,17 @@
   --icon-svg-edit: url("data:image/svg+xml;utf8,%3Csvg id='icon-edit' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath 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' %3E%3C/path%3E %3Cpath 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' %3E%3C/path%3E %3C/svg%3E");
   --icon-svg-enter: url("data:image/svg+xml;utf8,%3Csvg id='icon-enter' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M656.36179153 933.07378604a68.79342673 68.79342673 0 0 1-27.51737036-5.96209735 71.08654065 71.08654065 0 0 1-42.1933016-65.58306674v-256.82879141L226.17356421 915.64611825a67.87618066 67.87618066 0 0 1-73.8382772 12.38281651A71.08654065 71.08654065 0 0 1 110.14198542 861.52862195V161.67016327A71.08654065 71.08654065 0 0 1 152.79390964 96.08709734a67.87618066 67.87618066 0 0 1 73.838278 12.84143913l359.56030848 310.94628772V161.67016327a71.08654065 71.08654065 0 0 1 42.65192505-65.58306592 67.87618066 67.87618066 0 0 1 74.29690063 12.84143912L1107.64666924 457.02327451a72.00378671 72.00378671 0 0 1 0 105.94187704L702.22407574 915.64611825a68.33480328 68.33480328 0 0 1-45.86228422 17.42766779z m-476.96775677-72.00378671l405.88121611-349.47060672-404.50534743-351.76372064v701.69294998z m476.0505107 0l405.88121696-349.47060672-404.50534827-351.76372064v701.69294998z' fill='%232c2c2c' p-id='2173'%3E%3C/path%3E%3C/svg%3E");
   --icon-svg-frame: url("data:image/svg+xml;utf8,%3Csvg id='icon-frame' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M782 912.00000031h-540C170 912.00000031 111.99999969 854 111.99999969 782v-540C111.99999969 170 170 111.99999969 242 111.99999969h538.00000031c72 0 130.00000031 58.00000031 129.99999938 130.00000031v538.00000031c1.99999969 73.99999969-55.99999969 132-127.99999969 132z m-540-740.00000062C204.00000031 171.99999969 171.99999969 204.00000031 171.99999969 242v538.00000031c0 37.99999969 31.99999969 70.00000031 70.00000031 69.99999938h538.00000031c37.99999969 0 70.00000031-31.99999969 69.99999938-69.99999938V242C852.00000031 204.00000031 819.99999969 171.99999969 782 171.99999969h-540z'%3E%3C/path%3E %3C/svg%3E");
-  --icon-svg-pause: url("data:image/svg+xml;utf8,%3Csvg id='icon-pause' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M512.75766904 961.99942783A449.99971348 449.99971348 0 0 1 337.51316182 97.22502617a449.99971348 449.99971348 0 0 1 350.48901357 828.66874922 447.35783643 447.35783643 0 0 1-175.24450635 36.10565244z m0-829.5493746C303.16876104 132.45005323 133.20800791 302.41080635 133.20800791 511.99971347s169.96075312 379.54966113 379.54966113 379.54966114 379.54966113-170.84137852 379.54966026-379.54966113S721.46595078 132.45005323 512.75766904 132.45005323z' fill='' p-id='1388'%3E%3C/path%3E%3Cpath d='M409.72446583 725.11112393a35.22502617 35.22502617 0 0 1-35.22502619-35.22502617V354.36772021a35.22502617 35.22502617 0 0 1 70.45005323 0v335.51837755a35.22502617 35.22502617 0 0 1-35.22502705 35.22502617zM619.31337383 725.11112393a35.22502617 35.22502617 0 0 1-35.22502617-35.22502617V354.36772021a35.22502617 35.22502617 0 0 1 70.45005322 0v335.51837755a35.22502617 35.22502617 0 0 1-35.22502705 35.22502617z' fill='' p-id='1389'%3E%3C/path%3E%3C/svg%3E");
   --icon-svg-left: url("data:image/svg+xml;utf8,%3Csvg id='icon-left' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill='currentColor' d='M609.408 149.376 277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0 30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688 29.12 29.12 0 0 0-41.728 0z' %3E%3C/path%3E %3C/svg%3E");
+  --icon-svg-mute: url("data:image/svg+xml;utf8,%3Csvg id='icon-mute' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M878.04586667 942.39857813l-796.4444448-796.4444448 64.35271146-64.35271146 796.4444448 796.4444448-64.35271146 64.35271146zM466.48888853 227.3507552V352.71111147h91.02222294V130.2755552c0-41.3923552-48.99271147-63.21493333-79.75822294-35.52142187l-109.9776 98.98666667 60.89386667 67.65226667L466.48888853 227.328z m348.63786667 446.91911147c68.97208853-142.9504 48.58311147-302.6944-68.4259552-419.72622187l64.35271147-64.35271147c146.09066667 146.06791147 170.8032 348.00071147 86.0615104 523.62808854l-81.98826667-39.5491552zM170.66666667 375.46666667h22.7555552v-91.02222187H127.43111147A47.78666667 47.78666667 0 0 0 79.6444448 332.23111147v359.53777706c0 26.3964448 21.39022187 47.78666667 47.78666667 47.78666667h139.55982186l210.7619552 189.69031147c30.76551147 27.69351147 79.75822187 5.87093333 79.75822294-35.49866667V671.28888853h-91.02222294v125.38311147L301.8979552 648.53333333H170.66666667V375.46666667z m499.3024 165.13706666c17.68106667-44.19128853-2.2755552-107.61102187-51.9964448-157.33191146l64.35271146-64.37546667c62.41848853 62.41848853 109.1356448 163.15733333 72.13511147 255.5448896l-84.49137813-33.83751147z' p-id='1906'%3E%3C/path%3E%3C/svg%3E");
+  --icon-svg-pause: url("data:image/svg+xml;utf8,%3Csvg id='icon-pause' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M512.75766904 961.99942783A449.99971348 449.99971348 0 0 1 337.51316182 97.22502617a449.99971348 449.99971348 0 0 1 350.48901357 828.66874922 447.35783643 447.35783643 0 0 1-175.24450635 36.10565244z m0-829.5493746C303.16876104 132.45005323 133.20800791 302.41080635 133.20800791 511.99971347s169.96075312 379.54966113 379.54966113 379.54966114 379.54966113-170.84137852 379.54966026-379.54966113S721.46595078 132.45005323 512.75766904 132.45005323z' fill='' p-id='1388'%3E%3C/path%3E%3Cpath d='M409.72446583 725.11112393a35.22502617 35.22502617 0 0 1-35.22502619-35.22502617V354.36772021a35.22502617 35.22502617 0 0 1 70.45005323 0v335.51837755a35.22502617 35.22502617 0 0 1-35.22502705 35.22502617zM619.31337383 725.11112393a35.22502617 35.22502617 0 0 1-35.22502617-35.22502617V354.36772021a35.22502617 35.22502617 0 0 1 70.45005322 0v335.51837755a35.22502617 35.22502617 0 0 1-35.22502705 35.22502617z' fill='' p-id='1389'%3E%3C/path%3E%3C/svg%3E");
   --icon-svg-play: url("data:image/svg+xml;utf8,%3Csvg id='icon-play' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M512.01404492 62C263.87572168 62 62 263.87572168 62 512.01404492s201.87572168 449.98595508 450.01404492 449.98595508c248.11023339 0 449.98595508-201.87572168 449.98595508-449.98595508S760.12427832 62 512.01404492 62zM512.01404492 905.82197802C294.85790088 905.82197802 118.17802198 729.14209912 118.17802198 512.01404492S294.85790088 118.17802198 512.01404492 118.17802198c217.12805508 0 393.80793398 176.67987891 393.80793399 393.83602294S729.14209912 905.82197802 512.01404492 905.82197802zM715.09759385 477.01513672l-245.94737959-150.44474268-3.62348262-1.88196415c-2.07858692-0.89884864-21.06675791-8.73568213-41.26275703-8.73568213-34.9427294 0-57.55438301 23.22961172-57.554383 59.12736766l0 285.55288507 1.51680673 4.40997451c5.28073418 15.53322305 23.0049 41.79644825 55.70050869 41.79644825l0 0c10.39293369 0 21.15102568-2.80890088 33.00458818-8.87612784l243.13847872-137.8046874 2.38756552-1.5448957c16.74105029-11.8535625 34.83037354-41.62791445 16.20735909-75.16619297L715.09759385 477.01513672zM430.30311172 648.55472714c-3.53921573 1.79769638-5.53353487 2.07858692-6.17958281 2.13476486-0.33706846-0.28089053-0.75840293-0.75840293-1.20782725-1.34827296l0-274.26110273c0-1.20782724 0.05617793-2.19094277 0.16853379-2.92125674 5.19646729-0.28089053 14.91526494 2.16285381 18.9039041 3.62348262l225.80755928 138.11366689L430.30311172 648.55472714z' fill='%232c2c2c' p-id='1545'%3E%3C/path%3E%3C/svg%3E");
   --icon-svg-plus: url("data:image/svg+xml;utf8,%3Csvg id='icon-plus' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill='currentColor' d='M480 480V128a32 32 0 0 1 64 0v352h352a32 32 0 1 1 0 64H544v352a32 32 0 1 1-64 0V544H128a32 32 0 0 1 0-64z'%3E%3C/path%3E %3C/svg%3E");
-  --icon-svg-mute: url("data:image/svg+xml;utf8,%3Csvg id='icon-mute' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M878.04586667 942.39857813l-796.4444448-796.4444448 64.35271146-64.35271146 796.4444448 796.4444448-64.35271146 64.35271146zM466.48888853 227.3507552V352.71111147h91.02222294V130.2755552c0-41.3923552-48.99271147-63.21493333-79.75822294-35.52142187l-109.9776 98.98666667 60.89386667 67.65226667L466.48888853 227.328z m348.63786667 446.91911147c68.97208853-142.9504 48.58311147-302.6944-68.4259552-419.72622187l64.35271147-64.35271147c146.09066667 146.06791147 170.8032 348.00071147 86.0615104 523.62808854l-81.98826667-39.5491552zM170.66666667 375.46666667h22.7555552v-91.02222187H127.43111147A47.78666667 47.78666667 0 0 0 79.6444448 332.23111147v359.53777706c0 26.3964448 21.39022187 47.78666667 47.78666667 47.78666667h139.55982186l210.7619552 189.69031147c30.76551147 27.69351147 79.75822187 5.87093333 79.75822294-35.49866667V671.28888853h-91.02222294v125.38311147L301.8979552 648.53333333H170.66666667V375.46666667z m499.3024 165.13706666c17.68106667-44.19128853-2.2755552-107.61102187-51.9964448-157.33191146l64.35271146-64.37546667c62.41848853 62.41848853 109.1356448 163.15733333 72.13511147 255.5448896l-84.49137813-33.83751147z' p-id='1906'%3E%3C/path%3E%3C/svg%3E");
   --icon-svg-retreat: url("data:image/svg+xml;utf8,%3Csvg id='icon-retreat' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M559.63820844 90.92621397a68.79342673 68.79342673 0 0 1 27.51737036 5.96209734 71.08654065 71.08654065 0 0 1 42.1933016 65.58306674l0 256.82879141L989.82643576 108.35388176a67.87618066 67.87618066 0 0 1 73.8382772-12.38281652A71.08654065 71.08654065 0 0 1 1105.85801454 162.47137805L1105.85801455 862.32983673A71.08654065 71.08654065 0 0 1 1063.20609033 927.91290266a67.87618066 67.87618066 0 0 1-73.838278-12.84143913l-359.56030848-310.94628772L629.80750385 862.32983672a71.08654065 71.08654065 0 0 1-42.65192505 65.58306593 67.87618066 67.87618066 0 0 1-74.29690062-12.84143912L108.35333073 566.97672549a72.00378671 72.00378671 0 0 1-1e-8-105.94187704L513.77592423 108.35388176a68.33480328 68.33480328 0 0 1 45.86228422-17.4276678z m476.96775677 72.0037867l-405.88121611 349.47060672 404.50534743 351.76372064 0-701.69294998z m-476.05051069 0l-405.88121697 349.47060672 404.50534827 351.76372064 0-701.69294998z' fill='%232c2c2c' p-id='2329'%3E%3C/path%3E%3C/svg%3E");
   --icon-svg-right: url("data:image/svg+xml;utf8,%3Csvg id='icon-right' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill='currentColor' d='M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512 340.864 831.872a30.592 30.592 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z' %3E%3C/path%3E %3C/svg%3E");
   --icon-svg-sound: url("data:image/svg+xml;utf8,%3Csvg id='icon-sound' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M572.16 104.96a47.04 47.04 0 0 0-49.92 4.48L181.76 360.96H70.4c-26.24 0-48 21.76-48 48v245.12c0 26.24 21.76 48 48 48h111.36l344.32 203.52c7.68 4.48 16 6.4 24.32 6.4s16.64-1.92 23.68-6.4c14.72-8.32 24.32-24.32 24.32-41.6V147.84a48.64 48.64 0 0 0-26.24-42.88zM502.4 780.16L230.4 619.52l-11.52-6.4a47.744 47.744 0 0 0-24.32-6.4H118.4V456.96h78.72c10.24 0 20.48-3.2 28.8-9.6l276.48-204.8v537.6zM760.32 338.56c-18.56-18.56-49.28-18.56-67.84 0s-18.56 49.28 0 67.84c51.84 51.84 51.84 136.32 0 188.16-18.56 18.56-18.56 49.28 0 67.84 9.6 9.6 21.76 14.08 33.92 14.08s24.32-4.48 33.92-14.08c88.96-88.96 88.96-234.24 0-323.84z' p-id='1749'%3E%3C/path%3E%3Cpath d='M888.32 210.56c-18.56-18.56-49.28-18.56-67.84 0s-18.56 49.28 0 67.84a314.816 314.816 0 0 1 0 444.16c-18.56 18.56-18.56 49.28 0 67.84 9.6 9.6 21.76 14.08 33.92 14.08s24.32-4.48 33.92-14.08a410.24 410.24 0 0 0 0-579.84z' p-id='1750'%3E%3C/path%3E%3C/svg%3E");
   --icon-svg-star: url("data:image/svg+xml;utf8,%3Csvg id='icon-star' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M213.875 956.375c-78.75 0-146.25-61.875-146.25-146.25V450.125c0-78.75 61.875-146.25 146.25-146.25h365.62500001c78.75 0 146.25 61.875 146.24999999 146.25v365.625c0 78.75-61.875 146.25-146.25000001 146.25l-365.62499999-5.625z m0-579.375c-45 0-78.75 33.75-78.75 78.75v365.625c0 45 33.75 78.75 78.75 78.75h365.62500001c45 0 78.75-33.75 78.74999999-78.75V450.125c0-45-33.75-78.75-78.74999999-78.75H213.875z' p-id='1087'%3E%3C/path%3E%3Cpath d='M810.125 78.875H444.49999999C360.125 78.875 298.25 146.375 298.25 225.125v22.5h61.875v-22.5c0-45 33.75-78.75 78.75-78.75h360c45 0 78.75 33.75 78.75 78.75v360c0 45-33.75 78.75-78.75 78.75h-33.75V737h45c84.375 0 146.25-67.50000001 146.25-146.25V225.125c0-84.375-67.50000001-146.25-146.25-146.25z' p-id='1088'%3E%3C/path%3E %3C/svg%3E");
-  --icon-svg-views: url("data:image/svg+xml;utf8,%3Csvg id='icon-views' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704m-32-384v-96a32 32 0 0 1 64 0v96h96a32 32 0 0 1 0 64h-96v96a32 32 0 0 1-64 0v-96h-96a32 32 0 0 1 0-64z'%3E%3C/path%3E%3C/svg%3E");
   --icon-svg-up: url("data:image/svg+xml;utf8,%3Csvg id='icon-up' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M149.33333334 887.33013334c0 18.8416 15.29173333 34.13333333 34.13333333 34.13333333S217.6 906.17173333 217.6 887.33013333l0-301.73866666L807.90186667 914.56853333c19.38773333 10.78613333 42.5984 10.71786667 61.98613334 0C889.344 903.71413332 900.88106667 884.39466667 900.88106667 862.75413333l0-700.416c0-21.57226667-11.53706667-41.02826667-30.99306667-51.8144C860.19413334 105.13066667 849.6128 102.4 838.9632 102.4s-21.29919999 2.73066667-30.99306666 8.12373333L217.6 439.5008l0-303.03573333c0-18.8416-15.29173333-34.13333333-34.13333333-34.13333334s-34.13333333 15.29173333-34.13333334 34.13333334L149.33333334 887.33013334zM832.2048 173.60213333L835.54986667 853.33333333l-611.53279999-340.7872L832.2048 173.60213333z' p-id='2637'%3E%3C/path%3E%3C/svg%3E");
+  --icon-svg-views: url("data:image/svg+xml;utf8,%3Csvg id='icon-views' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704m-32-384v-96a32 32 0 0 1 64 0v96h96a32 32 0 0 1 0 64h-96v96a32 32 0 0 1-64 0v-96h-96a32 32 0 0 1 0-64z'%3E%3C/path%3E%3C/svg%3E");
 }
 .icon-bar  {
   height: 1em;
@@ -172,13 +172,6 @@
   background-size: 100% 100%;
   background-color: transparent;
 }
-.icon-pause  {
-  height: 1em;
-  width: 1em;
-  background: var(--icon-svg-pause) no-repeat;
-  background-size: 100% 100%;
-  background-color: transparent;
-}
 .icon-left  {
   height: 1em;
   width: 1em;
@@ -189,6 +182,20 @@
   mask-size: 100% 100%;
   color: inherit;
 }
+.icon-mute  {
+  height: 1em;
+  width: 1em;
+  background: var(--icon-svg-mute) no-repeat;
+  background-size: 100% 100%;
+  background-color: transparent;
+}
+.icon-pause  {
+  height: 1em;
+  width: 1em;
+  background: var(--icon-svg-pause) no-repeat;
+  background-size: 100% 100%;
+  background-color: transparent;
+}
 .icon-play  {
   height: 1em;
   width: 1em;
@@ -206,13 +213,6 @@
   mask-size: 100% 100%;
   color: inherit;
 }
-.icon-mute  {
-  height: 1em;
-  width: 1em;
-  background: var(--icon-svg-mute) no-repeat;
-  background-size: 100% 100%;
-  background-color: transparent;
-}
 .icon-retreat  {
   height: 1em;
   width: 1em;
@@ -244,6 +244,13 @@
   background-size: 100% 100%;
   background-color: transparent;
 }
+.icon-up  {
+  height: 1em;
+  width: 1em;
+  background: var(--icon-svg-up) no-repeat;
+  background-size: 100% 100%;
+  background-color: transparent;
+}
 .icon-views  {
   height: 1em;
   width: 1em;
@@ -253,11 +260,4 @@
   -webkit-mask-size: 100% 100%;
   mask-size: 100% 100%;
   color: inherit;
-}
-.icon-up  {
-  height: 1em;
-  width: 1em;
-  background: var(--icon-svg-up) no-repeat;
-  background-size: 100% 100%;
-  background-color: transparent;
 }

package/dist/icons/index.json

@@ -1,7 +1,7 @@
 {
     "prefix": "fang-ui",
     "info": {},
-    "lastModified": 1762441979228,
+    "lastModified": 1762493553133,
     "icons": {
         "bar": {
             "body": " <path fill=\"currentColor\" d=\"M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64z\" ></path> "
@@ -51,21 +51,21 @@
         "frame": {
             "body": "<path d=\"M782 912.00000031h-540C170 912.00000031 111.99999969 854 111.99999969 782v-540C111.99999969 170 170 111.99999969 242 111.99999969h538.00000031c72 0 130.00000031 58.00000031 129.99999938 130.00000031v538.00000031c1.99999969 73.99999969-55.99999969 132-127.99999969 132z m-540-740.00000062C204.00000031 171.99999969 171.99999969 204.00000031 171.99999969 242v538.00000031c0 37.99999969 31.99999969 70.00000031 70.00000031 69.99999938h538.00000031c37.99999969 0 70.00000031-31.99999969 69.99999938-69.99999938V242C852.00000031 204.00000031 819.99999969 171.99999969 782 171.99999969h-540z\"></path> "
         },
-        "pause": {
-            "body": "<path d=\"M512.75766904 961.99942783A449.99971348 449.99971348 0 0 1 337.51316182 97.22502617a449.99971348 449.99971348 0 0 1 350.48901357 828.66874922 447.35783643 447.35783643 0 0 1-175.24450635 36.10565244z m0-829.5493746C303.16876104 132.45005323 133.20800791 302.41080635 133.20800791 511.99971347s169.96075312 379.54966113 379.54966113 379.54966114 379.54966113-170.84137852 379.54966026-379.54966113S721.46595078 132.45005323 512.75766904 132.45005323z\" fill=\"\" p-id=\"1388\"></path><path d=\"M409.72446583 725.11112393a35.22502617 35.22502617 0 0 1-35.22502619-35.22502617V354.36772021a35.22502617 35.22502617 0 0 1 70.45005323 0v335.51837755a35.22502617 35.22502617 0 0 1-35.22502705 35.22502617zM619.31337383 725.11112393a35.22502617 35.22502617 0 0 1-35.22502617-35.22502617V354.36772021a35.22502617 35.22502617 0 0 1 70.45005322 0v335.51837755a35.22502617 35.22502617 0 0 1-35.22502705 35.22502617z\" fill=\"\" p-id=\"1389\"></path>"
-        },
         "left": {
             "body": " <path fill=\"currentColor\" d=\"M609.408 149.376 277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0 30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688 29.12 29.12 0 0 0-41.728 0z\" ></path> "
         },
+        "mute": {
+            "body": "<path d=\"M878.04586667 942.39857813l-796.4444448-796.4444448 64.35271146-64.35271146 796.4444448 796.4444448-64.35271146 64.35271146zM466.48888853 227.3507552V352.71111147h91.02222294V130.2755552c0-41.3923552-48.99271147-63.21493333-79.75822294-35.52142187l-109.9776 98.98666667 60.89386667 67.65226667L466.48888853 227.328z m348.63786667 446.91911147c68.97208853-142.9504 48.58311147-302.6944-68.4259552-419.72622187l64.35271147-64.35271147c146.09066667 146.06791147 170.8032 348.00071147 86.0615104 523.62808854l-81.98826667-39.5491552zM170.66666667 375.46666667h22.7555552v-91.02222187H127.43111147A47.78666667 47.78666667 0 0 0 79.6444448 332.23111147v359.53777706c0 26.3964448 21.39022187 47.78666667 47.78666667 47.78666667h139.55982186l210.7619552 189.69031147c30.76551147 27.69351147 79.75822187 5.87093333 79.75822294-35.49866667V671.28888853h-91.02222294v125.38311147L301.8979552 648.53333333H170.66666667V375.46666667z m499.3024 165.13706666c17.68106667-44.19128853-2.2755552-107.61102187-51.9964448-157.33191146l64.35271146-64.37546667c62.41848853 62.41848853 109.1356448 163.15733333 72.13511147 255.5448896l-84.49137813-33.83751147z\" p-id=\"1906\"></path>"
+        },
+        "pause": {
+            "body": "<path d=\"M512.75766904 961.99942783A449.99971348 449.99971348 0 0 1 337.51316182 97.22502617a449.99971348 449.99971348 0 0 1 350.48901357 828.66874922 447.35783643 447.35783643 0 0 1-175.24450635 36.10565244z m0-829.5493746C303.16876104 132.45005323 133.20800791 302.41080635 133.20800791 511.99971347s169.96075312 379.54966113 379.54966113 379.54966114 379.54966113-170.84137852 379.54966026-379.54966113S721.46595078 132.45005323 512.75766904 132.45005323z\" fill=\"\" p-id=\"1388\"></path><path d=\"M409.72446583 725.11112393a35.22502617 35.22502617 0 0 1-35.22502619-35.22502617V354.36772021a35.22502617 35.22502617 0 0 1 70.45005323 0v335.51837755a35.22502617 35.22502617 0 0 1-35.22502705 35.22502617zM619.31337383 725.11112393a35.22502617 35.22502617 0 0 1-35.22502617-35.22502617V354.36772021a35.22502617 35.22502617 0 0 1 70.45005322 0v335.51837755a35.22502617 35.22502617 0 0 1-35.22502705 35.22502617z\" fill=\"\" p-id=\"1389\"></path>"
+        },
         "play": {
             "body": "<path d=\"M512.01404492 62C263.87572168 62 62 263.87572168 62 512.01404492s201.87572168 449.98595508 450.01404492 449.98595508c248.11023339 0 449.98595508-201.87572168 449.98595508-449.98595508S760.12427832 62 512.01404492 62zM512.01404492 905.82197802C294.85790088 905.82197802 118.17802198 729.14209912 118.17802198 512.01404492S294.85790088 118.17802198 512.01404492 118.17802198c217.12805508 0 393.80793398 176.67987891 393.80793399 393.83602294S729.14209912 905.82197802 512.01404492 905.82197802zM715.09759385 477.01513672l-245.94737959-150.44474268-3.62348262-1.88196415c-2.07858692-0.89884864-21.06675791-8.73568213-41.26275703-8.73568213-34.9427294 0-57.55438301 23.22961172-57.554383 59.12736766l0 285.55288507 1.51680673 4.40997451c5.28073418 15.53322305 23.0049 41.79644825 55.70050869 41.79644825l0 0c10.39293369 0 21.15102568-2.80890088 33.00458818-8.87612784l243.13847872-137.8046874 2.38756552-1.5448957c16.74105029-11.8535625 34.83037354-41.62791445 16.20735909-75.16619297L715.09759385 477.01513672zM430.30311172 648.55472714c-3.53921573 1.79769638-5.53353487 2.07858692-6.17958281 2.13476486-0.33706846-0.28089053-0.75840293-0.75840293-1.20782725-1.34827296l0-274.26110273c0-1.20782724 0.05617793-2.19094277 0.16853379-2.92125674 5.19646729-0.28089053 14.91526494 2.16285381 18.9039041 3.62348262l225.80755928 138.11366689L430.30311172 648.55472714z\" fill=\"#2c2c2c\" p-id=\"1545\"></path>"
         },
         "plus": {
             "body": " <path fill=\"currentColor\" d=\"M480 480V128a32 32 0 0 1 64 0v352h352a32 32 0 1 1 0 64H544v352a32 32 0 1 1-64 0V544H128a32 32 0 0 1 0-64z\"></path> "
         },
-        "mute": {
-            "body": "<path d=\"M878.04586667 942.39857813l-796.4444448-796.4444448 64.35271146-64.35271146 796.4444448 796.4444448-64.35271146 64.35271146zM466.48888853 227.3507552V352.71111147h91.02222294V130.2755552c0-41.3923552-48.99271147-63.21493333-79.75822294-35.52142187l-109.9776 98.98666667 60.89386667 67.65226667L466.48888853 227.328z m348.63786667 446.91911147c68.97208853-142.9504 48.58311147-302.6944-68.4259552-419.72622187l64.35271147-64.35271147c146.09066667 146.06791147 170.8032 348.00071147 86.0615104 523.62808854l-81.98826667-39.5491552zM170.66666667 375.46666667h22.7555552v-91.02222187H127.43111147A47.78666667 47.78666667 0 0 0 79.6444448 332.23111147v359.53777706c0 26.3964448 21.39022187 47.78666667 47.78666667 47.78666667h139.55982186l210.7619552 189.69031147c30.76551147 27.69351147 79.75822187 5.87093333 79.75822294-35.49866667V671.28888853h-91.02222294v125.38311147L301.8979552 648.53333333H170.66666667V375.46666667z m499.3024 165.13706666c17.68106667-44.19128853-2.2755552-107.61102187-51.9964448-157.33191146l64.35271146-64.37546667c62.41848853 62.41848853 109.1356448 163.15733333 72.13511147 255.5448896l-84.49137813-33.83751147z\" p-id=\"1906\"></path>"
-        },
         "retreat": {
             "body": "<path d=\"M559.63820844 90.92621397a68.79342673 68.79342673 0 0 1 27.51737036 5.96209734 71.08654065 71.08654065 0 0 1 42.1933016 65.58306674l0 256.82879141L989.82643576 108.35388176a67.87618066 67.87618066 0 0 1 73.8382772-12.38281652A71.08654065 71.08654065 0 0 1 1105.85801454 162.47137805L1105.85801455 862.32983673A71.08654065 71.08654065 0 0 1 1063.20609033 927.91290266a67.87618066 67.87618066 0 0 1-73.838278-12.84143913l-359.56030848-310.94628772L629.80750385 862.32983672a71.08654065 71.08654065 0 0 1-42.65192505 65.58306593 67.87618066 67.87618066 0 0 1-74.29690062-12.84143912L108.35333073 566.97672549a72.00378671 72.00378671 0 0 1-1e-8-105.94187704L513.77592423 108.35388176a68.33480328 68.33480328 0 0 1 45.86228422-17.4276678z m476.96775677 72.0037867l-405.88121611 349.47060672 404.50534743 351.76372064 0-701.69294998z m-476.05051069 0l-405.88121697 349.47060672 404.50534827 351.76372064 0-701.69294998z\" fill=\"#2c2c2c\" p-id=\"2329\"></path>"
         },
@@ -78,11 +78,11 @@
         "star": {
             "body": "<path d=\"M213.875 956.375c-78.75 0-146.25-61.875-146.25-146.25V450.125c0-78.75 61.875-146.25 146.25-146.25h365.62500001c78.75 0 146.25 61.875 146.24999999 146.25v365.625c0 78.75-61.875 146.25-146.25000001 146.25l-365.62499999-5.625z m0-579.375c-45 0-78.75 33.75-78.75 78.75v365.625c0 45 33.75 78.75 78.75 78.75h365.62500001c45 0 78.75-33.75 78.74999999-78.75V450.125c0-45-33.75-78.75-78.74999999-78.75H213.875z\" p-id=\"1087\"></path><path d=\"M810.125 78.875H444.49999999C360.125 78.875 298.25 146.375 298.25 225.125v22.5h61.875v-22.5c0-45 33.75-78.75 78.75-78.75h360c45 0 78.75 33.75 78.75 78.75v360c0 45-33.75 78.75-78.75 78.75h-33.75V737h45c84.375 0 146.25-67.50000001 146.25-146.25V225.125c0-84.375-67.50000001-146.25-146.25-146.25z\" p-id=\"1088\"></path> "
         },
-        "views": {
-            "body": "<path fill=\"currentColor\" d=\"m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704m-32-384v-96a32 32 0 0 1 64 0v96h96a32 32 0 0 1 0 64h-96v96a32 32 0 0 1-64 0v-96h-96a32 32 0 0 1 0-64z\"></path>"
-        },
         "up": {
             "body": "<path d=\"M149.33333334 887.33013334c0 18.8416 15.29173333 34.13333333 34.13333333 34.13333333S217.6 906.17173333 217.6 887.33013333l0-301.73866666L807.90186667 914.56853333c19.38773333 10.78613333 42.5984 10.71786667 61.98613334 0C889.344 903.71413332 900.88106667 884.39466667 900.88106667 862.75413333l0-700.416c0-21.57226667-11.53706667-41.02826667-30.99306667-51.8144C860.19413334 105.13066667 849.6128 102.4 838.9632 102.4s-21.29919999 2.73066667-30.99306666 8.12373333L217.6 439.5008l0-303.03573333c0-18.8416-15.29173333-34.13333333-34.13333333-34.13333334s-34.13333333 15.29173333-34.13333334 34.13333334L149.33333334 887.33013334zM832.2048 173.60213333L835.54986667 853.33333333l-611.53279999-340.7872L832.2048 173.60213333z\" p-id=\"2637\"></path>"
+        },
+        "views": {
+            "body": "<path fill=\"currentColor\" d=\"m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704m-32-384v-96a32 32 0 0 1 64 0v96h96a32 32 0 0 1 0 64h-96v96a32 32 0 0 1-64 0v-96h-96a32 32 0 0 1 0-64z\"></path>"
         }
     },
     "aliases": {},

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fangzhongya/fang-ui",
   "private": false,
-  "version": "0.0.100",
+  "version": "0.1.2",
   "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/directives": "0.0.1-0",
-    "@fang-ui/theme": "0.0.1-0",
-    "@fang-ui/hooks": "0.0.1-0",
     "@fang-ui/icons": "0.0.1-0",
+    "@fang-ui/hooks": "0.0.1-0",
+    "@fang-ui/directives": "0.0.1-0",
     "@fang-ui/locale": "0.0.1-0",
-    "@fang-ui/utils": "0.0.1-0",
-    "@fang-ui/types": "0.0.1-0"
+    "@fang-ui/theme": "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",