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

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/esm/components/index.d.ts

@@ -58,3 +58,5 @@ 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

@@ -85,3 +85,5 @@ 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/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/package.json

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