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

package/lib/cjs/components/uniUpload/uniupload.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UniUpload = 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 UniUpload = (_a) => {
+    var 
+    //items,
+    _b = slottype_1.SLOT.id, 
+    //items,
+    dataId = _a[_b], _c = slottype_1.SLOT.dnd, dataDnd = _a[_c], { style, theme } = _a, rest = tslib_1.__rest(_a, [typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style", "theme"]);
+    //console.log("新的descriptions组件0507001", dataId, dataDnd, rest);
+    const redCss = `
+  .uni-${rest.tid} .ant-btn, .uni-${rest.tid} .ant-btn:hover, .uni-${rest.tid} .ant-btn:focus {
+  color: #fff;
+  border-color: #B20000;
+  background: #B20000;
+}
+  `;
+    const blueCss = `
+  .uni-${rest.tid} .ant-btn, .uni-${rest.tid} .ant-btn:hover, .uni-${rest.tid} .ant-btn:focus {
+  color: #fff;
+  border-color: #1890ff;
+  background: #1890ff;
+}
+`;
+    const greenCss = `
+  .uni-${rest.tid} .ant-btn, .uni-${rest.tid} .ant-btn:hover, .uni-${rest.tid} .ant-btn:focus {
+  color: #fff;
+  border-color: #17c60e;
+  background: #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("div", { "data-dnd": dataDnd, "data-id": rest.tid, draggable: true, style: style },
+        react_1.default.createElement(antd_1.Upload, Object.assign({ className: `uni-${rest.tid} ${theme ? `theme-${theme}` : ''}` }, rest), rest.children)));
+};
+exports.UniUpload = UniUpload;

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

@@ -55,3 +55,6 @@ export { Progress } from './progress';
 export { BackTop } from './backTop';
 export { UniTabs } from './uniTabs/unitabs';
 export { UniButton, UniButtonGroup } from './uniButton/unibutton';
+export { Steps } from './steps';
+export { UniModal } from './uniModal/unimodal';
+export { UniUpload } from './uniUpload/uniupload';

package/lib/esm/components/index.js

@@ -82,3 +82,6 @@ export { BackTop } from './backTop';
 //export {LineChart} from './LineChart';
 export { UniTabs } from './uniTabs/unitabs';
 export { UniButton, UniButtonGroup } from './uniButton/unibutton';
+export { Steps } from './steps';
+export { UniModal } from './uniModal/unimodal';
+export { UniUpload } from './uniUpload/uniupload';

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.js

@@ -7,16 +7,16 @@ export const UniButton = (_a) => {
     const redCss = `
 .uni-${rest.tid} {
     color: #fff;
-    border-color: #d0262f !important;
-    background: #d0262f !important;
+    border-color: #B30000 !important;
+    background: #B30000 !important;
 
 }
 
 .uni-${rest.tid}:hover,
 .uni-${rest.tid}:focus {
     color: #fff;
-    border-color: #d0262f !important;
-    background: #d0262f !important;
+    border-color: #B30000 !important;
+    background: #B30000 !important;
 }
     `;
     const blueCss = `

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,42 @@
+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-footer .ant-btn-primary {
+    background: #B20000;
+    border-color: #B20000;
+  }
+`;
+    const blueCss = `
+  .uni-${rest.tid} .ant-modal-footer .ant-btn-primary {
+    background: #1890ff;
+    border-color: #1890ff;
+  }
+`;
+    const greenCss = `
+  .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/components/uniUpload/uniupload.d.ts

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

package/lib/esm/components/uniUpload/uniupload.js

@@ -0,0 +1,44 @@
+import { __rest } from "tslib";
+import { Upload as AntUpload } from 'antd';
+import React, { useEffect } from 'react';
+import { SLOT } from '../../helpers/slottype';
+export const UniUpload = (_a) => {
+    var 
+    //items,
+    _b = SLOT.id, 
+    //items,
+    dataId = _a[_b], _c = SLOT.dnd, dataDnd = _a[_c], { style, theme } = _a, rest = __rest(_a, [typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style", "theme"]);
+    //console.log("新的descriptions组件0507001", dataId, dataDnd, rest);
+    const redCss = `
+  .uni-${rest.tid} .ant-btn, .uni-${rest.tid} .ant-btn:hover, .uni-${rest.tid} .ant-btn:focus {
+  color: #fff;
+  border-color: #B20000;
+  background: #B20000;
+}
+  `;
+    const blueCss = `
+  .uni-${rest.tid} .ant-btn, .uni-${rest.tid} .ant-btn:hover, .uni-${rest.tid} .ant-btn:focus {
+  color: #fff;
+  border-color: #1890ff;
+  background: #1890ff;
+}
+`;
+    const greenCss = `
+  .uni-${rest.tid} .ant-btn, .uni-${rest.tid} .ant-btn:hover, .uni-${rest.tid} .ant-btn:focus {
+  color: #fff;
+  border-color: #17c60e;
+  background: #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("div", { "data-dnd": dataDnd, "data-id": rest.tid, draggable: true, style: style },
+        React.createElement(AntUpload, Object.assign({ className: `uni-${rest.tid} ${theme ? `theme-${theme}` : ''}` }, rest), rest.children)));
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuvp1225/antd",
-  "version": "0.1.19-beta.36",
+  "version": "0.1.19-beta.38",
   "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": "f824b786a983c0b8ec488805391e8556b386ab7a"
+  "gitHead": "ab36bb889b320c8bf1d324b56731ee9cd797eee0"
 }