@cuvp1225/antd 0.1.19-beta.39 → 0.1.19-beta.40

package/lib/esm/components/index.d.ts

@@ -60,3 +60,4 @@ export { UniModal } from './uniModal/unimodal';
 export { UniUpload } from './uniUpload/uniupload';
 export { UniRadio, UniRadioGroup } from './uniRadio/uniradio';
 export { UniSwitch } from './uniSwitch/uniswitch';
+export { UniSteps } from './unSteps/unisteps';

package/lib/esm/components/index.js

@@ -87,3 +87,4 @@ export { UniModal } from './uniModal/unimodal';
 export { UniUpload } from './uniUpload/uniupload';
 export { UniRadio, UniRadioGroup } from './uniRadio/uniradio';
 export { UniSwitch } from './uniSwitch/uniswitch';
+export { UniSteps } from './unSteps/unisteps';

package/lib/esm/components/unSteps/unisteps.d.ts

@@ -0,0 +1,17 @@
+import { StepProps, StepsProps } from 'antd';
+import React from 'react';
+export declare const UniSteps: {
+    ({ [SLOT.dnd]: dataDnd, [SLOT.id]: dataId, style, theme, ...rest }: StepsProps & {
+        [key: string]: any;
+        dnd?: string;
+        children?: React.ReactNode;
+    }): React.JSX.Element;
+    Step: (props: StepProps & {
+        [key: string]: any;
+        children?: React.ReactNode;
+    }) => React.JSX.Element;
+};
+export declare const UniStepsStep: (props: StepProps & {
+    [key: string]: any;
+    children?: React.ReactNode;
+}) => React.JSX.Element;

package/lib/esm/components/unSteps/unisteps.js

@@ -0,0 +1,90 @@
+import { __rest } from "tslib";
+import { Steps as AntdSteps } from 'antd';
+import React, { useEffect } from 'react';
+import { SLOT } from '../../helpers/slottype';
+export const UniSteps = (_a) => {
+    var _b = SLOT.dnd, dataDnd = _a[_b], _c = SLOT.id, dataId = _a[_c], { style, theme } = _a, rest = __rest(_a, [typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style", "theme"]);
+    const redCss = `
+.uni-${rest.tid} .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-icon {
+    background: #B30000;
+}
+.uni-${rest.tid} .ant-steps-item-process .ant-steps-item-icon {
+    background-color: #fff;
+    border-color: #B30000;
+}
+
+.uni-${rest.tid} .ant-steps-item-finish .ant-steps-item-icon {
+    background-color: #fff;
+    border-color: #B30000;
+}
+
+.uni-${rest.tid} .anticon svg {
+  color: #B30000;
+}
+
+
+.uni-${rest.tid} .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
+    background-color: #f0f0f0;
+}
+`;
+    const blueCss = `
+.uni-${rest.tid} .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-icon {
+    background: #1890ff;
+}
+.uni-${rest.tid} .ant-steps-item-process .ant-steps-item-icon {
+    background-color: #fff;
+    border-color: #1890ff;
+}
+
+.uni-${rest.tid} .ant-steps-item-finish .ant-steps-item-icon {
+    background-color: #fff;
+    border-color: #1890ff;
+}
+
+.uni-${rest.tid} .anticon svg {
+  color: #1890ff;
+}
+
+
+.uni-${rest.tid} .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
+    background-color: #f0f0f0;
+}
+`;
+    const greenCss = `
+.uni-${rest.tid} .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-icon {
+    background: #17c60e;
+}
+.uni-${rest.tid} .ant-steps-item-process .ant-steps-item-icon {
+    background-color: #fff;
+    border-color: #17c60e;
+}
+
+.uni-${rest.tid} .ant-steps-item-finish .ant-steps-item-icon {
+    background-color: #fff;
+    border-color: #17c60e;
+}
+
+.uni-${rest.tid} .anticon svg {
+  color: #17c60e;
+}
+
+.uni-${rest.tid} .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
+    background-color: #f0f0f0;
+}
+`;
+    useEffect(() => {
+        const allow = ['blue', 'green', 'red'];
+        if (allow.includes(theme)) {
+            const css = theme === 'blue' ? blueCss : theme === 'green' ? greenCss : redCss;
+            const style = document.createElement('style');
+            style.innerHTML = css;
+            document.head.appendChild(style);
+        }
+    }, [theme]);
+    return (React.createElement("div", { "data-dnd": dataDnd, "data-id": rest.tid, draggable: true, style: style },
+        React.createElement(AntdSteps, Object.assign({ className: `uni-${rest.tid} ${theme ? `theme-${theme}` : ''}` }, rest), rest.children)));
+};
+export const UniStepsStep = (props) => {
+    return (React.createElement(AntdSteps.Step, Object.assign({}, props)));
+};
+UniSteps.Step = UniStepsStep;

package/lib/esm/components/uniRadio/uniradio.js

@@ -122,5 +122,5 @@ export const UniRadioGroup = (_a) => {
             document.head.appendChild(style);
         }
     }, [theme]);
-    return (React.createElement(AntdRadio.Group, Object.assign({ className: `uni-${dataId} ${theme ? `theme-${theme}` : ''}`, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), rest.children));
+    return (React.createElement(AntdRadio.Group, Object.assign({ className: `uni-${rest.tid} ${theme ? `theme-${theme}` : ''}`, "data-dnd": dataDnd, "data-id": rest.tid, style: style }, rest), rest.children));
 };

package/lib/esm/components/uniSwitch/uniswitch.js

@@ -6,19 +6,19 @@ export const UniSwitch = (_a) => {
     var _b = SLOT.dnd, dataDnd = _a[_b], _c = SLOT.id, dataId = _a[_c], { style, theme } = _a, rest = __rest(_a, [typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style", "theme"]);
     const redCss = `
 /* 根据tid定制Switch组件样式 */
-.uni-switch[tid="${rest.tid}"].ant-switch-checked {
+.uni-${rest.tid}[tid="${rest.tid}"].ant-switch-checked {
     background-color: #B30000;
 }
 `;
     const blueCss = `
 /* 根据tid定制Switch组件样式 */
-.uni-switch[tid="${rest.tid}"].ant-switch-checked {
+.uni-${rest.tid}[tid="${rest.tid}"].ant-switch-checked {
     background-color: #1890ff;
 }  
 `;
     const greenCss = `
 /* 根据tid定制Switch组件样式 */
-.uni-switch[tid="${rest.tid}"].ant-switch-checked {
+.uni-${rest.tid}[tid="${rest.tid}"].ant-switch-checked {
     background-color: #17c60e;
 } 
 `;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuvp1225/antd",
-  "version": "0.1.19-beta.39",
+  "version": "0.1.19-beta.40",
   "description": "antd components for tango app",
   "author": "wwsun <ww.sww@outlook.com>",
   "homepage": "https://github.com/netease/tango-components#readme",
@@ -55,5 +55,5 @@
     "classnames": "^2.3.2",
     "coral-system": "^1.0.6"
   },
-  "gitHead": "9ed02f6e68346318488c017b2be59ef6cc72e21a"
+  "gitHead": "ea59047ee8b4eee4c34618432acf1f10419c6a93"
 }