@pisell/materials 1.0.708 → 1.0.710

package/es/components/browserSelect/index.less

@@ -30,23 +30,23 @@
     width: 100%;
 
     &:hover {
-      border-color: var(--theme-color, #7F56D9);
+      border-color: var(--theme-color);
       & + .browser-select-icon {
-        color: var(--theme-color, #7F56D9);
+        color: var(--theme-color);
       }
     }
 
     &:focus {
-      border-color: var(--theme-color, #7F56D9);
+      border-color: var(--theme-color);
       box-shadow: 0 0 0 2px rgba(5, 145, 255, 0.1);
       outline: none;
       & + .browser-select-icon {
-        color: var(--theme-color, #7F56D9);
+        color: var(--theme-color);
       }
     }
 
     &:active {
-      border-color: var(--theme-color, #7F56D9);
+      border-color: var(--theme-color);
     }
 
     &:disabled {

package/es/components/dataSourceComponents/fields/Input.Url/ReadPretty.js

@@ -1,8 +1,7 @@
 import React from 'react';
-import { Typography } from 'antd';
+import { Button } from 'antd';
 import classNames from 'classnames';
 import "./ReadPretty.less";
-var Link = Typography.Link;
 
 // 格式化 url 确保包含协议前缀
 export var formatUrl = function formatUrl(url) {
@@ -20,7 +19,8 @@ var UrlReadPretty = function UrlReadPretty(props) {
   var value = props.value,
     renderMode = props.renderMode;
   var formattedUrl = formatUrl(value);
-  return /*#__PURE__*/React.createElement(Link, {
+  return /*#__PURE__*/React.createElement(Button, {
+    type: "link",
     className: classNames('pisell-url-read-pretty', {
       'pisell-url-read-pretty-table-view': renderMode === 'tableView'
     }),

package/es/components/dataSourceComponents/fields/Input.Url/ReadPretty.less

@@ -3,6 +3,8 @@
   font-size: 16px;
   font-weight: 600;
   line-height: 24px; /* 150% */
+  height: auto;
+  padding: 0;
 }
 
 .pisell-url-read-pretty-table-view {

package/es/components/dataSourceComponents/fields/Translation/index.less

@@ -22,7 +22,7 @@
     }
 
     &.has-translation {
-      background-color: var(--theme-color, #7F56D9);
+      background-color: var(--theme-color);
       transition: all 0.3s;
       .translation-icon {
         transition: all 0.3s;

package/es/components/login-and-register/index.less

@@ -67,7 +67,7 @@
       position: relative;
       
       &.active {
-        color: #7F56D9;
+        color: var(--theme-color);
         
         &:after {
           content: '';
@@ -76,7 +76,7 @@
           left: 0;
           right: 0;
           height: 2px;
-          background: #7F56D9;
+          background: var(--theme-color);
         }
       }
       
@@ -105,11 +105,11 @@
       background: #FFF;
       
       &:hover {
-        border-color: #7F56D9;
+        border-color: var(--theme-color);
       }
       
       &:focus {
-        border-color: #7F56D9;
+        border-color: var(--theme-color);
         box-shadow: 0 0 0 4px rgba(127, 86, 217, 0.1);
       }
 
@@ -126,7 +126,7 @@
     .saas-login-button {
       height: 44px;
       border-radius: 8px;
-      background: #7F56D9;
+      background: var(--theme-color);
       border: none;
       font-weight: 500;
       
@@ -135,7 +135,7 @@
       }
       
       &:focus {
-        background: #7F56D9;
+        background: var(--theme-color);
         box-shadow: 0 0 0 4px rgba(127, 86, 217, 0.1);
       }
     }
@@ -185,7 +185,7 @@
       margin-bottom: 16px;
       
       a {
-        color: #7F56D9;
+        //color: #7F56D9;
         margin-left: 4px;
         cursor: pointer;
         

package/es/components/page/index.js

@@ -100,9 +100,9 @@ var Page = function Page(props) {
           colorErrorBg: '#FEF3F2',
           colorErrorBorderHover: '#FDA29B',
           colorErrorOutline: 'rgba(217, 45, 32, 0.06)',
-          colorLink: '#175CD3',
-          colorLinkActive: '#194185',
-          colorLinkHover: '#1849A9',
+          colorLink: '#7F56DA',
+          colorLinkActive: '#5F3DA8',
+          colorLinkHover: '#6D48C4',
           // colorPrimaryActive: '#5D3F9F',
           // colorPrimaryBorder: '#E9D7FE',
           colorText: '#344054',

package/lib/components/browserSelect/index.less

@@ -30,23 +30,23 @@
     width: 100%;
 
     &:hover {
-      border-color: var(--theme-color, #7F56D9);
+      border-color: var(--theme-color);
       & + .browser-select-icon {
-        color: var(--theme-color, #7F56D9);
+        color: var(--theme-color);
       }
     }
 
     &:focus {
-      border-color: var(--theme-color, #7F56D9);
+      border-color: var(--theme-color);
       box-shadow: 0 0 0 2px rgba(5, 145, 255, 0.1);
       outline: none;
       & + .browser-select-icon {
-        color: var(--theme-color, #7F56D9);
+        color: var(--theme-color);
       }
     }
 
     &:active {
-      border-color: var(--theme-color, #7F56D9);
+      border-color: var(--theme-color);
     }
 
     &:disabled {

package/lib/components/dataSourceComponents/fields/Input.Url/ReadPretty.js

@@ -37,7 +37,6 @@ var import_react = __toESM(require("react"));
 var import_antd = require("antd");
 var import_classnames = __toESM(require("classnames"));
 var import_ReadPretty = require("./ReadPretty.less");
-var { Link } = import_antd.Typography;
 var formatUrl = (url) => {
   if (!url) return "";
   if (url.startsWith("http://") || url.startsWith("https://")) {
@@ -49,8 +48,9 @@ var UrlReadPretty = (props) => {
   const { value, renderMode } = props;
   const formattedUrl = formatUrl(value);
   return /* @__PURE__ */ import_react.default.createElement(
-    Link,
+    import_antd.Button,
     {
+      type: "link",
       className: (0, import_classnames.default)("pisell-url-read-pretty", {
         "pisell-url-read-pretty-table-view": renderMode === "tableView"
       }),

package/lib/components/dataSourceComponents/fields/Input.Url/ReadPretty.less

@@ -3,6 +3,8 @@
   font-size: 16px;
   font-weight: 600;
   line-height: 24px; /* 150% */
+  height: auto;
+  padding: 0;
 }
 
 .pisell-url-read-pretty-table-view {

package/lib/components/dataSourceComponents/fields/Translation/index.less

@@ -22,7 +22,7 @@
     }
 
     &.has-translation {
-      background-color: var(--theme-color, #7F56D9);
+      background-color: var(--theme-color);
       transition: all 0.3s;
       .translation-icon {
         transition: all 0.3s;

package/lib/components/login-and-register/index.less

@@ -67,7 +67,7 @@
       position: relative;
       
       &.active {
-        color: #7F56D9;
+        color: var(--theme-color);
         
         &:after {
           content: '';
@@ -76,7 +76,7 @@
           left: 0;
           right: 0;
           height: 2px;
-          background: #7F56D9;
+          background: var(--theme-color);
         }
       }
       
@@ -105,11 +105,11 @@
       background: #FFF;
       
       &:hover {
-        border-color: #7F56D9;
+        border-color: var(--theme-color);
       }
       
       &:focus {
-        border-color: #7F56D9;
+        border-color: var(--theme-color);
         box-shadow: 0 0 0 4px rgba(127, 86, 217, 0.1);
       }
 
@@ -126,7 +126,7 @@
     .saas-login-button {
       height: 44px;
       border-radius: 8px;
-      background: #7F56D9;
+      background: var(--theme-color);
       border: none;
       font-weight: 500;
       
@@ -135,7 +135,7 @@
       }
       
       &:focus {
-        background: #7F56D9;
+        background: var(--theme-color);
         box-shadow: 0 0 0 4px rgba(127, 86, 217, 0.1);
       }
     }
@@ -185,7 +185,7 @@
       margin-bottom: 16px;
       
       a {
-        color: #7F56D9;
+        //color: #7F56D9;
         margin-left: 4px;
         cursor: pointer;
         

package/lib/components/page/index.js

@@ -120,9 +120,9 @@ var Page = (props) => {
           colorErrorBg: "#FEF3F2",
           colorErrorBorderHover: "#FDA29B",
           colorErrorOutline: "rgba(217, 45, 32, 0.06)",
-          colorLink: "#175CD3",
-          colorLinkActive: "#194185",
-          colorLinkHover: "#1849A9",
+          colorLink: "#7F56DA",
+          colorLinkActive: "#5F3DA8",
+          colorLinkHover: "#6D48C4",
           // colorPrimaryActive: '#5D3F9F',
           // colorPrimaryBorder: '#E9D7FE',
           colorText: "#344054",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "1.0.708",
+  "version": "1.0.710",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -71,9 +71,9 @@
     "swiper": "^8.4.7",
     "react-barcode": "^1.5.3",
     "vod-js-sdk-v6": "^1.4.11",
+    "@pisell/date-picker": "1.0.115",
     "@pisell/icon": "0.0.10",
-    "@pisell/utils": "1.0.43",
-    "@pisell/date-picker": "1.0.115"
+    "@pisell/utils": "1.0.43"
   },
   "peerDependencies": {
     "react": "^18.0.0",

package/es/components/page/index.d.ts

@@ -1,5 +0,0 @@
-import { ConfigProviderProps } from '../config-provider';
-interface PageProps extends ConfigProviderProps {
-}
-declare const Page: (props: PageProps) => JSX.Element;
-export default Page;

package/es/components/table/TableFilter/numberFilter.d.ts

@@ -1,6 +0,0 @@
-import { ColumnType } from "antd/es/table";
-import "./index.less";
-declare const getColumnNumberProps: ({ dataIndex, }: {
-    dataIndex: string;
-}) => ColumnType<any>;
-export default getColumnNumberProps;

package/es/components/table/TableFilter/selectFilter.d.ts

@@ -1,10 +0,0 @@
-import { ColumnType } from "antd/es/table";
-import "./index.less";
-declare const getColumnSelectProps: ({ dataIndex, filters, }: {
-    dataIndex: string;
-    filters: {
-        text: string;
-        value: string;
-    }[];
-}) => ColumnType<any>;
-export default getColumnSelectProps;

package/es/components/table/TableFilter/stringFilter.d.ts

@@ -1,6 +0,0 @@
-import { ColumnType } from "antd/es/table";
-import "./index.less";
-declare const getColumnStringProps: ({ dataIndex, }: {
-    dataIndex: string;
-}) => ColumnType<any>;
-export default getColumnStringProps;

package/es/components/virtual-keyboard/Time/index.d.ts

@@ -1,13 +0,0 @@
-import React from "react";
-import { Item } from "../Keyboard";
-import "./index.less";
-export interface VirtualKeyboardTimeProps extends React.HTMLAttributes<HTMLDivElement> {
-    style?: React.CSSProperties;
-    onChange?: (value?: any) => void;
-    value?: any;
-    items?: Item[];
-    onEnter?: (value: any) => void;
-    rightPanel?: React.ReactNode;
-}
-declare const VirtualKeyboardTime: (props: VirtualKeyboardTimeProps) => JSX.Element;
-export default VirtualKeyboardTime;

package/es/components/walletCard/index.d.ts

@@ -1,65 +0,0 @@
-import React from 'react';
-import './index.less';
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            [elemName: string]: any;
-        }
-    }
-}
-export interface WalletCardItem {
-    key: string;
-    label?: string;
-    hidden?: boolean;
-    value?: number;
-}
-export interface WalletCardProps {
-    /** 二维码弹窗适配平台 */
-    platform?: 'pc' | 'h5' | 'ipad';
-    /** 卡片主题 */
-    mode?: 'dark' | 'light';
-    /** 默认还是完整显示code */
-    cardStyle?: 'normal' | 'full';
-    /** 条形码还是二维码 */
-    codeType?: 'barCode' | 'orCode';
-    /** 二维码方向 */
-    codeDirection?: 'bottom' | 'top';
-    /** 自定义背景图 */
-    customBackgroundImage?: string;
-    /** 图标：可以是React组件或图片URL */
-    showIcon?: boolean;
-    showWalletName?: boolean;
-    iconImg?: string;
-    /** 钱包名称 */
-    walletName?: string;
-    /** 店铺名称 */
-    shopName?: string;
-    /** 是否显示店铺名称 */
-    showShopName?: boolean;
-    /** 卡号 */
-    cardNo?: string;
-    /** 是否显示卡号 */
-    showCardNo?: boolean;
-    /** 是否显示二维码 */
-    showCode?: boolean;
-    /** 点击二维码/条形码的回调 */
-    onCodeClick?: () => void;
-    /** 货币符号 */
-    symbol: string;
-    /** 点击卡片的回调 */
-    onClick?: () => void;
-    /** 自定义类名 */
-    className?: string;
-    items: WalletCardItem[];
-    /** 自定义样式 */
-    style?: React.CSSProperties;
-    title?: string;
-    subTitle?: string;
-    align?: 'left' | 'center';
-    buttonText?: string;
-    [key: string]: any;
-    /** 是否已登录 */
-    isLogin?: boolean;
-}
-declare const WalletCard: React.FC<WalletCardProps>;
-export default WalletCard;

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

@@ -1,5 +0,0 @@
-import { ConfigProviderProps } from '../config-provider';
-interface PageProps extends ConfigProviderProps {
-}
-declare const Page: (props: PageProps) => JSX.Element;
-export default Page;

package/lib/components/table/TableFilter/numberFilter.d.ts

@@ -1,6 +0,0 @@
-import { ColumnType } from "antd/es/table";
-import "./index.less";
-declare const getColumnNumberProps: ({ dataIndex, }: {
-    dataIndex: string;
-}) => ColumnType<any>;
-export default getColumnNumberProps;

package/lib/components/table/TableFilter/selectFilter.d.ts

@@ -1,10 +0,0 @@
-import { ColumnType } from "antd/es/table";
-import "./index.less";
-declare const getColumnSelectProps: ({ dataIndex, filters, }: {
-    dataIndex: string;
-    filters: {
-        text: string;
-        value: string;
-    }[];
-}) => ColumnType<any>;
-export default getColumnSelectProps;

package/lib/components/table/TableFilter/stringFilter.d.ts

@@ -1,6 +0,0 @@
-import { ColumnType } from "antd/es/table";
-import "./index.less";
-declare const getColumnStringProps: ({ dataIndex, }: {
-    dataIndex: string;
-}) => ColumnType<any>;
-export default getColumnStringProps;

package/lib/components/virtual-keyboard/Time/index.d.ts

@@ -1,13 +0,0 @@
-import React from "react";
-import { Item } from "../Keyboard";
-import "./index.less";
-export interface VirtualKeyboardTimeProps extends React.HTMLAttributes<HTMLDivElement> {
-    style?: React.CSSProperties;
-    onChange?: (value?: any) => void;
-    value?: any;
-    items?: Item[];
-    onEnter?: (value: any) => void;
-    rightPanel?: React.ReactNode;
-}
-declare const VirtualKeyboardTime: (props: VirtualKeyboardTimeProps) => JSX.Element;
-export default VirtualKeyboardTime;

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

@@ -1,65 +0,0 @@
-import React from 'react';
-import './index.less';
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            [elemName: string]: any;
-        }
-    }
-}
-export interface WalletCardItem {
-    key: string;
-    label?: string;
-    hidden?: boolean;
-    value?: number;
-}
-export interface WalletCardProps {
-    /** 二维码弹窗适配平台 */
-    platform?: 'pc' | 'h5' | 'ipad';
-    /** 卡片主题 */
-    mode?: 'dark' | 'light';
-    /** 默认还是完整显示code */
-    cardStyle?: 'normal' | 'full';
-    /** 条形码还是二维码 */
-    codeType?: 'barCode' | 'orCode';
-    /** 二维码方向 */
-    codeDirection?: 'bottom' | 'top';
-    /** 自定义背景图 */
-    customBackgroundImage?: string;
-    /** 图标：可以是React组件或图片URL */
-    showIcon?: boolean;
-    showWalletName?: boolean;
-    iconImg?: string;
-    /** 钱包名称 */
-    walletName?: string;
-    /** 店铺名称 */
-    shopName?: string;
-    /** 是否显示店铺名称 */
-    showShopName?: boolean;
-    /** 卡号 */
-    cardNo?: string;
-    /** 是否显示卡号 */
-    showCardNo?: boolean;
-    /** 是否显示二维码 */
-    showCode?: boolean;
-    /** 点击二维码/条形码的回调 */
-    onCodeClick?: () => void;
-    /** 货币符号 */
-    symbol: string;
-    /** 点击卡片的回调 */
-    onClick?: () => void;
-    /** 自定义类名 */
-    className?: string;
-    items: WalletCardItem[];
-    /** 自定义样式 */
-    style?: React.CSSProperties;
-    title?: string;
-    subTitle?: string;
-    align?: 'left' | 'center';
-    buttonText?: string;
-    [key: string]: any;
-    /** 是否已登录 */
-    isLogin?: boolean;
-}
-declare const WalletCard: React.FC<WalletCardProps>;
-export default WalletCard;