@ztocwst/rc-pro-materials 0.2.0 → 0.2.2

package/lib/components/z-agg-block/z-agg-block.d.ts

@@ -1,27 +1,27 @@
-import React from 'react';
-import './index.less';
-import { TypeZPointerBlockProps } from '../z-pointer-block';
-export interface TypeAggBlockProps {
-    /** 背景色 */
-    color?: {
-        start: string;
-        end: string;
-    };
-    /** 标题 */
-    title?: React.ReactNode;
-    /** 副标题 */
-    subTitle?: React.ReactNode;
-    /** 额外附属配置 */
-    extra?: React.ReactNode;
-    style?: React.CSSProperties;
-    /** 流程指标 */
-    process?: boolean;
-    /** 方向:横向 | 纵向 */
-    direction?: 'horizontal' | 'vertical';
-    /** 一行几列 */
-    column?: number;
-    items?: TypeZPointerBlockProps[] | React.ReactNode;
-    onClick?: (item: any) => void;
-}
-declare const ZAggBlock: React.FC<TypeAggBlockProps>;
-export default ZAggBlock;
+import React from 'react';
+import './index.less';
+import { TypeZPointerBlockProps } from '../z-pointer-block';
+export interface TypeAggBlockProps {
+    /** 背景色 */
+    color?: {
+        start: string;
+        end: string;
+    };
+    /** 标题 */
+    title?: React.ReactNode;
+    /** 副标题 */
+    subTitle?: React.ReactNode;
+    /** 额外附属配置 */
+    extra?: React.ReactNode;
+    style?: React.CSSProperties;
+    /** 流程指标 */
+    process?: boolean;
+    /** 方向:横向 | 纵向 */
+    direction?: 'horizontal' | 'vertical';
+    /** 一行几列 */
+    column?: number;
+    items?: TypeZPointerBlockProps[] | React.ReactNode;
+    onClick?: (item: any) => void;
+}
+declare const ZAggBlock: React.FC<TypeAggBlockProps>;
+export default ZAggBlock;

package/lib/components/z-auth/auth.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
-export interface TypeAuthProps {
-    /** 权限编码集合 */
-    authCodes?: string[];
-    /** 编码 */
-    code: string;
-}
-declare const Auth: React.FC<TypeAuthProps>;
-export default Auth;
+import React from 'react';
+export interface TypeAuthProps {
+    /** 权限编码集合 */
+    authCodes?: string[];
+    /** 编码 */
+    code: string;
+}
+declare const Auth: React.FC<TypeAuthProps>;
+export default Auth;

package/lib/components/z-auth/index.d.ts

@@ -1,3 +1,3 @@
-import ZAuth from './auth';
-export type { TypeAuthProps } from './auth';
-export default ZAuth;
+import ZAuth from './auth';
+export type { TypeAuthProps } from './auth';
+export default ZAuth;

package/lib/components/z-box/box.d.ts

@@ -1,20 +1,20 @@
-import { CSSProperties } from 'react';
-import './index.less';
-export interface TypeZBoxProps {
-    /** 对齐方向 */
-    direction: 'column' | 'row';
-    /** 主轴对齐 */
-    justify: 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around';
-    /** 交叉轴对齐 */
-    align: 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
-    /** 宽度 */
-    width: '' | '100%';
-    /** 间距 */
-    spacing: number;
-    style?: CSSProperties;
-    className?: string;
-    /** 是否换行 */
-    wrap: 'wrap' | 'nowrap';
-}
-declare const ZBox: React.FC<TypeZBoxProps>;
-export default ZBox;
+import { CSSProperties } from 'react';
+import './index.less';
+export interface TypeZBoxProps {
+    /** 对齐方向 */
+    direction: 'column' | 'row';
+    /** 主轴对齐 */
+    justify: 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around';
+    /** 交叉轴对齐 */
+    align: 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
+    /** 宽度 */
+    width: '' | '100%';
+    /** 间距 */
+    spacing: number;
+    style?: CSSProperties;
+    className?: string;
+    /** 是否换行 */
+    wrap: 'wrap' | 'nowrap';
+}
+declare const ZBox: React.FC<TypeZBoxProps>;
+export default ZBox;

package/lib/components/z-box/index.d.ts

@@ -1,3 +1,3 @@
-import ZBox from './box';
-export type { TypeZBoxProps } from './box';
-export default ZBox;
+import ZBox from './box';
+export type { TypeZBoxProps } from './box';
+export default ZBox;

package/lib/components/z-box/index.less

@@ -1,4 +1,4 @@
-.rc-z-box {
-  box-sizing: border-box;
-  display: flex;
-}
+.rc-z-box {
+  box-sizing: border-box;
+  display: flex;
+}

package/lib/components/z-button/index.d.ts

@@ -1,3 +1,3 @@
-import ZButton from './z-button';
-export type { ProButtonProps } from '@ztocwst/rc-pro/es/components/ProButton';
-export default ZButton;
+import ZButton from './z-button';
+export type { ProButtonProps } from '@ztocwst/rc-pro/es/components/ProButton';
+export default ZButton;

package/lib/components/z-button/z-button.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
-import type { ProButtonProps } from '@ztocwst/rc-pro/es/components/ProButton';
-declare const ZButton: React.FC<ProButtonProps>;
-export default ZButton;
+import * as React from 'react';
+import type { ProButtonProps } from '@ztocwst/rc-pro/es/components/ProButton';
+declare const ZButton: React.FC<ProButtonProps>;
+export default ZButton;

package/lib/components/z-config-provider/configProvider.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
-import type { RcConfigConsumerProps } from '@ztocwst/rc-pro';
-declare const ZConfigProvider: React.FC<RcConfigConsumerProps>;
-export default ZConfigProvider;
+import * as React from 'react';
+import type { RcConfigConsumerProps } from '@ztocwst/rc-pro';
+declare const ZConfigProvider: React.FC<RcConfigConsumerProps>;
+export default ZConfigProvider;

package/lib/components/z-config-provider/index.d.ts

@@ -1,3 +1,3 @@
-import ZConfigProvider from './configProvider';
-export type { RcConfigConsumerProps } from '@ztocwst/rc-pro';
-export default ZConfigProvider;
+import ZConfigProvider from './configProvider';
+export type { RcConfigConsumerProps } from '@ztocwst/rc-pro';
+export default ZConfigProvider;

package/lib/components/z-div/div.d.ts

@@ -1,6 +1,6 @@
-import { CSSProperties } from 'react';
-declare const ZDiv: import("react").ForwardRefExoticComponent<{
-    className?: string;
-    style: CSSProperties;
-} & import("react").RefAttributes<HTMLDivElement>>;
-export default ZDiv;
+import { CSSProperties } from 'react';
+declare const ZDiv: import("react").ForwardRefExoticComponent<{
+    className?: string;
+    style: CSSProperties;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export default ZDiv;

package/lib/components/z-div/index.d.ts

@@ -1,2 +1,2 @@
-import ZDiv from './div';
-export default ZDiv;
+import ZDiv from './div';
+export default ZDiv;

package/lib/components/z-editTable/editTable.d.ts

@@ -1,11 +1,11 @@
-/**
- * rcEditTable
- */
-import * as React from 'react';
-export default class ZRcEditTable extends React.Component {
-    proEditableFormRef: any;
-    editableFormRef: any;
-    constructor(props: any);
-    getProEditableFormRefRef: () => any;
-    render(): React.JSX.Element;
-}
+/**
+ * rcEditTable
+ */
+import * as React from 'react';
+export default class ZRcEditTable extends React.Component {
+    proEditableFormRef: any;
+    editableFormRef: any;
+    constructor(props: any);
+    getProEditableFormRefRef: () => any;
+    render(): React.JSX.Element;
+}

package/lib/components/z-editTable/editTable.js

@@ -9,8 +9,8 @@ var _rcPro = require("@ztocwst/rc-pro");
 var _utils = require("../../utils");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-/**
- * rcEditTable
+/**
+ * rcEditTable
  */
 var ZRcEditTable = /*#__PURE__*/function (_React$Component) {
   (0, _inheritsLoose2["default"])(ZRcEditTable, _React$Component);

package/lib/components/z-editTable/index.d.ts

@@ -1,2 +1,2 @@
-import ZRcEditTable from './editTable';
-export default ZRcEditTable;
+import ZRcEditTable from './editTable';
+export default ZRcEditTable;

package/lib/components/z-form/index.d.ts

@@ -1,3 +1,3 @@
-import ZForm from './z-form';
-export type { ProFormRenderProps } from '@ztocwst/rc-pro';
-export default ZForm;
+import ZForm from './z-form';
+export type { ProFormRenderProps } from '@ztocwst/rc-pro';
+export default ZForm;

package/lib/components/z-form/z-form.d.ts

@@ -1,10 +1,10 @@
-import * as React from 'react';
-import type { ProFormRenderProps } from '@ztocwst/rc-pro';
-export default class ZFormContainer extends React.Component<ProFormRenderProps, any> {
-    formRef: any;
-    currentRef: any;
-    constructor(props: any);
-    getFormRef: () => any;
-    getCurrentRef: () => any;
-    render(): React.JSX.Element;
-}
+import * as React from 'react';
+import type { ProFormRenderProps } from '@ztocwst/rc-pro';
+export default class ZFormContainer extends React.Component<ProFormRenderProps, any> {
+    formRef: any;
+    currentRef: any;
+    constructor(props: any);
+    getFormRef: () => any;
+    getCurrentRef: () => any;
+    render(): React.JSX.Element;
+}

package/lib/components/z-list/index.d.ts

@@ -1,3 +1,3 @@
-import ZList from './list';
-export type { RcListItem } from '@ztocwst/rc-pro';
-export default ZList;
+import ZList from './list';
+export type { RcListItem } from '@ztocwst/rc-pro';
+export default ZList;

package/lib/components/z-list/list.d.ts

@@ -1,17 +1,17 @@
-/**
- * 模板列表
- */
-import * as React from 'react';
-import type { RcListItem } from '@ztocwst/rc-pro';
-export default class ZTplListContainer extends React.Component<RcListItem, any> {
-    listRef: any;
-    tableRef: any;
-    listFormRef: any;
-    listFormCurrentRef: any;
-    constructor(props: any);
-    getListRef: () => any;
-    getTableRef: () => any;
-    getListFormRef: () => any;
-    getListFormCurrentRef: () => any;
-    render(): React.JSX.Element;
-}
+/**
+ * 模板列表
+ */
+import * as React from 'react';
+import type { RcListItem } from '@ztocwst/rc-pro';
+export default class ZTplListContainer extends React.Component<RcListItem, any> {
+    listRef: any;
+    tableRef: any;
+    listFormRef: any;
+    listFormCurrentRef: any;
+    constructor(props: any);
+    getListRef: () => any;
+    getTableRef: () => any;
+    getListFormRef: () => any;
+    getListFormCurrentRef: () => any;
+    render(): React.JSX.Element;
+}

package/lib/components/z-list/list.js

@@ -9,8 +9,8 @@ var _rcPro = require("@ztocwst/rc-pro");
 var _utils = require("../../utils");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-/**
- * 模板列表
+/**
+ * 模板列表
  */
 
 var ZList = function ZList(props) {

package/lib/components/z-operation-records/index.d.ts

@@ -1,3 +1,3 @@
-import ZOperationRecords from './operationRecords';
-export type { ProLogProps } from '@ztocwst/rc-pro';
-export default ZOperationRecords;
+import ZOperationRecords from './operationRecords';
+export type { ProLogProps } from '@ztocwst/rc-pro';
+export default ZOperationRecords;

package/lib/components/z-operation-records/operationRecords.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
-import type { ProOperationRecordsProps } from '@ztocwst/rc-pro';
-declare const ZOperationRecords: React.FC<ProOperationRecordsProps>;
-export default ZOperationRecords;
+import * as React from 'react';
+import type { ProOperationRecordsProps } from '@ztocwst/rc-pro';
+declare const ZOperationRecords: React.FC<ProOperationRecordsProps>;
+export default ZOperationRecords;

package/lib/components/z-pointer-block/index.d.ts

@@ -1,3 +1,3 @@
-import ZPointerBlock from './z-pointer-block';
-export type { TypeZPointerBlockProps } from './z-pointer-block';
-export default ZPointerBlock;
+import ZPointerBlock from './z-pointer-block';
+export type { TypeZPointerBlockProps } from './z-pointer-block';
+export default ZPointerBlock;

package/lib/components/z-pointer-block/index.less

@@ -1,15 +1,15 @@
-@root-entry-name: 'default';
-@import (reference) '~antd/es/style/themes/index.less';
-
-.z-pointer-block {
-  padding: 16px;
-  background: #fff;
-  border-radius: 8px;
-  border: 1px solid #d9d9d9;
-  min-width: 100px;
-
-  .z-pointer-icon {
-    // color: @primary-color;
-    color: var(--ant-primary-color, @primary-color);
-  }
-}
+@root-entry-name: 'default';
+@import (reference) '~antd/es/style/themes/index.less';
+
+.z-pointer-block {
+  padding: 16px;
+  background: #fff;
+  border-radius: 8px;
+  border: 1px solid #d9d9d9;
+  min-width: 100px;
+
+  .z-pointer-icon {
+    // color: @primary-color;
+    color: var(--ant-primary-color, @primary-color);
+  }
+}

package/lib/components/z-pointer-block/z-pointer-block.d.ts

@@ -1,16 +1,16 @@
-/// <reference types="react" />
-import './index.less';
-import { TypeZStatisticProps } from '../z-statistic';
-export type TypeZPointerBlockProps = {
-    /** 标题 */
-    title: string | React.ReactNode;
-    /** 值 */
-    value: string;
-    /** 图标 */
-    icon?: React.ReactNode;
-    align?: 'top' | 'middle' | 'bottom';
-    style?: React.CSSProperties;
-    onClick?: (item?: any) => void;
-} & TypeZStatisticProps;
-declare const ZPointerBlock: (props: TypeZPointerBlockProps) => import("react").JSX.Element;
-export default ZPointerBlock;
+/// <reference types="react" />
+import './index.less';
+import { TypeZStatisticProps } from '../z-statistic';
+export type TypeZPointerBlockProps = {
+    /** 标题 */
+    title: string | React.ReactNode;
+    /** 值 */
+    value: string;
+    /** 图标 */
+    icon?: React.ReactNode;
+    align?: 'top' | 'middle' | 'bottom';
+    style?: React.CSSProperties;
+    onClick?: (item?: any) => void;
+} & TypeZStatisticProps;
+declare const ZPointerBlock: (props: TypeZPointerBlockProps) => import("react").JSX.Element;
+export default ZPointerBlock;

package/lib/components/z-preview/index.d.ts

@@ -1,3 +1,3 @@
-import ZPreview from './preview';
-export type { ProPreviewProps } from '@ztocwst/rc-pro';
-export default ZPreview;
+import ZPreview from './preview';
+export type { ProPreviewProps } from '@ztocwst/rc-pro';
+export default ZPreview;

package/lib/components/z-preview/preview.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
-import type { ProPreviewProps } from '@ztocwst/rc-pro';
-declare const ZPreview: React.FC<ProPreviewProps>;
-export default ZPreview;
+import * as React from 'react';
+import type { ProPreviewProps } from '@ztocwst/rc-pro';
+declare const ZPreview: React.FC<ProPreviewProps>;
+export default ZPreview;

package/lib/components/z-pro-provider/index.d.ts

@@ -1,3 +1,3 @@
-import ZProProvider from './z-pro-provider';
-export type { TypeZProProviderProps } from './z-pro-provider';
-export default ZProProvider;
+import ZProProvider from './z-pro-provider';
+export type { TypeZProProviderProps } from './z-pro-provider';
+export default ZProProvider;

package/lib/components/z-pro-provider/z-pro-provider.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-export interface TypeZProProviderProps {
-    locale?: 'zh-CN' | 'en-US';
-}
-declare const ZProProvider: React.FC<TypeZProProviderProps>;
-export default ZProProvider;
+/// <reference types="react" />
+export interface TypeZProProviderProps {
+    locale?: 'zh-CN' | 'en-US';
+}
+declare const ZProProvider: React.FC<TypeZProProviderProps>;
+export default ZProProvider;

package/lib/components/z-ranking-list/index.d.ts

@@ -1,2 +1,2 @@
-import ZRankingList from './z-ranking-list';
-export default ZRankingList;
+import ZRankingList from './z-ranking-list';
+export default ZRankingList;

package/lib/components/z-ranking-list/index.less

@@ -1,49 +1,49 @@
-@root-entry-name: 'default';
-@import (reference) '~antd/es/style/themes/index.less';
-
-.ranking-list .ant-table .ant-table-thead > tr > th {
-  border-bottom: none;
-  font-size: 13px;
-  font-weight: 400;
-  color: #999;
-  background-color: #fff;
-  padding: 8px 5px;
-
-  &::before {
-    display: none;
-  }
-}
-
-.ranking-list .ant-table .ant-table-tbody > tr > td {
-  border-bottom: none;
-  font-size: 13px;
-  font-weight: 400;
-  color: #333;
-  padding: 11px 7px;
-  background-color: #fff;
-}
-
-.ranking-list {
-  &-number {
-    width: 20px;
-    height: 20px;
-    border-radius: 50%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    color: #333;
-    background-color: #f8f8f8;
-
-    &.highlight {
-      color: #fff;
-      // background: #1890ff;
-      background: var(--ant-primary-color, @primary-color);
-    }
-  }
-
-  &-icon {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-}
+@root-entry-name: 'default';
+@import (reference) '~antd/es/style/themes/index.less';
+
+.ranking-list .ant-table .ant-table-thead > tr > th {
+  border-bottom: none;
+  font-size: 13px;
+  font-weight: 400;
+  color: #999;
+  background-color: #fff;
+  padding: 8px 5px;
+
+  &::before {
+    display: none;
+  }
+}
+
+.ranking-list .ant-table .ant-table-tbody > tr > td {
+  border-bottom: none;
+  font-size: 13px;
+  font-weight: 400;
+  color: #333;
+  padding: 11px 7px;
+  background-color: #fff;
+}
+
+.ranking-list {
+  &-number {
+    width: 20px;
+    height: 20px;
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: #333;
+    background-color: #f8f8f8;
+
+    &.highlight {
+      color: #fff;
+      // background: #1890ff;
+      background: var(--ant-primary-color, @primary-color);
+    }
+  }
+
+  &-icon {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+}

package/lib/components/z-ranking-list/z-ranking-list.d.ts

@@ -1,14 +1,14 @@
-/**
- * 排行榜
- */
-import { TableProps } from 'antd';
-import * as React from 'react';
-import './index.less';
-declare const ZRankingList: React.FC<{
-    columns: TableProps<any>['columns'];
-    dataSource: any[];
-    showHeader?: boolean;
-    name: React.ReactNode;
-    icon?: string[];
-}>;
-export default ZRankingList;
+/**
+ * 排行榜
+ */
+import { TableProps } from 'antd';
+import * as React from 'react';
+import './index.less';
+declare const ZRankingList: React.FC<{
+    columns: TableProps<any>['columns'];
+    dataSource: any[];
+    showHeader?: boolean;
+    name: React.ReactNode;
+    icon?: string[];
+}>;
+export default ZRankingList;

package/lib/components/z-ranking-list/z-ranking-list.js

@@ -10,8 +10,8 @@ var _typography = _interopRequireDefault(require("antd/lib/typography"));
 var React = _interopRequireWildcard(require("react"));
 require("./index.less");
 var _excluded = ["type", "showRanking", "number"];
-/**
- * 排行榜
+/**
+ * 排行榜
  */
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/lib/components/z-simple-bar/index.d.ts

@@ -1,3 +1,3 @@
-import ZSimpleBar from './z-simple-bar';
-export type { TypeZSimpleBarProps } from './z-simple-bar';
-export default ZSimpleBar;
+import ZSimpleBar from './z-simple-bar';
+export type { TypeZSimpleBarProps } from './z-simple-bar';
+export default ZSimpleBar;

package/lib/components/z-simple-bar/index.less

@@ -1,9 +1,9 @@
-.z-simple-bar {
-  .bar-item {
-    margin-bottom: 20px;
-
-    &:last-child {
-      margin-bottom: 0;
-    }
-  }
-}
+.z-simple-bar {
+  .bar-item {
+    margin-bottom: 20px;
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+}