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

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

@@ -54,3 +54,4 @@ export { Alert } from "./alert";
 export { Progress } from './progress';
 export { BackTop } from './backTop';
 export { UniTabs } from './uniTabs/unitabs';
+export { UniButton, UniButtonGroup } from './uniButton/unibutton';

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.UniButtonGroup = exports.UniButton = exports.UniTabs = 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中导出，解决下述组件卡顿问题
@@ -143,3 +143,6 @@ Object.defineProperty(exports, "BackTop", { enumerable: true, get: function () {
 //export {LineChart} from './LineChart';
 var unitabs_1 = require("./uniTabs/unitabs");
 Object.defineProperty(exports, "UniTabs", { enumerable: true, get: function () { return unitabs_1.UniTabs; } });
+var unibutton_1 = require("./uniButton/unibutton");
+Object.defineProperty(exports, "UniButton", { enumerable: true, get: function () { return unibutton_1.UniButton; } });
+Object.defineProperty(exports, "UniButtonGroup", { enumerable: true, get: function () { return unibutton_1.UniButtonGroup; } });

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: #d0262f !important;
+    background: #d0262f !important;
+
+}
+
+.uni-${rest.tid}:hover,
+.uni-${rest.tid}:focus {
+    color: #fff;
+    border-color: #d0262f !important;
+    background: #d0262f !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/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

@@ -54,3 +54,4 @@ export { Alert } from "./alert";
 export { Progress } from './progress';
 export { BackTop } from './backTop';
 export { UniTabs } from './uniTabs/unitabs';
+export { UniButton, UniButtonGroup } from './uniButton/unibutton';

package/lib/esm/components/index.js

@@ -81,3 +81,4 @@ export { BackTop } from './backTop';
 //import * as echarts from 'echarts';
 //export {LineChart} from './LineChart';
 export { UniTabs } from './uniTabs/unitabs';
+export { UniButton, UniButtonGroup } from './uniButton/unibutton';

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: #d0262f !important;
+    background: #d0262f !important;
+
+}
+
+.uni-${rest.tid}:hover,
+.uni-${rest.tid}:focus {
+    color: #fff;
+    border-color: #d0262f !important;
+    background: #d0262f !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/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.36",
   "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": "f824b786a983c0b8ec488805391e8556b386ab7a"
 }