@fangzhongya/fang-ui 0.1.35 → 0.1.37

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

@@ -24,11 +24,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const attrs = index$1.useInherit(vue.useAttrs(), data.name);
     const prs = __props;
     const props = index$2.usePropsDefault(data.name, prs, data.dataProps);
-    index$2.viewProps(props, data.name);
     index$3.useCompons(config.provides.compons, props);
     const tableRef = vue.ref();
     const emit = __emit;
-    console.log("props.maxHeight", props.maxHeight);
     const rowObj = vue.ref();
     const isfocus = vue.ref(false);
     function onClick() {
@@ -106,6 +104,15 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         trigger: attrs.assem.isRowSelect ? "row" : "cell"
       }
     });
+    const spanMethod = function(obj) {
+      const method = attrs.assem.spanMethod;
+      if (method) {
+        const v = method(obj);
+        if (v) {
+          return { rowspan: v[0], colspan: v[1] };
+        }
+      }
+    };
     const rowStyle = vue.computed(() => {
       const height = props.lineHeight;
       const rowStyle2 = attrs.assem.rowStyle;
@@ -173,7 +180,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       rowObj.value = scope.row;
       emit("cell-click", scope.row, scope.row, scope);
     }
-    function toggleRowSelection(row) {
+    function toggleRowSelection(row, is) {
+      tableRef.value.toggleCheckboxRow(row, is);
     }
     function clearSelection() {
       tableRef.value.clearCheckboxRow();
@@ -182,6 +190,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       tableRef.value.clearRadioRow();
     }
     function getSelections() {
+      return tableRef.value.getCheckboxRecords();
     }
     function clearSort() {
       tableRef.value.clearSort();
@@ -232,6 +241,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           "sort-config": config$1.value.sort,
           "checkbox-config": config$1.value.checkbox,
           "radio-config": config$1.value.radio,
+          "span-method": spanMethod,
           data: vue.unref(props).value,
           onCellClick,
           onSortChange: sortChange,

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

@@ -9,7 +9,7 @@ import { useObjComponSelected } from "../../common/use.js";
 import { useInherit } from "../../../hooks/inherit/index.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import { useCompons } from "../../../hooks/compons/index.js";
-import { usePropsDefault, viewProps, getProps } from "../../../hooks/props-default/index.js";
+import { usePropsDefault, getProps } from "../../../hooks/props-default/index.js";
 import _sfc_main$1 from "./columns2.js";
 import { vLoading } from "element-plus/es/components/loading/index";
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -22,11 +22,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const attrs = useInherit(useAttrs(), name);
     const prs = __props;
     const props = usePropsDefault(name, prs, dataProps);
-    viewProps(props, name);
     useCompons(provides.compons, props);
     const tableRef = ref();
     const emit = __emit;
-    console.log("props.maxHeight", props.maxHeight);
     const rowObj = ref();
     const isfocus = ref(false);
     function onClick() {
@@ -104,6 +102,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         trigger: attrs.assem.isRowSelect ? "row" : "cell"
       }
     });
+    const spanMethod = function(obj) {
+      const method = attrs.assem.spanMethod;
+      if (method) {
+        const v = method(obj);
+        if (v) {
+          return { rowspan: v[0], colspan: v[1] };
+        }
+      }
+    };
     const rowStyle = computed(() => {
       const height = props.lineHeight;
       const rowStyle2 = attrs.assem.rowStyle;
@@ -171,7 +178,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       rowObj.value = scope.row;
       emit("cell-click", scope.row, scope.row, scope);
     }
-    function toggleRowSelection(row) {
+    function toggleRowSelection(row, is) {
+      tableRef.value.toggleCheckboxRow(row, is);
     }
     function clearSelection() {
       tableRef.value.clearCheckboxRow();
@@ -180,6 +188,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       tableRef.value.clearRadioRow();
     }
     function getSelections() {
+      return tableRef.value.getCheckboxRecords();
     }
     function clearSort() {
       tableRef.value.clearSort();
@@ -230,6 +239,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "sort-config": config.value.sort,
           "checkbox-config": config.value.checkbox,
           "radio-config": config.value.radio,
+          "span-method": spanMethod,
           data: unref(props).value,
           onCellClick,
           onSortChange: sortChange,

package/dist/components/tablesvp/index.css

@@ -2,7 +2,7 @@
   --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
-  --bag-primary-text: #fff;
+  --bag-primary-text: #ffffff;
   --border: #eee;
   --layout-panel-gap: 10px;
   --layout-panel-padding: 20px;

package/dist/components/tablesvp/index.d.ts

@@ -1,4 +1,5 @@
 import { SFCWithInstall } from '../../utils/vues';
 import { DefineComponent } from 'vue';
 declare const Tablesvp: SFCWithInstall<DefineComponent<{}, {}, any>>;
-export { Tablesvp, Tablesvp as default };
+export { Tablesvp };
+export default Tablesvp;

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

@@ -19,7 +19,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const slots = vue.useSlots();
     const prs = __props;
     const props = index$2.usePropsDefault(data.name, prs, pagin.dataProps);
-    index$2.viewProps(props, data.name);
     const emit = __emit;
     const refTable = vue.ref();
     const {

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

@@ -6,7 +6,7 @@ import { name } from "./data.js";
 import { dataProps, useInit, dataEmit } from "../../tables/common/pagin.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import { useLocale } from "../../../hooks/locale/index.js";
-import { usePropsDefault, viewProps, getProps } from "../../../hooks/props-default/index.js";
+import { usePropsDefault, getProps } from "../../../hooks/props-default/index.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: getProps(dataProps),
@@ -17,7 +17,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const slots = useSlots();
     const prs = __props;
     const props = usePropsDefault(name, prs, dataProps);
-    viewProps(props, name);
     const emit = __emit;
     const refTable = ref();
     const {

package/dist/components/tablesvpd/index.css

@@ -2,7 +2,7 @@
   --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
-  --bag-primary-text: #fff;
+  --bag-primary-text: #ffffff;
   --border: #eee;
   --layout-panel-gap: 10px;
   --layout-panel-padding: 20px;

package/dist/components/tablesvpd/index.d.ts

@@ -1,4 +1,5 @@
 import { SFCWithInstall } from '../../utils/vues';
 import { DefineComponent } from 'vue';
 declare const Tablesvpd: SFCWithInstall<DefineComponent<{}, {}, any>>;
-export { Tablesvpd, Tablesvpd as default };
+export { Tablesvpd };
+export default Tablesvpd;

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

@@ -20,7 +20,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const slots = vue.useSlots();
     const prs = __props;
     const props = index$2.usePropsDefault(data.name, prs, pagin.dataProps);
-    index$2.viewProps(props, data.name);
     const emit = __emit;
     const refTable = vue.ref();
     const {

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

@@ -7,7 +7,7 @@ import { name } from "./data.js";
 import { dataProps, useInit, dataEmit } from "../../tables/common/pagin.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import { useLocale } from "../../../hooks/locale/index.js";
-import { usePropsDefault, viewProps, getProps } from "../../../hooks/props-default/index.js";
+import { usePropsDefault, getProps } from "../../../hooks/props-default/index.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: getProps(dataProps),
@@ -18,7 +18,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const slots = useSlots();
     const prs = __props;
     const props = usePropsDefault(name, prs, dataProps);
-    viewProps(props, name);
     const emit = __emit;
     const refTable = ref();
     const {

package/dist/components/tabs/index.d.ts

@@ -2,4 +2,5 @@ import { SFCWithInstall } from '../../utils/vues';
 import { DefineComponent } from 'vue';
 export * from './src/export';
 declare const Tabs: SFCWithInstall<DefineComponent<{}, {}, any>>;
-export { Tabs, Tabs as default };
+export { Tabs };
+export default Tabs;

package/dist/components/tabs/index.scss

@@ -2,4 +2,5 @@
 
 $tabs: 'tabs';
 @include b($tabs) {
+	// 占位符，为将来扩展预留
 }

package/dist/components/tag/index.d.ts

@@ -2,4 +2,5 @@ import { SFCWithInstall } from '../../utils/vues';
 import { DefineComponent } from 'vue';
 export * from './src/export';
 declare const Tag: SFCWithInstall<DefineComponent<{}, {}, any>>;
-export { Tag, Tag as default };
+export { Tag };
+export default Tag;

package/dist/components/tag/index.scss

@@ -2,4 +2,5 @@
 
 $tag: 'tag';
 @include b($tag) {
+	// 占位符，为将来扩展预留
 }

package/dist/components/text/index.d.ts

@@ -2,4 +2,5 @@ import { SFCWithInstall } from '../../utils/vues';
 import { DefineComponent } from 'vue';
 export * from './src/export';
 declare const Text: SFCWithInstall<DefineComponent<{}, {}, any>>;
-export { Text, Text as default };
+export { Text };
+export default Text;

package/dist/components/text/index.scss

@@ -2,4 +2,5 @@
 
 $text: 'text';
 @include b($text) {
+	// 占位符，为将来扩展预留
 }

package/dist/components/texts/index.d.ts

@@ -1,4 +1,5 @@
 import { SFCWithInstall } from '../../utils/vues';
 import { DefineComponent } from 'vue';
 declare const Texts: SFCWithInstall<DefineComponent<{}, {}, any>>;
-export { Texts, Texts as default };
+export { Texts };
+export default Texts;

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

@@ -15,7 +15,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const cs = index$1.useCssName(data.name);
     const prs = __props;
     const props = index$2.usePropsDefault(data.name, prs, data.dataProps);
-    index$2.viewProps(props, data.name);
     const slots = vue.useSlots();
     const emit = __emit;
     __expose({});

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

@@ -2,7 +2,7 @@ import { defineComponent, useAttrs, useSlots, createElementBlock, openBlock, mer
 import { name, dataProps, dataEmits } from "./data.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import { useInherit } from "../../../hooks/inherit/index.js";
-import { usePropsDefault, viewProps, getProps } from "../../../hooks/props-default/index.js";
+import { usePropsDefault, getProps } from "../../../hooks/props-default/index.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "index",
@@ -13,7 +13,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const cs = useCssName(name);
     const prs = __props;
     const props = usePropsDefault(name, prs, dataProps);
-    viewProps(props, name);
     const slots = useSlots();
     const emit = __emit;
     __expose({});

package/dist/components/time-picker/index.d.ts

@@ -2,4 +2,5 @@ import { SFCWithInstall } from '../../utils/vues';
 import { DefineComponent } from 'vue';
 export * from './src/export';
 declare const TimePicker: SFCWithInstall<DefineComponent<{}, {}, any>>;
-export { TimePicker, TimePicker as default };
+export { TimePicker };
+export default TimePicker;

package/dist/components/time-picker/index.scss

@@ -2,4 +2,5 @@
 
 $time-picker: 'time-picker';
 @include b($time-picker) {
+	// 占位符，为将来扩展预留
 }

package/dist/components/time-select/index.d.ts

@@ -2,4 +2,5 @@ import { SFCWithInstall } from '../../utils/vues';
 import { DefineComponent } from 'vue';
 export * from './src/export';
 declare const TimeSelect: SFCWithInstall<DefineComponent<{}, {}, any>>;
-export { TimeSelect, TimeSelect as default };
+export { TimeSelect };
+export default TimeSelect;

package/dist/components/time-select/index.scss

@@ -2,4 +2,5 @@
 
 $time-select: 'time-select';
 @include b($time-select) {
+	// 占位符，为将来扩展预留
 }

package/dist/components/tooltip/index.d.ts

@@ -2,4 +2,5 @@ import { SFCWithInstall } from '../../utils/vues';
 import { DefineComponent } from 'vue';
 export * from './src/export';
 declare const Tooltip: SFCWithInstall<DefineComponent<{}, {}, any>>;
-export { Tooltip, Tooltip as default };
+export { Tooltip };
+export default Tooltip;

package/dist/components/tooltip/index.scss

@@ -2,4 +2,5 @@
 
 $tooltip: 'tooltip';
 @include b($tooltip) {
+	// 占位符，为将来扩展预留
 }

package/dist/components/transfer/index.d.ts

@@ -2,4 +2,5 @@ import { SFCWithInstall } from '../../utils/vues';
 import { DefineComponent } from 'vue';
 export * from './src/export';
 declare const Transfer: SFCWithInstall<DefineComponent<{}, {}, any>>;
-export { Transfer, Transfer as default };
+export { Transfer };
+export default Transfer;

package/dist/components/transfer/index.scss

@@ -2,4 +2,5 @@
 
 $transfer: 'transfer';
 @include b($transfer) {
+	// 占位符，为将来扩展预留
 }

package/dist/components/tree/index.d.ts

@@ -2,4 +2,5 @@ import { SFCWithInstall } from '../../utils/vues';
 import { DefineComponent } from 'vue';
 export * from './src/export';
 declare const Tree: SFCWithInstall<DefineComponent<{}, {}, any>>;
-export { Tree, Tree as default };
+export { Tree };
+export default Tree;

package/dist/components/tree/index.scss

@@ -2,4 +2,5 @@
 
 $tree: 'tree';
 @include b($tree) {
+	// 占位符，为将来扩展预留
 }

package/dist/components/tree-select/index.d.ts

@@ -2,4 +2,5 @@ import { SFCWithInstall } from '../../utils/vues';
 import { DefineComponent } from 'vue';
 export * from './src/export';
 declare const TreeSelect: SFCWithInstall<DefineComponent<{}, {}, any>>;
-export { TreeSelect, TreeSelect as default };
+export { TreeSelect };
+export default TreeSelect;

package/dist/components/tree-select/index.scss

@@ -2,4 +2,5 @@
 
 $tree-select: 'tree-select';
 @include b($tree-select) {
+	// 占位符，为将来扩展预留
 }

package/dist/components/tree-select-box/index.d.ts

@@ -1,4 +1,5 @@
 import { SFCWithInstall } from '../../utils/vues';
 import { DefineComponent } from 'vue';
 declare const TreeSelectBox: SFCWithInstall<DefineComponent<{}, {}, any>>;
-export { TreeSelectBox, TreeSelectBox as default };
+export { TreeSelectBox };
+export default TreeSelectBox;

package/dist/components/tree-select-box/src/data.cjs

@@ -1,6 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../../../utils/index.cjs");
 const buildProps = require("../../../utils/vues/buildProps.cjs");
 const definePropType = require("../../../utils/vues/definePropType.cjs");
 const roleSelect = {

package/dist/components/tree-select-box/src/data.js

@@ -1,4 +1,3 @@
-import "../../../utils/index.js";
 import { buildProps } from "../../../utils/vues/buildProps.js";
 import { definePropType } from "../../../utils/vues/definePropType.js";
 const roleSelect = {

package/dist/components/tree-select-box/src/index2.cjs

@@ -2,12 +2,11 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const data = require("./data.cjs");
-require("../../../hooks/index.cjs");
+const index$1 = require("../../../hooks/cssname/index.cjs");
+const index = require("../../../hooks/locale/index.cjs");
 const index$3 = require("../../input/index.cjs");
 const index$4 = require("../../tree/index.cjs");
 const index$2 = require("../../select-dialog/index.cjs");
-const index = require("../../../hooks/locale/index.cjs");
-const index$1 = require("../../../hooks/cssname/index.cjs");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: data.dataProps,
@@ -20,7 +19,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const refSelectDialog = vue.ref();
     const refTree = vue.ref();
     const psprops = vue.computed(() => {
-      return Object.assign({}, data.roleSelect, propss.props);
+      return {
+        ...data.roleSelect,
+        ...propss.props
+      };
     });
     const search = vue.ref("");
     const nodes = vue.ref({});
@@ -48,14 +50,14 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           (v, node) => {
             const prop = psprops.value.value;
             if (node) {
-              Object.keys(node).forEach((key) => {
+              for (const key of Object.keys(node)) {
                 setNodes(key, node[key]);
-              });
+              }
             } else {
-              v.forEach((o) => {
+              for (const o of v) {
                 const id = o[prop];
                 setNodes(id, o);
-              });
+              }
             }
             if (psprops.value.lazy && callback) {
               callback(v);
@@ -70,7 +72,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
     }
     function setNodes(key, obj) {
-      nodes.value[key] = Object.assign(nodes.value[key] || {}, obj);
+      const v = nodes.value[key] || {};
+      nodes.value[key] = {
+        ...v,
+        ...obj
+      };
     }
     function getName(key) {
       const name2 = psprops.value.label;
@@ -117,10 +123,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           }
           setTreeVale();
         }
-      } else {
-        if (!data2[disabledname]) {
-          list.value = [d];
-        }
+      } else if (!data2[disabledname]) {
+        list.value = [d];
       }
     }
     function handleTreeChange(data2, node) {
@@ -149,16 +153,16 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     onInput({}, (v) => listData.value = v);
     function setNodesObj(node) {
       if (node) {
-        if (node instanceof Array) {
+        if (Array.isArray(node)) {
           const prop = psprops.value.value;
-          node.forEach((o) => {
+          for (const o of node) {
             const id = o[prop];
             setNodes(id, o);
-          });
+          }
         } else {
-          Object.keys(node).forEach((key) => {
+          for (const key of Object.keys(node)) {
             setNodes(key, node[key]);
-          });
+          }
         }
       }
     }

package/dist/components/tree-select-box/src/index2.js

@@ -1,11 +1,10 @@
 import { defineComponent, ref, computed, watch, createElementBlock, openBlock, normalizeClass, unref, createVNode, withCtx, createElementVNode, withKeys, renderSlot } from "vue";
 import { name, roleSelect, dataExpose, dataEmits, dataProps } from "./data.js";
-import "../../../hooks/index.js";
+import { useCssName } from "../../../hooks/cssname/index.js";
+import { useLocale } from "../../../hooks/locale/index.js";
 import { Input } from "../../input/index.js";
 import { Tree } from "../../tree/index.js";
 import { SelectDialog } from "../../select-dialog/index.js";
-import { useLocale } from "../../../hooks/locale/index.js";
-import { useCssName } from "../../../hooks/cssname/index.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: dataProps,
@@ -18,7 +17,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const refSelectDialog = ref();
     const refTree = ref();
     const psprops = computed(() => {
-      return Object.assign({}, roleSelect, propss.props);
+      return {
+        ...roleSelect,
+        ...propss.props
+      };
     });
     const search = ref("");
     const nodes = ref({});
@@ -46,14 +48,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           (v, node) => {
             const prop = psprops.value.value;
             if (node) {
-              Object.keys(node).forEach((key) => {
+              for (const key of Object.keys(node)) {
                 setNodes(key, node[key]);
-              });
+              }
             } else {
-              v.forEach((o) => {
+              for (const o of v) {
                 const id = o[prop];
                 setNodes(id, o);
-              });
+              }
             }
             if (psprops.value.lazy && callback) {
               callback(v);
@@ -68,7 +70,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     }
     function setNodes(key, obj) {
-      nodes.value[key] = Object.assign(nodes.value[key] || {}, obj);
+      const v = nodes.value[key] || {};
+      nodes.value[key] = {
+        ...v,
+        ...obj
+      };
     }
     function getName(key) {
       const name2 = psprops.value.label;
@@ -115,10 +121,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }
           setTreeVale();
         }
-      } else {
-        if (!data[disabledname]) {
-          list.value = [d];
-        }
+      } else if (!data[disabledname]) {
+        list.value = [d];
       }
     }
     function handleTreeChange(data, node) {
@@ -147,16 +151,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     onInput({}, (v) => listData.value = v);
     function setNodesObj(node) {
       if (node) {
-        if (node instanceof Array) {
+        if (Array.isArray(node)) {
           const prop = psprops.value.value;
-          node.forEach((o) => {
+          for (const o of node) {
             const id = o[prop];
             setNodes(id, o);
-          });
+          }
         } else {
-          Object.keys(node).forEach((key) => {
+          for (const key of Object.keys(node)) {
             setNodes(key, node[key]);
-          });
+          }
         }
       }
     }

package/dist/components/upload/index.d.ts

@@ -2,4 +2,5 @@ import { SFCWithInstall } from '../../utils/vues';
 import { DefineComponent } from 'vue';
 export * from './src/export';
 declare const Upload: SFCWithInstall<DefineComponent<{}, {}, any>>;
-export { Upload, Upload as default };
+export { Upload };
+export default Upload;

package/dist/components/upload/index.scss

@@ -2,4 +2,5 @@
 
 $upload: 'upload';
 @include b($upload) {
+	// 占位符，为将来扩展预留
 }

package/dist/components/uploads/index.css

@@ -3,7 +3,7 @@
   --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
-  --bag-primary-text: #fff;
+  --bag-primary-text: #ffffff;
   --border: #eee;
   --layout-panel-gap: 10px;
   --layout-panel-padding: 20px;
@@ -64,7 +64,7 @@
   display: none;
   align-items: center;
   justify-content: center;
-  color: #fff;
+  color: #ffffff;
 }
 .uploads-list-li-operation > span {
   font-size: 16px;

package/dist/components/uploads/index.d.ts

@@ -1,4 +1,5 @@
 import { SFCWithInstall } from '../../utils/vues';
 import { DefineComponent } from 'vue';
 declare const Uploads: SFCWithInstall<DefineComponent<{}, {}, any>>;
-export { Uploads, Uploads as default };
+export { Uploads };
+export default Uploads;

package/dist/components/uploads/index.scss

@@ -41,7 +41,7 @@ $uploads: 'uploads';
 				display: none;
 				align-items: center;
 				justify-content: center;
-				color: #fff;
+				color: #ffffff;
 				> span {
 					font-size: 16px;
 					padding: 3px;