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

package/lib/cjs/components/select.js

@@ -18,25 +18,9 @@ exports.Select = (0, tango_boot_1.defineComponent)(antd_1.Select, {
                     value: (_b = props.defaultValue) !== null && _b !== void 0 ? _b : '',
                 };
             }
-            // return {
-            //   value: props.defaultValue ?? '',
-            // };
         },
         getTriggerProps({ setPageState, getPageState }) {
             var _a;
-            // 监听 props.mode 的变化
-            //  const currentPageState = getPageState();
-            //  if (props.mode === 'multiple' || props.mode === 'tags') {
-            //    if (!Array.isArray(currentPageState?.value)) {
-            //      // 如果 mode 是 'multiple' 或 'tags'，但当前 value 不是数组，则重置 value
-            //      setPageState({ value: props.defaultValue ?? [] });
-            //    }
-            //  } else {
-            //    if (typeof currentPageState?.value !== 'string') {
-            //      // 如果 mode 不是 'multiple' 或 'tags'，但当前 value 不是字符串，则重置 value
-            //      setPageState({ value: props.defaultValue ?? '' });
-            //    }
-            //  }
             return {
                 value: (_a = getPageState()) === null || _a === void 0 ? void 0 : _a.value,
                 onChange(value) {

package/lib/cjs/components/table1.js

@@ -4,11 +4,8 @@ exports.Table = void 0;
 const tslib_1 = require("tslib");
 const antd_1 = require("antd");
 const react_1 = tslib_1.__importDefault(require("react"));
-//import { SLOT } from '@music163/tango-helpers';
 const slottype_1 = require("../helpers/slottype");
 const Table = (_a) => {
-    //const newProps = {...rest, ...{draggable:true}}
-    //console.log("新的表格组件01",newProps);
     var _b = slottype_1.SLOT.id, dataId = _a[_b], _c = slottype_1.SLOT.dnd, dataDnd = _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": dataId, draggable: true, style: style },
         react_1.default.createElement(antd_1.Table, Object.assign({}, rest))));

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

@@ -9,39 +9,18 @@ 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;

package/lib/cjs/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/cjs/components/uniRadio/uniradio.js

@@ -0,0 +1,131 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UniRadioGroup = exports.UniRadio = 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 UniRadio = (_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}:hover .ant-radio-inner {
+  border-color: #B30000 !important;
+}
+
+/* 选中状态 - 边框变红 */
+.uni-${rest.tid} .ant-radio-input:checked + .ant-radio-inner {
+  border-color: #B30000 !important;
+}
+
+/* 选中状态 - 中心点变红（覆盖整个内圆） */
+.uni-${rest.tid} .ant-radio-input:checked + .ant-radio-inner::after {
+  background-color: #B30000 !important;
+}
+    `;
+    const blueCss = `
+    /* 悬停时圆圈变蓝 */
+.uni-${rest.tid}:hover .ant-radio-inner {
+  border-color: #1890ff !important;
+}
+
+/* 选中状态 - 边框变蓝 */
+.uni-${rest.tid} .ant-radio-input:checked + .ant-radio-inner {
+  border-color: #1890ff !important;
+}
+
+/* 选中状态 - 中心点变蓝（覆盖整个内圆） */
+.uni-${rest.tid} .ant-radio-input:checked + .ant-radio-inner::after {
+  background-color: #1890ff !important;
+}
+    `;
+    const greenCss = `
+    /* 悬停时圆圈变绿 */
+.uni-${rest.tid}:hover .ant-radio-inner {
+  border-color: #17c60e !important;
+}
+
+/* 选中状态 - 边框变绿 */
+.uni-${rest.tid} .ant-radio-input:checked + .ant-radio-inner {
+  border-color: #17c60e !important;
+}
+
+/* 选中状态 - 中心点变绿（覆盖整个内圆） */
+.uni-${rest.tid} .ant-radio-input:checked + .ant-radio-inner::after {
+  background-color: #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.Radio, Object.assign({ className: `uni-${rest.tid} ${theme ? `theme-${theme}` : ''}`, "data-dnd": dataDnd, "data-id": rest.tid, style: style }, rest)));
+};
+exports.UniRadio = UniRadio;
+const UniRadioGroup = (_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}:hover .ant-radio-inner {
+  border-color: #B30000 !important;
+}
+
+/* 选中状态 - 边框变红 */
+.uni-${rest.tid} .ant-radio-input:checked + .ant-radio-inner {
+  border-color: #B30000 !important;
+}
+
+/* 选中状态 - 中心点变红（覆盖整个内圆） */
+.uni-${rest.tid} .ant-radio-input:checked + .ant-radio-inner::after {
+  background-color: #B30000 !important;
+}
+    `;
+    const blueCss = `
+    /* 悬停时圆圈变蓝 */
+.uni-${rest.tid}:hover .ant-radio-inner {
+  border-color: #1890ff !important;
+}
+
+/* 选中状态 - 边框变蓝 */
+.uni-${rest.tid} .ant-radio-input:checked + .ant-radio-inner {
+  border-color: #1890ff !important;
+}
+
+/* 选中状态 - 中心点变蓝（覆盖整个内圆） */
+.uni-${rest.tid} .ant-radio-input:checked + .ant-radio-inner::after {
+  background-color: #1890ff !important;
+}
+    `;
+    const greenCss = `
+    /* 悬停时圆圈变绿 */
+.uni-${rest.tid}:hover .ant-radio-inner {
+  border-color: #17c60e !important;
+}
+
+/* 选中状态 - 边框变绿 */
+.uni-${rest.tid} .ant-radio-input:checked + .ant-radio-inner {
+  border-color: #17c60e !important;
+}
+
+/* 选中状态 - 中心点变绿（覆盖整个内圆） */
+.uni-${rest.tid} .ant-radio-input:checked + .ant-radio-inner::after {
+  background-color: #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.Radio.Group, Object.assign({ className: `uni-${dataId} ${theme ? `theme-${theme}` : ''}`, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), rest.children));
+};
+exports.UniRadioGroup = UniRadioGroup;

package/lib/cjs/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/cjs/components/uniSwitch/uniswitch.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UniSwitch = 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 UniSwitch = (_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 = `
+/* 根据tid定制Switch组件样式 */
+.uni-switch[tid="${rest.tid}"].ant-switch-checked {
+    background-color: #B30000;
+}
+`;
+    const blueCss = `
+/* 根据tid定制Switch组件样式 */
+.uni-switch[tid="${rest.tid}"].ant-switch-checked {
+    background-color: #1890ff;
+}  
+`;
+    const greenCss = `
+/* 根据tid定制Switch组件样式 */
+.uni-switch[tid="${rest.tid}"].ant-switch-checked {
+    background-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.Switch, Object.assign({ className: `uni-${rest.tid} ${theme ? `theme-${theme}` : ''}`, "data-dnd": dataDnd, "data-id": rest.tid, style: style }, rest)));
+};
+exports.UniSwitch = UniSwitch;

package/lib/cjs/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/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

@@ -53,4 +53,10 @@ export { Tree } from './tree';
 export { Alert } from "./alert";
 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';
+export { UniRadio, UniRadioGroup } from './uniRadio/uniradio';
+export { UniSwitch } from './uniSwitch/uniswitch';

package/lib/esm/components/index.js

@@ -80,6 +80,10 @@ export { BackTop } from './backTop';
 //export {Affix} from './affix';
 //import * as echarts from 'echarts';
 //export {LineChart} from './LineChart';
-// export { UniTabs } from './uniTabs/unitabs'
-// export {UniButton, UniButtonGroup} from './uniButton/unibutton'
+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';
+export { UniRadio, UniRadioGroup } from './uniRadio/uniradio';
+export { UniSwitch } from './uniSwitch/uniswitch';

package/lib/esm/components/select.js

@@ -15,25 +15,9 @@ export const Select = defineComponent(AntSelect, {
                     value: (_b = props.defaultValue) !== null && _b !== void 0 ? _b : '',
                 };
             }
-            // return {
-            //   value: props.defaultValue ?? '',
-            // };
         },
         getTriggerProps({ setPageState, getPageState }) {
             var _a;
-            // 监听 props.mode 的变化
-            //  const currentPageState = getPageState();
-            //  if (props.mode === 'multiple' || props.mode === 'tags') {
-            //    if (!Array.isArray(currentPageState?.value)) {
-            //      // 如果 mode 是 'multiple' 或 'tags'，但当前 value 不是数组，则重置 value
-            //      setPageState({ value: props.defaultValue ?? [] });
-            //    }
-            //  } else {
-            //    if (typeof currentPageState?.value !== 'string') {
-            //      // 如果 mode 不是 'multiple' 或 'tags'，但当前 value 不是字符串，则重置 value
-            //      setPageState({ value: props.defaultValue ?? '' });
-            //    }
-            //  }
             return {
                 value: (_a = getPageState()) === null || _a === void 0 ? void 0 : _a.value,
                 onChange(value) {

package/lib/esm/components/table1.js

@@ -1,11 +1,8 @@
 import { __rest } from "tslib";
 import { Table as AntTable } from 'antd';
 import React from 'react';
-//import { SLOT } from '@music163/tango-helpers';
 import { SLOT } from '../helpers/slottype';
 export const Table = (_a) => {
-    //const newProps = {...rest, ...{draggable:true}}
-    //console.log("新的表格组件01",newProps);
     var _b = SLOT.id, dataId = _a[_b], _c = SLOT.dnd, dataDnd = _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": dataId, draggable: true, style: style },
         React.createElement(AntTable, Object.assign({}, rest))));

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

@@ -6,39 +6,18 @@ 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;

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,126 @@
+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-${rest.tid}:hover .ant-radio-inner {
+  border-color: #B30000 !important;
+}
+
+/* 选中状态 - 边框变红 */
+.uni-${rest.tid} .ant-radio-input:checked + .ant-radio-inner {
+  border-color: #B30000 !important;
+}
+
+/* 选中状态 - 中心点变红（覆盖整个内圆） */
+.uni-${rest.tid} .ant-radio-input:checked + .ant-radio-inner::after {
+  background-color: #B30000 !important;
+}
+    `;
+    const blueCss = `
+    /* 悬停时圆圈变蓝 */
+.uni-${rest.tid}:hover .ant-radio-inner {
+  border-color: #1890ff !important;
+}
+
+/* 选中状态 - 边框变蓝 */
+.uni-${rest.tid} .ant-radio-input:checked + .ant-radio-inner {
+  border-color: #1890ff !important;
+}
+
+/* 选中状态 - 中心点变蓝（覆盖整个内圆） */
+.uni-${rest.tid} .ant-radio-input:checked + .ant-radio-inner::after {
+  background-color: #1890ff !important;
+}
+    `;
+    const greenCss = `
+    /* 悬停时圆圈变绿 */
+.uni-${rest.tid}:hover .ant-radio-inner {
+  border-color: #17c60e !important;
+}
+
+/* 选中状态 - 边框变绿 */
+.uni-${rest.tid} .ant-radio-input:checked + .ant-radio-inner {
+  border-color: #17c60e !important;
+}
+
+/* 选中状态 - 中心点变绿（覆盖整个内圆） */
+.uni-${rest.tid} .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(AntdRadio, Object.assign({ className: `uni-${rest.tid} ${theme ? `theme-${theme}` : ''}`, "data-dnd": dataDnd, "data-id": rest.tid, style: style }, 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-${rest.tid}:hover .ant-radio-inner {
+  border-color: #B30000 !important;
+}
+
+/* 选中状态 - 边框变红 */
+.uni-${rest.tid} .ant-radio-input:checked + .ant-radio-inner {
+  border-color: #B30000 !important;
+}
+
+/* 选中状态 - 中心点变红（覆盖整个内圆） */
+.uni-${rest.tid} .ant-radio-input:checked + .ant-radio-inner::after {
+  background-color: #B30000 !important;
+}
+    `;
+    const blueCss = `
+    /* 悬停时圆圈变蓝 */
+.uni-${rest.tid}:hover .ant-radio-inner {
+  border-color: #1890ff !important;
+}
+
+/* 选中状态 - 边框变蓝 */
+.uni-${rest.tid} .ant-radio-input:checked + .ant-radio-inner {
+  border-color: #1890ff !important;
+}
+
+/* 选中状态 - 中心点变蓝（覆盖整个内圆） */
+.uni-${rest.tid} .ant-radio-input:checked + .ant-radio-inner::after {
+  background-color: #1890ff !important;
+}
+    `;
+    const greenCss = `
+    /* 悬停时圆圈变绿 */
+.uni-${rest.tid}:hover .ant-radio-inner {
+  border-color: #17c60e !important;
+}
+
+/* 选中状态 - 边框变绿 */
+.uni-${rest.tid} .ant-radio-input:checked + .ant-radio-inner {
+  border-color: #17c60e !important;
+}
+
+/* 选中状态 - 中心点变绿（覆盖整个内圆） */
+.uni-${rest.tid} .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(AntdRadio.Group, Object.assign({ className: `uni-${dataId} ${theme ? `theme-${theme}` : ''}`, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), rest.children));
+};

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,35 @@
+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-switch[tid="${rest.tid}"].ant-switch-checked {
+    background-color: #B30000;
+}
+`;
+    const blueCss = `
+/* 根据tid定制Switch组件样式 */
+.uni-switch[tid="${rest.tid}"].ant-switch-checked {
+    background-color: #1890ff;
+}  
+`;
+    const greenCss = `
+/* 根据tid定制Switch组件样式 */
+.uni-switch[tid="${rest.tid}"].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(AntdSwitch, Object.assign({ className: `uni-${rest.tid} ${theme ? `theme-${theme}` : ''}`, "data-dnd": dataDnd, "data-id": rest.tid, style: style }, rest)));
+};

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;