@cuvp1225/antd 0.1.19 → 0.1.21-pub-beta.3

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-${dataId} .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-icon {
+    background: #B30000;
+}
+.uni-${dataId} .ant-steps-item-process .ant-steps-item-icon {
+    background-color: #fff;
+    border-color: #B30000;
+}
+
+.uni-${dataId} .ant-steps-item-finish .ant-steps-item-icon {
+    background-color: #fff;
+    border-color: #B30000;
+}
+
+.uni-${dataId} .anticon svg {
+  color: #B30000;
+}
+
+
+.uni-${dataId} .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
+    background-color: #f0f0f0;
+}
+`;
+    const blueCss = `
+.uni-${dataId} .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-icon {
+    background: #1890ff;
+}
+.uni-${dataId} .ant-steps-item-process .ant-steps-item-icon {
+    background-color: #fff;
+    border-color: #1890ff;
+}
+
+.uni-${dataId} .ant-steps-item-finish .ant-steps-item-icon {
+    background-color: #fff;
+    border-color: #1890ff;
+}
+
+.uni-${dataId} .anticon svg {
+  color: #1890ff;
+}
+
+
+.uni-${dataId} .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
+    background-color: #f0f0f0;
+}
+`;
+    const greenCss = `
+.uni-${dataId} .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-icon {
+    background: #17c60e;
+}
+.uni-${dataId} .ant-steps-item-process .ant-steps-item-icon {
+    background-color: #fff;
+    border-color: #17c60e;
+}
+
+.uni-${dataId} .ant-steps-item-finish .ant-steps-item-icon {
+    background-color: #fff;
+    border-color: #17c60e;
+}
+
+.uni-${dataId} .anticon svg {
+  color: #17c60e;
+}
+
+.uni-${dataId} .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": dataId, draggable: true, style: style },
+        React.createElement(AntdSteps, Object.assign({ className: `uni-${dataId} ${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/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-${dataId} {
+    color: #fff;
+    border-color: #B30000 !important;
+    background: #B30000 !important;
+
+}
+
+.uni-${dataId}:hover,
+.uni-${dataId}:focus {
+    color: #fff;
+    border-color: #B30000 !important;
+    background: #B30000 !important;
+}
+    `;
+    const blueCss = `
+.uni-${dataId} {
+    color: #fff;
+    border-color: #1890ff !important;
+    background: #1890ff !important;
+
+}
+
+.uni-${dataId}:hover,
+.uni-${dataId}:focus {
+    color: #fff;
+    border-color: #1890ff !important;
+    background: #1890ff !important;
+}`;
+    const greenCss = `
+.uni-${dataId} {
+    color: #fff;
+    border-color: #17c60e !important;
+    background: #17c60e !important;
+
+}
+
+.uni-${dataId}:hover,
+.uni-${dataId}:focus {
+    color: #fff;
+    border-color: #17c60e !important;
+    background: #17c60e !important;
+}`;
+    useEffect(() => {
+        const allow = ['blue', 'green', 'red'];
+        if (allow.includes(theme) && rest.type === 'primary') {
+            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-${dataId} ${theme ? `theme-${theme}` : ''}`, "data-dnd": dataDnd, "data-id": dataId, draggable: true, style: style }, rest)));
+};
+export const UniButtonGroup = AntButton.Group;

package/lib/esm/components/uniCascader/unicascader.d.ts

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

package/lib/esm/components/uniCascader/unicascader.js

@@ -0,0 +1,50 @@
+import { __rest } from "tslib";
+import { Cascader as AntdCascader } from 'antd';
+import React, { useEffect } from 'react';
+import { SLOT } from "../../helpers/slottype";
+export const UniCascader = (_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-${dataId} .ant-cascader-menu-item-active {
+  color: #c20000;
+  background: #fff3f3
+}
+
+.uni-${dataId} .ant-cascader-menu-item-active:hover {
+  color: #c20000;
+  background: #fff3f3
+}
+`;
+    const blueCss = `
+.uni-${dataId} .ant-cascader-menu-item-active {
+  color: #1890ff;
+  background: #e6f7ff
+}
+
+.uni-${dataId} .ant-cascader-menu-item-active:hover {
+  color: #1890ff;
+  background: #e6f7ff
+}`;
+    const greenCss = `
+.uni-${dataId} .ant-cascader-menu-item-active {
+  color: #17c60e;
+  background: #f6ffed
+}
+
+.uni-${dataId} .ant-cascader-menu-item-active:hover {
+  color: #17c60e;
+  background: #f6ffed
+}
+`;
+    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": dataId, draggable: true, style: style },
+        React.createElement(AntdCascader, Object.assign({ className: `uni-${dataId} ${theme ? `theme-${theme}` : ''}`, dropdownClassName: `uni-${dataId} ${theme ? `theme-${theme}` : ''}`, style: style }, rest))));
+};

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-${dataId} .ant-modal-footer .ant-btn-primary {
+    background: #B20000;
+    border-color: #B20000;
+  }
+`;
+    const blueCss = `
+  .uni-${dataId} .ant-modal-footer .ant-btn-primary {
+    background: #1890ff;
+    border-color: #1890ff;
+  }
+`;
+    const greenCss = `
+  .uni-${dataId} .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-${dataId} ${theme ? `theme-${theme}` : ''}`, "data-dnd": dataDnd, "data-id": dataId, 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/uniRadio/uniradio.d.ts

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

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

@@ -0,0 +1,128 @@
+import { __rest } from "tslib";
+import { Radio as AntdRadio } from 'antd';
+import { SLOT } from "../../helpers/slottype";
+import React, { useEffect } from 'react';
+export const UniRadio = (_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-${dataId}:hover .ant-radio-inner {
+  border-color: #B30000 !important;
+}
+
+/* 选中状态 - 边框变红 */
+.uni-${dataId} .ant-radio-input:checked + .ant-radio-inner {
+  border-color: #B30000 !important;
+}
+
+/* 选中状态 - 中心点变红（覆盖整个内圆） */
+.uni-${dataId} .ant-radio-input:checked + .ant-radio-inner::after {
+  background-color: #B30000 !important;
+}
+    `;
+    const blueCss = `
+    /* 悬停时圆圈变蓝 */
+.uni-${dataId}:hover .ant-radio-inner {
+  border-color: #1890ff !important;
+}
+
+/* 选中状态 - 边框变蓝 */
+.uni-${dataId} .ant-radio-input:checked + .ant-radio-inner {
+  border-color: #1890ff !important;
+}
+
+/* 选中状态 - 中心点变蓝（覆盖整个内圆） */
+.uni-${dataId} .ant-radio-input:checked + .ant-radio-inner::after {
+  background-color: #1890ff !important;
+}
+    `;
+    const greenCss = `
+    /* 悬停时圆圈变绿 */
+.uni-${dataId}:hover .ant-radio-inner {
+  border-color: #17c60e !important;
+}
+
+/* 选中状态 - 边框变绿 */
+.uni-${dataId} .ant-radio-input:checked + .ant-radio-inner {
+  border-color: #17c60e !important;
+}
+
+/* 选中状态 - 中心点变绿（覆盖整个内圆） */
+.uni-${dataId} .ant-radio-input:checked + .ant-radio-inner::after {
+  background-color: #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("div", { "data-dnd": dataDnd, "data-id": dataId, draggable: true, style: style },
+        React.createElement(AntdRadio, Object.assign({ className: `uni-${dataId} ${theme ? `theme-${theme}` : ''}` }, rest))));
+};
+export const UniRadioGroup = (_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-${dataId}:hover .ant-radio-inner {
+  border-color: #B30000 !important;
+}
+
+/* 选中状态 - 边框变红 */
+.uni-${dataId} .ant-radio-input:checked + .ant-radio-inner {
+  border-color: #B30000 !important;
+}
+
+/* 选中状态 - 中心点变红（覆盖整个内圆） */
+.uni-${dataId} .ant-radio-input:checked + .ant-radio-inner::after {
+  background-color: #B30000 !important;
+}
+    `;
+    const blueCss = `
+    /* 悬停时圆圈变蓝 */
+.uni-${dataId}:hover .ant-radio-inner {
+  border-color: #1890ff !important;
+}
+
+/* 选中状态 - 边框变蓝 */
+.uni-${dataId} .ant-radio-input:checked + .ant-radio-inner {
+  border-color: #1890ff !important;
+}
+
+/* 选中状态 - 中心点变蓝（覆盖整个内圆） */
+.uni-${dataId} .ant-radio-input:checked + .ant-radio-inner::after {
+  background-color: #1890ff !important;
+}
+    `;
+    const greenCss = `
+    /* 悬停时圆圈变绿 */
+.uni-${dataId}:hover .ant-radio-inner {
+  border-color: #17c60e !important;
+}
+
+/* 选中状态 - 边框变绿 */
+.uni-${dataId} .ant-radio-input:checked + .ant-radio-inner {
+  border-color: #17c60e !important;
+}
+
+/* 选中状态 - 中心点变绿（覆盖整个内圆） */
+.uni-${dataId} .ant-radio-input:checked + .ant-radio-inner::after {
+  background-color: #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("div", { "data-dnd": dataDnd, "data-id": dataId, draggable: true, style: style },
+        React.createElement(AntdRadio.Group, Object.assign({ className: `uni-${dataId} ${theme ? `theme-${theme}` : ''}` }, rest), rest.children)));
+};

package/lib/esm/components/uniSelect/uniselect.d.ts

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

package/lib/esm/components/uniSelect/uniselect.js

@@ -0,0 +1,40 @@
+import { __rest } from "tslib";
+import { Select as AntSelect } from 'antd';
+import React, { useEffect } from 'react';
+import { SLOT } from '../../helpers/slottype';
+export const UniSelect = (_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-${dataId} .ant-select-item-option-selected {
+  color: #B30000;
+  background: #fff3f3
+}
+`;
+    const blueCss = `
+.uni-${dataId} .ant-select-item-option-selected {
+  color: #1890ff;
+  background: #e6f7ff
+}
+`;
+    const greenCss = `
+.uni-${dataId} .ant-select-item-option-selected {
+  color: #17c60e;
+  background: #f6ffed
+}
+`;
+    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": dataId, draggable: true },
+        React.createElement(AntSelect
+        // className={`uni-${dataId}`}
+        , Object.assign({ 
+            // className={`uni-${dataId}`}
+            className: `uni-${dataId} ${theme ? `theme-${theme}` : ''}`, dropdownClassName: `uni-${dataId} ${theme ? `theme-${theme}` : ''}`, style: style }, rest))));
+};

package/lib/esm/components/uniSwitch/uniswitch.d.ts

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

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

@@ -0,0 +1,36 @@
+import { __rest } from "tslib";
+import { Switch as AntdSwitch } from "antd";
+import { SLOT } from "../../helpers/slottype";
+import React, { useEffect } from 'react';
+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-${dataId}[tid="${dataId}"].ant-switch-checked {
+    background-color: #B30000;
+}
+`;
+    const blueCss = `
+/* 根据tid定制Switch组件样式 */
+.uni-${dataId}[tid="${dataId}"].ant-switch-checked {
+    background-color: #1890ff;
+}  
+`;
+    const greenCss = `
+/* 根据tid定制Switch组件样式 */
+.uni-${dataId}[tid="${dataId}"].ant-switch-checked {
+    background-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("div", { "data-dnd": dataDnd, "data-id": dataId, draggable: true },
+        React.createElement(AntdSwitch, Object.assign({ className: `uni-${dataId} ${theme ? `theme-${theme}` : ''}` }, rest))));
+};

package/lib/esm/components/uniTabs/unitabs.d.ts

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

package/lib/esm/components/uniTabs/unitabs.js

@@ -0,0 +1,82 @@
+import { __rest } from "tslib";
+import { Tabs as AntTabs } from 'antd';
+import React, { useEffect } from 'react';
+import { SLOT } from '../../helpers/slottype';
+export const UniTabs = (_a) => {
+    var { children } = _a, _b = SLOT.dnd, dataDnd = _a[_b], _c = SLOT.id, dataId = _a[_c], { style, theme } = _a, rest = __rest(_a, ["children", typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style", "theme"]);
+    const redCss = `.uni-${dataId} .ant-tabs-ink-bar{
+    background: #C20000;
+}
+
+.uni-${dataId} .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
+    color: #C20000;
+    font-size: "16px";
+    font-weight: 600;
+    line-height: "24px";
+    letter-spacing: "0px";
+    text-align: left;
+}
+
+.uni-${dataId} .ant-tabs-tab .ant-tabs-tab-btn:hover {
+    color: #C20000;
+}
+
+.uni-${dataId} .ant-tabs-tab:hover {
+    color: #C20000;
+}
+    `;
+    const blueCss = `.uni-${dataId} .ant-tabs-ink-bar{
+    background: #1890ff;
+}
+
+.uni-${dataId} .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
+    color: #1890ff;
+    font-size: "16px";
+    font-weight: 600;
+    line-height: "24px";
+    letter-spacing: "0px";
+    text-align: left;
+}
+
+.uni-${dataId} .ant-tabs-tab .ant-tabs-tab-btn:hover {
+    color: #1890ff;
+}
+    
+.uni-${dataId} .ant-tabs-tab:hover {
+    color: #1890ff;
+}`;
+    const greenCss = `.uni-${dataId} .ant-tabs-ink-bar{
+    background: #17c60e;
+}
+
+.uni-${dataId} .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
+    color: #17c60e;
+    font-size: "16px";
+    font-weight: 600;
+    line-height: "24px";
+    letter-spacing: "0px";
+    text-align: left;
+}
+
+.uni-${dataId} .ant-tabs-tab .ant-tabs-tab-btn:hover {
+    color: #17c60e;
+}
+    
+.uni-${dataId} .ant-tabs-tab:hover {
+    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(AntTabs, Object.assign({ className: `uni-${dataId} ${theme ? `theme-${theme}` : ''}`, "data-dnd": dataDnd, "data-id": dataId, draggable: true, style: style }, rest), children));
+};
+export const UniTabsPane = (props) => {
+    return (React.createElement(AntTabs.TabPane, Object.assign({}, props), props.children));
+};
+UniTabs.TabPane = UniTabsPane;

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-${dataId} .ant-btn, .uni-${dataId} .ant-btn:hover, .uni-${dataId} .ant-btn:focus {
+  color: #fff;
+  border-color: #B20000;
+  background: #B20000;
+}
+  `;
+    const blueCss = `
+  .uni-${dataId} .ant-btn, .uni-${dataId} .ant-btn:hover, .uni-${dataId} .ant-btn:focus {
+  color: #fff;
+  border-color: #1890ff;
+  background: #1890ff;
+}
+`;
+    const greenCss = `
+  .uni-${dataId} .ant-btn, .uni-${dataId} .ant-btn:hover, .uni-${dataId} .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": dataId, draggable: true, style: style },
+        React.createElement(AntUpload, Object.assign({ className: `uni-${dataId} ${theme ? `theme-${theme}` : ''}` }, rest), rest.children)));
+};