@cuvp1225/antd 0.1.19-beta.35 → 0.1.19-beta.37

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

@@ -53,4 +53,4 @@ export { Tree } from './tree';
 export { Alert } from "./alert";
 export { Progress } from './progress';
 export { BackTop } from './backTop';
-export { UniTabs } from './uniTabs/unitabs';
+export { Steps } from './steps';

package/lib/cjs/components/index.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TreeSelect = exports.Mentions = exports.AutoComplete = exports.Switch = exports.PageHeader = exports.Statistic = exports.Transfer = exports.TimePicker = exports.Comment = exports.Rate = exports.Slider = exports.Empty = exports.Avatar = exports.Card = exports.Table = exports.Pagination = exports.Badge = exports.Divider = exports.Carousel = exports.Calendar = exports.Anchor = exports.Spin = exports.Skeleton = exports.Upload = exports.Dropdown = exports.Collapse = exports.Menu = exports.Breadcrumb = exports.Cascader = exports.CheckboxGroup = exports.Checkbox = exports.RadioGroup = exports.Radio = exports.DatePicker = exports.Drawer = exports.Result = exports.Tooltip = exports.Popover = exports.Popconfirm = exports.Space = exports.Select = exports.Password = exports.TextArea = exports.Input = exports.InputNumber = exports.ButtonGroup = exports.Button = exports.Box = exports.When = exports.Each = void 0;
-exports.UniTabs = exports.BackTop = exports.Progress = exports.Alert = exports.Tree = exports.Descriptions = exports.Image = void 0;
+exports.Steps = exports.BackTop = exports.Progress = exports.Alert = exports.Tree = exports.Descriptions = exports.Image = void 0;
 const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("antd"), exports);
 //以下组件都从antd中导出，解决下述组件卡顿问题
@@ -141,5 +141,7 @@ Object.defineProperty(exports, "BackTop", { enumerable: true, get: function () {
 //export {Affix} from './affix';
 //import * as echarts from 'echarts';
 //export {LineChart} from './LineChart';
-var unitabs_1 = require("./uniTabs/unitabs");
-Object.defineProperty(exports, "UniTabs", { enumerable: true, get: function () { return unitabs_1.UniTabs; } });
+// export { UniTabs } from './uniTabs/unitabs'
+// export {UniButton, UniButtonGroup} from './uniButton/unibutton'
+var steps_1 = require("./steps");
+Object.defineProperty(exports, "Steps", { enumerable: true, get: function () { return steps_1.Steps; } });

package/lib/cjs/components/steps.d.ts

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

package/lib/cjs/components/steps.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StepsStep = exports.Steps = void 0;
+const tslib_1 = require("tslib");
+const antd_1 = require("antd");
+const react_1 = tslib_1.__importDefault(require("react"));
+const slottype_1 = require("../helpers/slottype");
+const Steps = (_a) => {
+    var _b = slottype_1.SLOT.dnd, dataDnd = _a[_b], _c = slottype_1.SLOT.id, dataId = _a[_c], { style } = _a, rest = tslib_1.__rest(_a, [typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
+    return (react_1.default.createElement("div", { "data-dnd": dataDnd, "data-id": rest.tid, draggable: true, style: style },
+        react_1.default.createElement(antd_1.Steps, Object.assign({}, rest), rest.children)));
+};
+exports.Steps = Steps;
+const StepsStep = (props) => {
+    return (react_1.default.createElement(antd_1.Steps.Step, Object.assign({}, props)));
+};
+exports.StepsStep = StepsStep;

package/lib/cjs/components/uniButton/unibutton.d.ts

@@ -0,0 +1,8 @@
+import { ButtonProps } from "antd";
+import React from "react";
+export declare const UniButton: ({ [SLOT.dnd]: dataDnd, [SLOT.id]: dataId, style, theme, ...rest }: ButtonProps & {
+    [key: string]: any;
+    dnd?: string;
+    children?: React.ReactNode;
+}) => React.JSX.Element;
+export declare const UniButtonGroup: React.FC<import("antd/lib/button").ButtonGroupProps>;

package/lib/cjs/components/uniButton/unibutton.js

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UniButtonGroup = exports.UniButton = void 0;
+const tslib_1 = require("tslib");
+const antd_1 = require("antd");
+const slottype_1 = require("../../helpers/slottype");
+const react_1 = tslib_1.__importStar(require("react"));
+const UniButton = (_a) => {
+    var _b = slottype_1.SLOT.dnd, dataDnd = _a[_b], _c = slottype_1.SLOT.id, dataId = _a[_c], { style, theme } = _a, rest = tslib_1.__rest(_a, [typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style", "theme"]);
+    const redCss = `
+.uni-${rest.tid} {
+    color: #fff;
+    border-color: #B30000 !important;
+    background: #B30000 !important;
+
+}
+
+.uni-${rest.tid}:hover,
+.uni-${rest.tid}:focus {
+    color: #fff;
+    border-color: #B30000 !important;
+    background: #B30000 !important;
+}
+    `;
+    const blueCss = `
+.uni-${rest.tid} {
+    color: #fff;
+    border-color: #1890ff !important;
+    background: #1890ff !important;
+
+}
+
+.uni-${rest.tid}:hover,
+.uni-${rest.tid}:focus {
+    color: #fff;
+    border-color: #1890ff !important;
+    background: #1890ff !important;
+}`;
+    const greenCss = `
+.uni-${rest.tid} {
+    color: #fff;
+    border-color: #17c60e !important;
+    background: #17c60e !important;
+
+}
+
+.uni-${rest.tid}:hover,
+.uni-${rest.tid}:focus {
+    color: #fff;
+    border-color: #17c60e !important;
+    background: #17c60e !important;
+}`;
+    (0, react_1.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_1.default.createElement(antd_1.Button, Object.assign({ className: `uni-${rest.tid} ${theme ? `theme-${theme}` : ''}`, "data-dnd": dataDnd, "data-id": rest.tid, draggable: true, style: style }, rest)));
+};
+exports.UniButton = UniButton;
+exports.UniButtonGroup = antd_1.Button.Group;

package/lib/cjs/components/uniModal/unimodal.d.ts

@@ -0,0 +1,14 @@
+import { ModalProps } from 'antd';
+import React from 'react';
+export declare const UniModal: {
+    ({ [SLOT.dnd]: dataDnd, [SLOT.id]: dataId, children, style, theme, ...rest }: ModalProps & {
+        [key: string]: any;
+        dnd?: string;
+        children?: React.ReactNode;
+    }): React.JSX.Element;
+    info: import("antd/lib/modal/confirm").ModalFunc;
+    success: import("antd/lib/modal/confirm").ModalFunc;
+    error: import("antd/lib/modal/confirm").ModalFunc;
+    warning: import("antd/lib/modal/confirm").ModalFunc;
+    confirm: import("antd/lib/modal/confirm").ModalFunc;
+};

package/lib/cjs/components/uniModal/unimodal.js

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UniModal = void 0;
+const tslib_1 = require("tslib");
+const antd_1 = require("antd");
+const react_1 = tslib_1.__importStar(require("react"));
+const slottype_1 = require("../../helpers/slottype");
+const UniModal = (_a) => {
+    var _b = slottype_1.SLOT.dnd, dataDnd = _a[_b], _c = slottype_1.SLOT.id, dataId = _a[_c], { children, style, theme } = _a, rest = tslib_1.__rest(_a, [typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "children", "style", "theme"]);
+    // 主题样式定义
+    const redCss = `
+//   .uni-${rest.tid} .ant-modal-header {
+//     background: #ffeded;
+//     border-bottom: 2px solid #B20000;
+//   }
+//   .uni-${rest.tid} .ant-modal-title {
+//     color: #B20000 !important;
+//   }
+  .uni-${rest.tid} .ant-modal-footer .ant-btn-primary {
+    background: #B20000;
+    border-color: #B20000;
+  }
+`;
+    const blueCss = `
+//   .uni-${rest.tid} .ant-modal-header {
+//     background: #e6f7ff;
+//     border-bottom: 2px solid #1890ff;
+//   }
+//   .uni-${rest.tid} .ant-modal-title {
+//     color: #1890ff !important;
+//   }
+  .uni-${rest.tid} .ant-modal-footer .ant-btn-primary {
+    background: #1890ff;
+    border-color: #1890ff;
+  }
+`;
+    const greenCss = `
+//   .uni-${rest.tid} .ant-modal-header {
+//     background: #f6ffed;
+//     border-bottom: 2px solid #17c60e;
+//   }
+//   .uni-${rest.tid} .ant-modal-title {
+//     color: #17c60e !important;
+//   }
+  .uni-${rest.tid} .ant-modal-footer .ant-btn-primary {
+    background: #17c60e;
+    border-color: #17c60e;
+  }
+`;
+    (0, react_1.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_1.default.createElement(antd_1.Modal, Object.assign({ className: `uni-${rest.tid} ${theme ? `theme-${theme}` : ''}`, "data-dnd": dataDnd, "data-id": rest.tid, style: style }, rest), children));
+};
+exports.UniModal = UniModal;
+// 导出静态方法以支持 Modal.info() 等调用方式
+exports.UniModal.info = antd_1.Modal.info;
+exports.UniModal.success = antd_1.Modal.success;
+exports.UniModal.error = antd_1.Modal.error;
+exports.UniModal.warning = antd_1.Modal.warning;
+exports.UniModal.confirm = antd_1.Modal.confirm;

package/lib/cjs/index.d.ts

@@ -1,2 +1 @@
-import 'antd/dist/antd.css';
 export * from './components';

package/lib/cjs/index.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-require("antd/dist/antd.css");
+//import 'antd/dist/antd.css';
 tslib_1.__exportStar(require("./components"), exports);

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

@@ -53,4 +53,4 @@ export { Tree } from './tree';
 export { Alert } from "./alert";
 export { Progress } from './progress';
 export { BackTop } from './backTop';
-export { UniTabs } from './uniTabs/unitabs';
+export { Steps } from './steps';

package/lib/esm/components/index.js

@@ -80,4 +80,6 @@ export { BackTop } from './backTop';
 //export {Affix} from './affix';
 //import * as echarts from 'echarts';
 //export {LineChart} from './LineChart';
-export { UniTabs } from './uniTabs/unitabs';
+// export { UniTabs } from './uniTabs/unitabs'
+// export {UniButton, UniButtonGroup} from './uniButton/unibutton'
+export { Steps } from './steps';

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

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

package/lib/esm/components/steps.js

@@ -0,0 +1,12 @@
+import { __rest } from "tslib";
+import { Steps as AntdSteps } from 'antd';
+import React from 'react';
+import { SLOT } from '../helpers/slottype';
+export const Steps = (_a) => {
+    var _b = SLOT.dnd, dataDnd = _a[_b], _c = SLOT.id, dataId = _a[_c], { style } = _a, rest = __rest(_a, [typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
+    return (React.createElement("div", { "data-dnd": dataDnd, "data-id": rest.tid, draggable: true, style: style },
+        React.createElement(AntdSteps, Object.assign({}, rest), rest.children)));
+};
+export const StepsStep = (props) => {
+    return (React.createElement(AntdSteps.Step, Object.assign({}, props)));
+};

package/lib/esm/components/uniButton/unibutton.d.ts

@@ -0,0 +1,8 @@
+import { ButtonProps } from "antd";
+import React from "react";
+export declare const UniButton: ({ [SLOT.dnd]: dataDnd, [SLOT.id]: dataId, style, theme, ...rest }: ButtonProps & {
+    [key: string]: any;
+    dnd?: string;
+    children?: React.ReactNode;
+}) => React.JSX.Element;
+export declare const UniButtonGroup: React.FC<import("antd/lib/button").ButtonGroupProps>;

package/lib/esm/components/uniButton/unibutton.js

@@ -0,0 +1,61 @@
+import { __rest } from "tslib";
+import { Button as AntButton } from "antd";
+import { SLOT } from "../../helpers/slottype";
+import React, { useEffect } from "react";
+export const UniButton = (_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} {
+    color: #fff;
+    border-color: #B30000 !important;
+    background: #B30000 !important;
+
+}
+
+.uni-${rest.tid}:hover,
+.uni-${rest.tid}:focus {
+    color: #fff;
+    border-color: #B30000 !important;
+    background: #B30000 !important;
+}
+    `;
+    const blueCss = `
+.uni-${rest.tid} {
+    color: #fff;
+    border-color: #1890ff !important;
+    background: #1890ff !important;
+
+}
+
+.uni-${rest.tid}:hover,
+.uni-${rest.tid}:focus {
+    color: #fff;
+    border-color: #1890ff !important;
+    background: #1890ff !important;
+}`;
+    const greenCss = `
+.uni-${rest.tid} {
+    color: #fff;
+    border-color: #17c60e !important;
+    background: #17c60e !important;
+
+}
+
+.uni-${rest.tid}:hover,
+.uni-${rest.tid}:focus {
+    color: #fff;
+    border-color: #17c60e !important;
+    background: #17c60e !important;
+}`;
+    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(AntButton, Object.assign({ className: `uni-${rest.tid} ${theme ? `theme-${theme}` : ''}`, "data-dnd": dataDnd, "data-id": rest.tid, draggable: true, style: style }, rest)));
+};
+export const UniButtonGroup = AntButton.Group;

package/lib/esm/components/uniModal/unimodal.d.ts

@@ -0,0 +1,14 @@
+import { ModalProps } from 'antd';
+import React from 'react';
+export declare const UniModal: {
+    ({ [SLOT.dnd]: dataDnd, [SLOT.id]: dataId, children, style, theme, ...rest }: ModalProps & {
+        [key: string]: any;
+        dnd?: string;
+        children?: React.ReactNode;
+    }): React.JSX.Element;
+    info: import("antd/lib/modal/confirm").ModalFunc;
+    success: import("antd/lib/modal/confirm").ModalFunc;
+    error: import("antd/lib/modal/confirm").ModalFunc;
+    warning: import("antd/lib/modal/confirm").ModalFunc;
+    confirm: import("antd/lib/modal/confirm").ModalFunc;
+};

package/lib/esm/components/uniModal/unimodal.js

@@ -0,0 +1,63 @@
+import { __rest } from "tslib";
+import { Modal as AntModal } from 'antd';
+import React, { useEffect } from 'react';
+import { SLOT } from '../../helpers/slottype';
+export const UniModal = (_a) => {
+    var _b = SLOT.dnd, dataDnd = _a[_b], _c = SLOT.id, dataId = _a[_c], { children, style, theme } = _a, rest = __rest(_a, [typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "children", "style", "theme"]);
+    // 主题样式定义
+    const redCss = `
+//   .uni-${rest.tid} .ant-modal-header {
+//     background: #ffeded;
+//     border-bottom: 2px solid #B20000;
+//   }
+//   .uni-${rest.tid} .ant-modal-title {
+//     color: #B20000 !important;
+//   }
+  .uni-${rest.tid} .ant-modal-footer .ant-btn-primary {
+    background: #B20000;
+    border-color: #B20000;
+  }
+`;
+    const blueCss = `
+//   .uni-${rest.tid} .ant-modal-header {
+//     background: #e6f7ff;
+//     border-bottom: 2px solid #1890ff;
+//   }
+//   .uni-${rest.tid} .ant-modal-title {
+//     color: #1890ff !important;
+//   }
+  .uni-${rest.tid} .ant-modal-footer .ant-btn-primary {
+    background: #1890ff;
+    border-color: #1890ff;
+  }
+`;
+    const greenCss = `
+//   .uni-${rest.tid} .ant-modal-header {
+//     background: #f6ffed;
+//     border-bottom: 2px solid #17c60e;
+//   }
+//   .uni-${rest.tid} .ant-modal-title {
+//     color: #17c60e !important;
+//   }
+  .uni-${rest.tid} .ant-modal-footer .ant-btn-primary {
+    background: #17c60e;
+    border-color: #17c60e;
+  }
+`;
+    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(AntModal, Object.assign({ className: `uni-${rest.tid} ${theme ? `theme-${theme}` : ''}`, "data-dnd": dataDnd, "data-id": rest.tid, style: style }, rest), children));
+};
+// 导出静态方法以支持 Modal.info() 等调用方式
+UniModal.info = AntModal.info;
+UniModal.success = AntModal.success;
+UniModal.error = AntModal.error;
+UniModal.warning = AntModal.warning;
+UniModal.confirm = AntModal.confirm;

package/lib/esm/index.d.ts

@@ -1,2 +1 @@
-import 'antd/dist/antd.css';
 export * from './components';

package/lib/esm/index.js

@@ -1,2 +1,2 @@
-import 'antd/dist/antd.css';
+//import 'antd/dist/antd.css';
 export * from './components';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuvp1225/antd",
-  "version": "0.1.19-beta.35",
+  "version": "0.1.19-beta.37",
   "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": "a2d2d6722c414c78fd5d413c5bc322c4a2d89867"
+  "gitHead": "93ae4ee50e60e04431933cc4dc688dc5157c9a97"
 }