@fangzhongya/fang-ui 0.1.37 → 0.1.39

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

@@ -1,7 +1,45 @@
-import { withModifiers } from "vue";
+import { render, isVNode, h, withModifiers } from "vue";
+import { useGetDomLabel } from "../../common/use.js";
 import { firstUpper } from "@fangzhongya/utils/basic/string/firstUpper";
 import { splitUpper } from "@fangzhongya/utils/basic/string/splitUpper";
 import { getAttrValue } from "../../../utils/vues/getAttrValue.js";
+import { getCssNumber } from "../../../utils/css.js";
+function getVNodeWidth(vnode) {
+  const container = document.createElement("div");
+  Object.assign(container.style, {
+    position: "absolute",
+    left: "-9999px",
+    top: "-9999px",
+    whiteSpace: "pre-wrap",
+    display: "inline-block",
+    visibility: "hidden"
+  });
+  document.body.appendChild(container);
+  render(vnode, container);
+  const width = container.offsetWidth;
+  container.remove();
+  render(null, container);
+  return width;
+}
+function setLabelWidth(obj, config) {
+  let label = useGetDomLabel(obj, {}, {}, {}, {}, () => {
+  }, 0);
+  if (!isVNode(label)) {
+    label = h(
+      "div",
+      {
+        style: {
+          whiteSpace: "pre-wrap",
+          display: "inline-block"
+        }
+      },
+      label
+    );
+  }
+  const width = getVNodeWidth(label);
+  const interval = config.intervalHorizon ?? config.interval;
+  return width + getCssNumber(interval) * 2;
+}
 function setMinWidth(obj, props) {
   const config = (props == null ? void 0 : props.table) ?? {};
   if (obj.width) {
@@ -12,16 +50,18 @@ function setMinWidth(obj, props) {
     if (typeof minWidth == "function") {
       return minWidth(obj, config);
     } else if (typeof minWidth == "boolean") {
-      return (obj.label || "").length * 16 + 24;
+      return setLabelWidth(obj, config);
     } else {
       return minWidth;
     }
   } else {
     const minWidth2 = getAttrValue(config, "minWidth");
-    if (minWidth2) {
-      return minWidth2;
+    if (typeof minWidth2 == "function") {
+      return minWidth2(obj, config);
+    } else if (typeof minWidth2 == "boolean") {
+      return setLabelWidth(obj, config);
     } else {
-      return;
+      return minWidth2;
     }
   }
 }
@@ -110,7 +150,19 @@ function eventAliass(callback, arr, obj, $event) {
   }
   return is;
 }
+function setEmptyDisplay(value, emptyDisplay, isStr) {
+  if (isStr) {
+    if (value === "" || value === void 0 || value === null) {
+      return emptyDisplay;
+    }
+  } else {
+    if (value === void 0 || value === null) {
+      return emptyDisplay;
+    }
+  }
+}
 export {
   eventAliass,
+  setEmptyDisplay,
   setMinWidth
 };

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

@@ -55,7 +55,7 @@ function setSslot(obj, scope, emit, slots, props, index$12) {
         index.useComponsGet(config.provides.compons),
         emit,
         index$12,
-        scope
+        { ...scope, options: props.options, config: props.table }
       );
       if (column) {
         return column;
@@ -91,13 +91,15 @@ function defaultDom(obj, scope, props, index2) {
         }
       }
     },
-    domValue ?? table.emptyDisplay ?? ""
+    setDomValue(domValue, table)
   );
 }
+function setDomValue(domValue, table) {
+  return (util.setEmptyDisplay(domValue, table.emptyDisplay, table.isEmptyStr) || domValue) ?? "";
+}
 function setHeader(obj, scope, slots, emit, props, index$12) {
   const optionss = props.options || {};
   return use.useGetDomLabel(
-    obj.label,
     obj,
     scope.row,
     slots,

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

@@ -3,7 +3,7 @@ import { useSetSlot, useSetCompon, useGetDomValue, useGetDomLabel } from "../../
 import { getAttrValue } from "../../../utils/vues/getAttrValue.js";
 import { useComponsGet } from "../../../hooks/compons/index.js";
 import { provides } from "../common/config.js";
-import { setMinWidth } from "../common/util.js";
+import { setEmptyDisplay, setMinWidth } from "../common/util.js";
 import { lineToSmallHump } from "@fangzhongya/utils/name/lineToSmallHump";
 import { TableColumn } from "../../table-column/index.js";
 const noProps = /* @__PURE__ */ new Set(["children", "class", "minWidth", "label"]);
@@ -53,7 +53,7 @@ function setSslot(obj, scope, emit, slots, props, index) {
         useComponsGet(provides.compons),
         emit,
         index,
-        scope
+        { ...scope, options: props.options, config: props.table }
       );
       if (column) {
         return column;
@@ -89,13 +89,15 @@ function defaultDom(obj, scope, props, index) {
         }
       }
     },
-    domValue ?? table.emptyDisplay ?? ""
+    setDomValue(domValue, table)
   );
 }
+function setDomValue(domValue, table) {
+  return (setEmptyDisplay(domValue, table.emptyDisplay, table.isEmptyStr) || domValue) ?? "";
+}
 function setHeader(obj, scope, slots, emit, props, index) {
   const optionss = props.options || {};
   return useGetDomLabel(
-    obj.label,
     obj,
     scope.row,
     slots,

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

@@ -2,15 +2,17 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const columns = require("./columns3.cjs");
-require("../common/table-but.cjs");
-require("../common/table-color.cjs");
-require("../common/table-list.cjs");
-const tableList_vue_vue_type_script_setup_true_lang = require("../common/table-list2.cjs");
-const tableColor_vue_vue_type_script_setup_true_lang = require("../common/table-color2.cjs");
-const tableBut_vue_vue_type_script_setup_true_lang = require("../common/table-but2.cjs");
+require("../common/com-but.cjs");
+require("../common/com-color.cjs");
+require("../common/com-lis.cjs");
+require("../common/com-fig.cjs");
+const comFig_vue_vue_type_script_setup_true_lang = require("../common/com-fig2.cjs");
+const comLis_vue_vue_type_script_setup_true_lang = require("../common/com-lis2.cjs");
+const comColor_vue_vue_type_script_setup_true_lang = require("../common/com-color2.cjs");
+const comBut_vue_vue_type_script_setup_true_lang = require("../common/com-but2.cjs");
 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 },
+  components: { But: comBut_vue_vue_type_script_setup_true_lang.default, Color: comColor_vue_vue_type_script_setup_true_lang.default, Lis: comLis_vue_vue_type_script_setup_true_lang.default, Fig: comFig_vue_vue_type_script_setup_true_lang.default },
   expose: [],
   props: {
     list: Array,

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

@@ -1,14 +1,16 @@
 import { defineComponent } from "vue";
 import { render } from "./columns3.js";
-import "../common/table-but.js";
-import "../common/table-color.js";
-import "../common/table-list.js";
-import _sfc_main$1 from "../common/table-list2.js";
-import _sfc_main$2 from "../common/table-color2.js";
-import _sfc_main$3 from "../common/table-but2.js";
+import "../common/com-but.js";
+import "../common/com-color.js";
+import "../common/com-lis.js";
+import "../common/com-fig.js";
+import _sfc_main$1 from "../common/com-fig2.js";
+import _sfc_main$2 from "../common/com-lis2.js";
+import _sfc_main$3 from "../common/com-color2.js";
+import _sfc_main$4 from "../common/com-but2.js";
 const _sfc_main = defineComponent({
   emits: ["list-events"],
-  components: { But: _sfc_main$3, Color: _sfc_main$2, List: _sfc_main$1 },
+  components: { But: _sfc_main$4, Color: _sfc_main$3, Lis: _sfc_main$2, Fig: _sfc_main$1 },
   expose: [],
   props: {
     list: Array,

package/dist/components/tables/src/data.d.ts

@@ -166,10 +166,10 @@ export declare const dataEmits: string[];
 export type DataEmits = typeof dataEmits;
 /**
  * @expose clearSelection ( ) 清除多选
- * @expose toggleRowSelectionList (row, selected, key ) 切换选择
- * @expose clearSelectionList ( ) 清空选中
+ * @expose toggleRowSelection (row, selected, key ) 切换选择
+ * @expose clearCurrentRow ( ) 清空选中
  * @expose { Object: {  value: 值,
                     list: 当前列,
-                    key: key的名称,} } getRowSelectionsCheckList (row, key ) 获取选中的值
+                    key: key的名称,} } getSelections (row, key ) 获取选中的值
  */
 export declare const dataExpose: {};

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

@@ -183,7 +183,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           ]),
           default: vue.withCtx(() => [
             vue.createVNode(columns_vue_vue_type_script_lang.default, {
-              table: vue.unref(attrs).assem,
+              table: { ...vue.unref(props), ...vue.unref(attrs).assem },
               value: vue.unref(props).value,
               list: vue.unref(props).list,
               options: vue.unref(props).options,

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

@@ -181,7 +181,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           default: withCtx(() => [
             createVNode(_sfc_main$1, {
-              table: unref(attrs).assem,
+              table: { ...unref(props), ...unref(attrs).assem },
               value: unref(props).value,
               list: unref(props).list,
               options: unref(props).options,

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

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

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

@@ -86,7 +86,7 @@ function setSslot(obj, scope, emit, slots, props, index$12) {
         index.useComponsGet(config.provides.compons),
         emit,
         index$12,
-        scope
+        { ...scope, options: props.options, config: props.table }
       );
       if (column2) {
         return column2;
@@ -122,13 +122,15 @@ function defaultDom(obj, scope, props, index2) {
         }
       }
     },
-    domValue ?? table.emptyDisplay ?? ""
+    setDomValue(domValue, table)
   );
 }
+function setDomValue(domValue, table) {
+  return (util.setEmptyDisplay(domValue, table.emptyDisplay, table.isEmptyStr) || domValue) ?? "";
+}
 function setHeader(obj, scope, slots, emit, props, index$12) {
   const optionss = props.options || {};
   return use.useGetDomLabel(
-    obj.label,
     obj,
     scope.row,
     slots,

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

@@ -3,7 +3,7 @@ import { useSetSlot, useSetCompon, useGetDomValue, useGetDomLabel } from "../../
 import { getAttrValue } from "../../../utils/vues/getAttrValue.js";
 import { useComponsGet } from "../../../hooks/compons/index.js";
 import { provides } from "../../tables/common/config.js";
-import { setMinWidth } from "../../tables/common/util.js";
+import { setEmptyDisplay, setMinWidth } from "../../tables/common/util.js";
 import { lineToSmallHump } from "@fangzhongya/utils/name/lineToSmallHump";
 import { VxeColumn } from "vxe-table/es/column";
 import { Radio } from "../../radio/index.js";
@@ -84,7 +84,7 @@ function setSslot(obj, scope, emit, slots, props, index) {
         useComponsGet(provides.compons),
         emit,
         index,
-        scope
+        { ...scope, options: props.options, config: props.table }
       );
       if (column) {
         return column;
@@ -120,13 +120,15 @@ function defaultDom(obj, scope, props, index) {
         }
       }
     },
-    domValue ?? table.emptyDisplay ?? ""
+    setDomValue(domValue, table)
   );
 }
+function setDomValue(domValue, table) {
+  return (setEmptyDisplay(domValue, table.emptyDisplay, table.isEmptyStr) || domValue) ?? "";
+}
 function setHeader(obj, scope, slots, emit, props, index) {
   const optionss = props.options || {};
   return useGetDomLabel(
-    obj.label,
     obj,
     scope.row,
     slots,

package/dist/components/tablesv/src/columns2.cjs

@@ -3,15 +3,17 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const columns = require("./columns3.cjs");
 const index = require("../../tooltip/index.cjs");
-require("../../tables/common/table-but.cjs");
-require("../../tables/common/table-color.cjs");
-require("../../tables/common/table-list.cjs");
-const tableList_vue_vue_type_script_setup_true_lang = require("../../tables/common/table-list2.cjs");
-const tableColor_vue_vue_type_script_setup_true_lang = require("../../tables/common/table-color2.cjs");
-const tableBut_vue_vue_type_script_setup_true_lang = require("../../tables/common/table-but2.cjs");
+require("../../tables/common/com-but.cjs");
+require("../../tables/common/com-color.cjs");
+require("../../tables/common/com-lis.cjs");
+require("../../tables/common/com-fig.cjs");
+const comFig_vue_vue_type_script_setup_true_lang = require("../../tables/common/com-fig2.cjs");
+const comLis_vue_vue_type_script_setup_true_lang = require("../../tables/common/com-lis2.cjs");
+const comColor_vue_vue_type_script_setup_true_lang = require("../../tables/common/com-color2.cjs");
+const comBut_vue_vue_type_script_setup_true_lang = require("../../tables/common/com-but2.cjs");
 const _sfc_main = vue.defineComponent({
   emits: ["list-events"],
-  components: { VxeTooltip: index.Tooltip, 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 },
+  components: { VxeTooltip: index.Tooltip, But: comBut_vue_vue_type_script_setup_true_lang.default, Color: comColor_vue_vue_type_script_setup_true_lang.default, Lis: comLis_vue_vue_type_script_setup_true_lang.default, Fig: comFig_vue_vue_type_script_setup_true_lang.default },
   expose: [],
   props: {
     list: Array,

package/dist/components/tablesv/src/columns2.js

@@ -1,15 +1,17 @@
 import { defineComponent } from "vue";
 import { render } from "./columns3.js";
 import { Tooltip } from "../../tooltip/index.js";
-import "../../tables/common/table-but.js";
-import "../../tables/common/table-color.js";
-import "../../tables/common/table-list.js";
-import _sfc_main$1 from "../../tables/common/table-list2.js";
-import _sfc_main$2 from "../../tables/common/table-color2.js";
-import _sfc_main$3 from "../../tables/common/table-but2.js";
+import "../../tables/common/com-but.js";
+import "../../tables/common/com-color.js";
+import "../../tables/common/com-lis.js";
+import "../../tables/common/com-fig.js";
+import _sfc_main$1 from "../../tables/common/com-fig2.js";
+import _sfc_main$2 from "../../tables/common/com-lis2.js";
+import _sfc_main$3 from "../../tables/common/com-color2.js";
+import _sfc_main$4 from "../../tables/common/com-but2.js";
 const _sfc_main = defineComponent({
   emits: ["list-events"],
-  components: { VxeTooltip: Tooltip, But: _sfc_main$3, Color: _sfc_main$2, List: _sfc_main$1 },
+  components: { VxeTooltip: Tooltip, But: _sfc_main$4, Color: _sfc_main$3, Lis: _sfc_main$2, Fig: _sfc_main$1 },
   expose: [],
   props: {
     list: Array,

package/dist/components/tablesv/src/data.d.ts

@@ -166,10 +166,10 @@ export declare const dataEmits: string[];
 export type DataEmits = typeof dataEmits;
 /**
  * @expose clearSelection ( ) 清除多选
- * @expose toggleRowSelectionList (row, selected, key ) 切换选择
- * @expose clearSelectionList ( ) 清空选中
+ * @expose toggleRowSelection (row, selected, key ) 切换选择
+ * @expose clearCurrentRow ( ) 清空选中
  * @expose { Object: {  value: 值,
                     list: 当前列,
-                    key: key的名称,} } getRowSelectionsCheckList (row, key ) 获取选中的值
+                    key: key的名称,} } getSelections (row, key ) 获取选中的值
  */
 export declare const dataExpose: {};

package/dist/components/tablesv/src/index2.cjs

@@ -256,7 +256,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           ]),
           default: vue.withCtx(() => [
             vue.createVNode(columns_vue_vue_type_script_lang.default, {
-              table: vue.unref(attrs).assem,
+              table: { ...vue.unref(props), ...vue.unref(attrs).assem },
               vxeconfig: config$1.value,
               value: vue.unref(props).value,
               list: vue.unref(props).list,

package/dist/components/tablesv/src/index2.js

@@ -254,7 +254,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           default: withCtx(() => [
             createVNode(_sfc_main$1, {
-              table: unref(attrs).assem,
+              table: { ...unref(props), ...unref(attrs).assem },
               vxeconfig: config.value,
               value: unref(props).value,
               list: unref(props).list,

package/dist/components/window/src/data.cjs

@@ -77,7 +77,7 @@ const dataProps = buildProps.buildProps({
   },
   /**
    * @props { Boolean } max= ( )
-   * 是否要最大化
+   * 是否最大化
    */
   max: {
     type: Boolean

package/dist/components/window/src/data.d.ts

@@ -81,7 +81,7 @@ export declare const dataProps: {
     };
     /**
      * @props { Boolean } max= ( )
-     * 是否要最大化
+     * 是否最大化
      */
     max: {
         type: BooleanConstructor;

package/dist/components/window/src/data.js

@@ -75,7 +75,7 @@ const dataProps = buildProps({
   },
   /**
    * @props { Boolean } max= ( )
-   * 是否要最大化
+   * 是否最大化
    */
   max: {
     type: Boolean

package/dist/css/index.css

@@ -1131,7 +1131,7 @@
 }
 .list-div .list-table .list-table-value {
   word-break: break-all;
-  white-space: normal;
+  white-space: pre-wrap;
   max-height: var(--list-row-max-height);
   display: -webkit-box;
   -webkit-line-clamp: var(--list-line-clamp); /* 显示的行数 */

package/dist/css/list.css

@@ -101,7 +101,7 @@
 }
 .list-div .list-table .list-table-value {
   word-break: break-all;
-  white-space: normal;
+  white-space: pre-wrap;
   max-height: var(--list-row-max-height);
   display: -webkit-box;
   -webkit-line-clamp: var(--list-line-clamp); /* 显示的行数 */

package/dist/css/lists.css

@@ -101,7 +101,7 @@
 }
 .list-div .list-table .list-table-value {
   word-break: break-all;
-  white-space: normal;
+  white-space: pre-wrap;
   max-height: var(--list-row-max-height);
   display: -webkit-box;
   -webkit-line-clamp: var(--list-line-clamp); /* 显示的行数 */

package/dist/css/listsp.css

@@ -101,7 +101,7 @@
 }
 .list-div .list-table .list-table-value {
   word-break: break-all;
-  white-space: normal;
+  white-space: pre-wrap;
   max-height: var(--list-row-max-height);
   display: -webkit-box;
   -webkit-line-clamp: var(--list-line-clamp); /* 显示的行数 */

package/dist/css/listspd.css

@@ -101,7 +101,7 @@
 }
 .list-div .list-table .list-table-value {
   word-break: break-all;
-  white-space: normal;
+  white-space: pre-wrap;
   max-height: var(--list-row-max-height);
   display: -webkit-box;
   -webkit-line-clamp: var(--list-line-clamp); /* 显示的行数 */

package/dist/css/page.css

@@ -719,7 +719,7 @@
 }
 .list-div .list-table .list-table-value {
   word-break: break-all;
-  white-space: normal;
+  white-space: pre-wrap;
   max-height: var(--list-row-max-height);
   display: -webkit-box;
   -webkit-line-clamp: var(--list-line-clamp); /* 显示的行数 */

package/dist/icons/index.json

@@ -1,7 +1,7 @@
 {
     "prefix": "fang-ui",
     "info": {},
-    "lastModified": 1764079293714,
+    "lastModified": 1764224448135,
     "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

@@ -1131,7 +1131,7 @@
 }
 .list-div .list-table .list-table-value {
   word-break: break-all;
-  white-space: normal;
+  white-space: pre-wrap;
   max-height: var(--list-row-max-height);
   display: -webkit-box;
   -webkit-line-clamp: var(--list-line-clamp); /* 显示的行数 */

package/dist/locale/en.cjs

@@ -9,7 +9,8 @@ const En = {
       delete: "Delete",
       import: "Please enter",
       select: "Please select",
-      verif: "Verification failed"
+      verif: "Verification failed",
+      all: "All"
     },
     modify: "Modify",
     close: "Close",

package/dist/locale/en.d.ts

@@ -8,6 +8,7 @@ declare const _default: {
             import: string;
             select: string;
             verif: string;
+            all: string;
         };
         modify: string;
         close: string;

package/dist/locale/en.js

@@ -7,7 +7,8 @@ const En = {
       delete: "Delete",
       import: "Please enter",
       select: "Please select",
-      verif: "Verification failed"
+      verif: "Verification failed",
+      all: "All"
     },
     modify: "Modify",
     close: "Close",

package/dist/locale/zh-cn.cjs

@@ -9,7 +9,8 @@ const ZhCn = {
       delete: "删除",
       import: "请输入",
       select: "请选择",
-      verif: "校验失败"
+      verif: "校验失败",
+      all: "全部"
     },
     modify: "修改",
     close: "关闭",

package/dist/locale/zh-cn.d.ts

@@ -8,6 +8,7 @@ declare const _default: {
             import: string;
             select: string;
             verif: string;
+            all: string;
         };
         modify: string;
         close: string;

package/dist/locale/zh-cn.js

@@ -7,7 +7,8 @@ const ZhCn = {
       delete: "删除",
       import: "请输入",
       select: "请选择",
-      verif: "校验失败"
+      verif: "校验失败",
+      all: "全部"
     },
     modify: "修改",
     close: "关闭",

package/dist/type.d.ts

@@ -29,19 +29,28 @@ type Rule = {
 	/**
 	 * 类型
 	 */
-	type: 1 | 2;
+	trigger?: string | string[] | number;
 	/**
 	 * 是否必传
 	 */
-	must: boolean;
+	required?: boolean;
 	/**
 	 * 校验方法
 	 */
-	judge: string;
+	judge?: string | Function;
 	/**
 	 * 校验失败提示
 	 */
 	error?: string;
+	/**
+	 * 校验联动配置
+	 */
+	linkage?:
+		| string
+		| {
+				prop?: string;
+				judge?: Function;
+		  };
 };
 
 type ListObj = {

package/dist/utils/css.cjs

@@ -2,6 +2,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const setObjStyle = require("@fangzhongya/utils/css/setObjStyle");
 const getCss = require("@fangzhongya/utils/css/getCss");
+function getCssNumber(str = "") {
+  return Number(String(str).replaceAll(/[^0-9.-]/g, ""));
+}
 Object.defineProperty(exports, "setObjStyle", {
   enumerable: true,
   get: () => setObjStyle.setObjStyle
@@ -10,3 +13,4 @@ Object.defineProperty(exports, "getCss", {
   enumerable: true,
   get: () => getCss.getCss
 });
+exports.getCssNumber = getCssNumber;

package/dist/utils/css.d.ts

@@ -1,2 +1,3 @@
 export { setObjStyle } from '@fangzhongya/utils/css/setObjStyle';
 export { getCss } from '@fangzhongya/utils/css/getCss';
+export declare function getCssNumber(str?: string): number;

package/dist/utils/css.js

@@ -1,6 +1,10 @@
 import { setObjStyle } from "@fangzhongya/utils/css/setObjStyle";
 import { getCss } from "@fangzhongya/utils/css/getCss";
+function getCssNumber(str = "") {
+  return Number(String(str).replaceAll(/[^0-9.-]/g, ""));
+}
 export {
   getCss,
+  getCssNumber,
   setObjStyle
 };