bm-admin-ui 1.0.40-alpha → 1.0.42-alpha

package/es/components/float-table/__test__/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/es/components/float-table/index.d.ts

@@ -1,3 +1,70 @@
-declare const BmFloatTable: any;
+declare const BmFloatTable: import("bm-admin-ui/es/utils/with-install").SFCWithInstall<{
+    name: string;
+    props: {
+        config: {
+            type: ObjectConstructor;
+            required: boolean;
+            default: () => {};
+        };
+        pagerProps: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        events: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        isNeedFloatHandle: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        size: {
+            type: StringConstructor;
+            default: string;
+        };
+    };
+    emits: string[];
+    setup(props: any, { emit }: {
+        emit: any;
+    }): {
+        setItemRef(el: any, column: any, rowid: any): void;
+        leaveFloatTable(): void;
+        scrollTo(config?: {}): void;
+        pageNoChange(val: any): Promise<void>;
+        pageSizeChange(val: any, size: any): Promise<void>;
+        floatMouseLeave(): void;
+        floatOverMouse(): void;
+        goAnimationEndFn(): void;
+        scrollNotShowFloat(): void;
+        classes: import("vue").ComputedRef<(string | {
+            floatHandleTable: any;
+        })[]>;
+        gridOptions: import("vue").ComputedRef<any>;
+        gridEvents: import("vue").ComputedRef<any>;
+        pager: import("vue").ComputedRef<any>;
+        simpleImage: import("vue").Ref<(string | number | boolean | void | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }> | null | undefined) | JSX.Element | (string | number | boolean | void | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }> | null | undefined)[]>;
+        floatRefsId: import("vue").Ref<{}>;
+        floatId: import("vue").Ref<string>;
+        isShowFloatHandle: import("vue").Ref<boolean>;
+        atVisible: import("vue").Ref<boolean>;
+        goAnimationEnd: import("vue").Ref<boolean>;
+        floatPosition: import("vue").Ref<{
+            top: string;
+            height: string;
+        }>;
+        trNodes: import("vue").Ref<any>;
+        isInScroll: import("vue").Ref<boolean>;
+        inMaxScorllX: import("vue").Ref<boolean>;
+        floatRow: import("vue").Ref<{}>;
+        floatRowIndex: import("vue").Ref<undefined>;
+        floatHandleDomCol: import("vue").Ref<any>;
+        floatTable: import("vue").Ref<any>;
+        xGrid: import("vue").Ref<any>;
+    };
+}>;
 export { BmFloatTable };
 export default BmFloatTable;

package/es/components/flow-designer/index.d.ts

@@ -1,3 +1,7 @@
-declare const BmFlowDesigner: any;
+declare const BmFlowDesigner: import("bm-admin-ui/es/utils/with-install").SFCWithInstall<import("vue").DefineComponent<{}, {
+    container: import("vue").Ref<any>;
+    lf: any;
+    init: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
 export { BmFlowDesigner };
 export default BmFlowDesigner;

package/es/components/form-create/index.js

@@ -783,7 +783,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     watch(
       () => props.defaultSelected,
       (val) => {
-        selected.value = val;
+        selected.value = val || [];
       },
       {
         immediate: true
@@ -978,6 +978,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     const params = computed(() => ({
       timestamp: timestamp.value,
       pageType: 1,
+      status: 1,
       templateName: templateName.value,
       categoryCode: selectTypeKeys.value?.[0],
       secondCategoryCode: selectTypeKeys.value?.[1],
@@ -992,6 +993,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       total: 0
     });
     const timestamp = ref("");
+    let initLoadFlag = true;
     function initType() {
       props.fetchMaterialType({
         level: 1,
@@ -1038,7 +1040,11 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       return result;
     }
     function handleTreeSelect(selectedKeys, e) {
-      selectTypeKeys.value = getSelectTypeKeys(e.node);
+      if (selectedKeys.length) {
+        selectTypeKeys.value = getSelectTypeKeys(e.node);
+      } else {
+        selectTypeKeys.value = [];
+      }
       pagination.current = 1;
       getTem();
     }
@@ -1070,7 +1076,15 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       emits("update:visible", false);
     }
     initType();
-    getTem();
+    watch(
+      () => props.visible,
+      (visible) => {
+        if (visible && initLoadFlag) {
+          getTem();
+          initLoadFlag = false;
+        }
+      }
+    );
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(Modal), {
         title: "\u9009\u62E9\u7D20\u6750\u6A21\u677F",
@@ -1196,7 +1210,7 @@ const _hoisted_6$3 = ["onClick"];
 const _hoisted_7$3 = ["onClick"];
 const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "table-widget",
-  props: ["rule", "extraConfig"],
+  props: ["rule", "extraConfig", "disabled"],
   emits: ["change"],
   setup(__props, { emit: emits }) {
     const props = __props;
@@ -1253,7 +1267,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     function initConfig() {
       columns.splice(0, columns.length);
       data.splice(0, data.length);
-      const childRules = props.rule.config.childRules;
+      const childRules = cloneDeep(props.rule.config.childRules);
       const value = props.rule.value;
       if (deleteFeature.value) {
         columns.push({
@@ -1261,6 +1275,11 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
           width: "54px"
         });
       }
+      if (props.disabled) {
+        childRules.forEach((rule) => {
+          rule.disabled = true;
+        });
+      }
       childRules?.length && columns.push(
         ...childRules.reduce((pre, cur) => {
           if (cur.hidden) {
@@ -1538,7 +1557,8 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     "uploadPictureRule",
     "extraConfig",
     "formCreateInject",
-    "value"
+    "value",
+    "disabled"
   ],
   emits: ["change"],
   setup(__props, { emit: emits }) {
@@ -1562,7 +1582,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       visible.value = true;
     }
     function handleSelect(tempId) {
-      return getTempDetail(tempId).then((result) => {
+      getTempDetail(tempId).then((result) => {
         const activePane2 = getAcitvePane();
         activePane2.tempSelected = result;
         activePane2.tableRule = getTableRule(result.coverageArr);
@@ -1664,7 +1684,8 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       index = props.value.index;
       panes.splice(0, panes.length);
       value.panes.forEach((pane, index2) => {
-        pane.tempSelected = {};
+        if (!pane.tempSelected)
+          pane.tempSelected = {};
         if (index2 === 0) {
           activeKey.value = pane.key;
         }
@@ -1675,9 +1696,8 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     function handTabChange() {
       const activePane2 = getAcitvePane();
       if (activePane2.tempIdSelected) {
-        handleSelect(activePane2.tempIdSelected).then(() => {
-          delete activePane2.tempIdSelected;
-        });
+        handleSelect(activePane2.tempIdSelected);
+        delete activePane2.tempIdSelected;
       }
     }
     props.value && initValue(props.value);
@@ -1741,15 +1761,17 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                                         createTextVNode(toDisplayString(pane.tempSelected.templateName) + " ", 1),
                                         createVNode(unref(Button), {
                                           type: "link",
+                                          disabled: __props.disabled?.includes("selectBtn"),
                                           onClick: selectTemp
                                         }, {
                                           default: withCtx(() => [
                                             createTextVNode("\u66F4\u6362\u6A21\u677F")
                                           ]),
                                           _: 1
-                                        })
+                                        }, 8, ["disabled"])
                                       ])) : (openBlock(), createBlock(unref(Button), {
                                         key: 1,
+                                        disabled: __props.disabled?.includes("selectBtn"),
                                         onClick: selectTemp
                                       }, {
                                         default: withCtx(() => [
@@ -1757,7 +1779,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                                           createTextVNode(" \u9009\u62E9\u6A21\u677F ")
                                         ]),
                                         _: 1
-                                      }))
+                                      }, 8, ["disabled"]))
                                     ]),
                                     _: 2
                                   }, 1024)
@@ -1901,7 +1923,8 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                                         "upload-props": {
                                           listType: "picture-card",
                                           text: "\u4E0A\u4F20\u56FE\u7247",
-                                          multiple: true
+                                          multiple: true,
+                                          disabled: __props.disabled?.includes("uploadPic")
                                         },
                                         "extra-props": {
                                           maxCount: 9
@@ -1909,7 +1932,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                                         "upload-request": __props.extraConfig.uploadRequest,
                                         "default-list": pane.uploadList,
                                         onUpdate: handleUpload
-                                      }, null, 8, ["upload-request", "default-list"])
+                                      }, null, 8, ["upload-props", "upload-request", "default-list"])
                                     ]),
                                     _: 2
                                   }, 1024)
@@ -1925,8 +1948,9 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                       pane.tableRule ? (openBlock(), createBlock(TableWidget, {
                         key: 0,
                         rule: pane.tableRule,
+                        disabled: __props.disabled?.includes("editTable"),
                         onChange: handleTableDataChange
-                      }, null, 8, ["rule"])) : createCommentVNode("v-if", true)
+                      }, null, 8, ["rule", "disabled"])) : createCommentVNode("v-if", true)
                     ]),
                     _: 2
                   }, 1024)
@@ -2178,11 +2202,12 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   emits: ["change"],
   setup(__props, { emit: emits }) {
     const props = __props;
+    const value = ref(props.value);
     const options = ref([]);
     const keyword = ref("");
-    const debounceFetch = debounce((value) => {
+    const debounceFetch = debounce((value2) => {
       props.extraConfig.fetch(postData.value).then((data) => {
-        if (value === keyword.value)
+        if (value2 === keyword.value)
           options.value = data;
       });
     }, 300);
@@ -2195,17 +2220,18 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         options.value = data;
       });
     }
-    function handleChange(value, option) {
+    function handleChange(value2, option) {
       emits("change", option);
     }
-    function handleSearch(value) {
-      keyword.value = value;
-      debounceFetch(value);
+    function handleSearch(value2) {
+      keyword.value = value2;
+      debounceFetch(value2);
     }
     initOptions();
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(Select), {
-        value: __props.value,
+        value: value.value,
+        "onUpdate:value": _cache[0] || (_cache[0] = ($event) => value.value = $event),
         placeholder: "\u8BF7\u9009\u62E9",
         "show-search": "",
         "show-arrow": false,
@@ -2875,18 +2901,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const fApi = ref();
     const rule = ref([]);
     const processFormPermissions = computed(
-      () => props.formPermissions.reduce((result, item) => {
+      () => props.formPermissions ? props.formPermissions.reduce((result, item) => {
         if (item.disabled) {
           if (item.name === "picture") {
             ((item.props = {}).uploadProps = {}).disabled = true;
+          } else if (item.name === "materialTemp") {
+            (item.props = {}).disabled = item.disabled;
           } else {
             (item.props = {}).disabled = true;
           }
-          delete item.disabled;
         }
+        delete item.disabled;
         result[item.field] = item;
         return result;
-      }, {})
+      }, {}) : {}
     );
     function setRule(fdRule) {
       fdRule = getRuleData(fdRule);
@@ -2911,13 +2939,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               childRule.disabled = rulePermission.props?.disabled;
             }
           });
+        } else if (data.name === "materialTemp") {
+          rule2.children[1] = mergeFormPermission(data.field, rule2.children[1]);
+          return rule2;
         }
         return mergeFormPermission(data.field, rule2);
       });
     }
     function mergeFormPermission(field, rule2) {
-      if (processFormPermissions.value[field])
+      if (processFormPermissions.value[field]) {
         rule2 = merge(rule2, processFormPermissions.value[field]);
+      }
       return rule2;
     }
     function handleValue(value) {

package/es/components/form-designer/index.js

@@ -135,8 +135,8 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     function handleRowWidgetMouseleave() {
       props.rule.config.isHover = true;
     }
-    function handleRowWidgetSetActiveRule(element) {
-      emits("setActiveRule", element, props.rule);
+    function handleNestSetActiveRule(element, parentRule) {
+      emits("setActiveRule", element, parentRule || props.rule);
     }
     function handleRowWidgetCopy(rule) {
       emitCopyEvt(rule, props.rule);
@@ -144,7 +144,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     function handleRowWidgetDelete(rule) {
       emitDeleteEvt(rule, props.rule);
     }
-    function handleRowWidgetAdd(rule) {
+    function handleNestAdd(rule) {
       emits("widgetAdd", rule, props.rule);
     }
     return (_ctx, _cache) => {
@@ -169,10 +169,10 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
           rule: [__props.rule],
           onNestMouseenter: handleRowWidgetMouseenter,
           onNestMouseleave: handleRowWidgetMouseleave,
-          onNestSetActiveRule: handleRowWidgetSetActiveRule,
+          onNestSetActiveRule: handleNestSetActiveRule,
           onNestCopy: handleRowWidgetCopy,
           onNestDelete: handleRowWidgetDelete,
-          onNestAdd: handleRowWidgetAdd
+          onNestAdd: handleNestAdd
         }, null, 8, ["option", "rule"])) : (openBlock(), createBlock(WidgetInstruction, {
           key: 1,
           rule: __props.rule
@@ -264,8 +264,8 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     function handleMouseleave() {
       emits("mouseleave");
     }
-    function emitSetActiveRuleEvt(rule) {
-      emits("set-active-rule", rule);
+    function emitSetActiveRuleEvt(rule, parentRule = void 0) {
+      emits("set-active-rule", rule, parentRule);
     }
     function handleClick(element) {
       emitSetActiveRuleEvt(element);
@@ -284,6 +284,9 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     function handleDelete(rule) {
       emits("delete", rule);
     }
+    function handleWidgetInTableActive(rule, parentRule) {
+      emitSetActiveRuleEvt(rule, parentRule);
+    }
     return (_ctx, _cache) => {
       const _component_ACol = resolveComponent("ACol");
       return openBlock(), createElementBlock("div", _hoisted_1$d, [
@@ -322,7 +325,8 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
                   onMouseleave: handleMouseleave,
                   onClick: withModifiers(($event) => handleClick(element), ["stop"]),
                   onCopy: handleCopy,
-                  onDelete: handleDelete
+                  onDelete: handleDelete,
+                  onSetActiveRule: handleWidgetInTableActive
                 }, null, 8, ["rule", "active-rule", "parent-rule", "onClick"]),
                 createVNode(DragPlaceholder)
               ]),
@@ -1609,6 +1613,9 @@ var instruction = {
                         minRows: 5,
                     },
                 },
+                effect: {
+                    required: '请输入说明文字',
+                },
                 title: label$9,
                 field: fieldsMap$9.value,
                 value: rule.value,
@@ -3228,6 +3235,14 @@ var shop = {
                 field: fieldsMap$1['config.isMain'],
                 value: rule.config.isMain,
                 hidden: !!parentRule,
+                inject: true,
+                on: {
+                    change({ api, self }, value) {
+                        if (value) {
+                            api.mergeRule(fieldsMap$1['effect.required'], { value: true });
+                        }
+                    },
+                },
             },
             {
                 type: 'switch',
@@ -3756,7 +3771,8 @@ const __default__ = {
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...__default__,
   props: formDesignerProps,
-  setup(__props, { expose }) {
+  emits: ["initPresetRule"],
+  setup(__props, { expose, emit: emits }) {
     const props = __props;
     FC.component("TableHeadCount", TableHeadCount);
     FC.component("TableColumn", TableColumn);
@@ -3919,6 +3935,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         message.error("\u8BE5\u63A7\u4EF6\u5DF2\u88AB\u8BBE\u4E3A\u6570\u636E\u8FC7\u6EE4\u6761\u4EF6\uFF0C\u4E0D\u53EF\u5220\u9664\u3002");
         return;
       }
+      if (props.flowCondition[targetRule.field]) {
+        message.error("\u8BE5\u7EC4\u4EF6\u5728\u201C\u6761\u4EF6\u5206\u652F\u540D\u79F0\u201D\u5DF2\u88AB\u8BBE\u4E3A\u5BA1\u6279\u6761\u4EF6\uFF0C\u4E0D\u53EF\u5220\u9664\u3002");
+        return;
+      }
       const parentList = parentRule?.config?.childRules || widgetFormRules;
       const index = parentList.findIndex((rule) => rule.field === targetRule.field);
       parentList.splice(index, 1);
@@ -3955,6 +3975,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           nextTick(() => {
             item.props.activeRule = rule;
           });
+          if (item.type === WidgetType.RowWidget && item?.config?.childRules?.length) {
+            item.config.childRules.forEach((childRule) => {
+              if (childRule.type === WidgetType.TableWidget) {
+                nextTick(() => {
+                  childRule.props.activeRule = rule;
+                });
+              }
+            });
+          }
         }
       });
       if (!cacheProps[rule.field]) {
@@ -4055,6 +4084,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         if (!rule?.title?.title && config.name !== "instruction") {
           pass = false;
         }
+        if (!rule?.value && config.name === "instruction") {
+          pass = false;
+        }
         if (config.name === "table" && !childRules.length) {
           pass = false;
         }
@@ -4096,6 +4128,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       () => props.presetRules,
       (presetRules) => {
         widgetFormRules.push(...presetRules);
+        emits("initPresetRule", widgetFormRules);
       }
     );
     watch(

package/es/components/index.d.ts

@@ -10,3 +10,6 @@ export * from './upload';
 export * from './timeline';
 export * from './input-tags-display';
 export * from './select-all';
+export * from './breadcrumb';
+export * from './editor';
+export * from './attachment';

package/es/components/index.js

@@ -12,3 +12,6 @@ export * from './upload';
 export * from './timeline';
 export * from './input-tags-display';
 export * from './select-all';
+export * from './breadcrumb';
+export * from './editor';
+export * from './attachment';

package/es/components/input-tags-display/index.d.ts

@@ -1,3 +1,140 @@
-declare const BmTagsDisplay: any;
+declare const BmTagsDisplay: import("bm-admin-ui/es/utils/with-install").SFCWithInstall<import("vue").DefineComponent<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    list: {
+        type: ArrayConstructor;
+        default: () => {
+            key: any;
+            title: string;
+        }[];
+    };
+    showEmpty: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    showEmptyBtn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    unitStr: {
+        type: StringConstructor;
+        default: string;
+    };
+    btnText: {
+        type: StringConstructor;
+        default: string;
+    };
+    toolTipProps: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    placement: {
+        type: StringConstructor;
+        default: string;
+    };
+    fieldNames: {
+        type: ObjectConstructor;
+        default: () => {
+            key: string;
+            title: string;
+        };
+    };
+    alwaysInvoke: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    containId: string;
+    clear: () => void;
+    toAddTags: () => void;
+    tooltipConfig: import("vue").Ref<{
+        align: undefined;
+        arrowPointAtCenter: boolean;
+        autoAdjustOverflow: boolean;
+        color: string;
+        defaultVisible: boolean;
+        destroyTooltipOnHide: boolean;
+        getPopupContainer: () => HTMLElement;
+        mouseEnterDelay: number;
+        mouseLeaveDelay: number;
+        overlayClassName: string;
+        overlayStyle: null;
+        placement: string;
+        trigger: string;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "update:list" | "addClick")[], "clear" | "update:list" | "addClick", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    list: {
+        type: ArrayConstructor;
+        default: () => {
+            key: any;
+            title: string;
+        }[];
+    };
+    showEmpty: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    showEmptyBtn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    unitStr: {
+        type: StringConstructor;
+        default: string;
+    };
+    btnText: {
+        type: StringConstructor;
+        default: string;
+    };
+    toolTipProps: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    placement: {
+        type: StringConstructor;
+        default: string;
+    };
+    fieldNames: {
+        type: ObjectConstructor;
+        default: () => {
+            key: string;
+            title: string;
+        };
+    };
+    alwaysInvoke: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onClear?: ((...args: any[]) => any) | undefined;
+    "onUpdate:list"?: ((...args: any[]) => any) | undefined;
+    onAddClick?: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    list: unknown[];
+    placeholder: string;
+    placement: string;
+    showEmpty: boolean;
+    showEmptyBtn: boolean;
+    unitStr: string;
+    btnText: string;
+    toolTipProps: Record<string, any>;
+    fieldNames: Record<string, any>;
+    alwaysInvoke: boolean;
+}>>;
 export { BmTagsDisplay };
 export default BmTagsDisplay;

package/es/components/input-tags-display/src/input-tags-display.vue.d.ts

@@ -123,9 +123,9 @@ declare const _default: import("vue").DefineComponent<{
     onAddClick?: ((...args: any[]) => any) | undefined;
 }, {
     disabled: boolean;
+    list: unknown[];
     placeholder: string;
     placement: string;
-    list: unknown[];
     showEmpty: boolean;
     showEmptyBtn: boolean;
     unitStr: string;