@king-design/intact 2.0.16 → 3.0.0-beta.0

package/es/styles/theme.d.ts

@@ -30,20 +30,24 @@ export declare function defaultTheme(): {
         border: string;
         text: string;
         ghost: string;
+        info: string;
         bg: string;
         title: string;
         darkBorder: string;
         placeholder: string;
         readonly link: string;
         readonly linkHover: string;
-        readonly hoverBg: string;
+        hoverBg: string;
         disabled: string;
         disabledBg: string;
         disabledBorder: string;
         lightBlack: string;
     };
     borderRadius: string;
+    largeBorderRadius: string;
     boxShadow: string;
+    middleBoxShadow: string;
+    largeBoxShadow: string;
     fontSize: string;
     lineHeight: number;
     maxZIndex: number;
@@ -83,20 +87,24 @@ declare let theme: {
         border: string;
         text: string;
         ghost: string;
+        info: string;
         bg: string;
         title: string;
         darkBorder: string;
         placeholder: string;
         readonly link: string;
         readonly linkHover: string;
-        readonly hoverBg: string;
+        hoverBg: string;
         disabled: string;
         disabledBg: string;
         disabledBorder: string;
         lightBlack: string;
     };
     borderRadius: string;
+    largeBorderRadius: string;
     boxShadow: string;
+    middleBoxShadow: string;
+    largeBoxShadow: string;
     fontSize: string;
     lineHeight: number;
     maxZIndex: number;

package/es/styles/theme.js

@@ -4,12 +4,12 @@ export function defaultTheme() {
     large: {
       height: '40px',
       fontSize: '14px',
-      padding: '24px'
+      padding: '16px'
     },
     default: {
       height: '32px',
       fontSize: '12px',
-      padding: '16px'
+      padding: '12px'
     },
     small: {
       height: '24px',
@@ -17,22 +17,23 @@ export function defaultTheme() {
       padding: '8px'
     },
     mini: {
-      height: '16px',
+      height: '21px',
       fontSize: '12px',
       padding: '8px'
     },
     color: {
       primary: '#0091ea',
-      warning: '#ff9800',
-      danger: '#ff4133',
+      warning: '#ff9a05',
+      danger: '#ff4433',
       success: '#36b342',
-      border: '#ccc',
-      text: '#4c4c4c',
+      border: '#d0d5d9',
+      text: '#3c4449',
       ghost: '#737373',
-      bg: '#f1f1f5',
-      title: '#333',
-      darkBorder: '#b2b2b2',
-      placeholder: '#b2b2b2',
+      info: '#0091ea',
+      bg: '#f3f5f6',
+      title: '#151b1e',
+      darkBorder: '#d0d5d9',
+      placeholder: '#bec3c5',
 
       get link() {
         return theme.color.primary;
@@ -42,17 +43,18 @@ export function defaultTheme() {
         return palette(theme.color.primary, -1);
       },
 
-      get hoverBg() {
-        return palette(theme.color.primary, -4);
-      },
-
-      disabled: '#ccc',
-      disabledBg: '#f2f2f2',
-      disabledBorder: '#ccc',
-      lightBlack: '#737373'
+      hoverBg: '#f3f5f6',
+      // get hoverBg() { return palette(theme.color.primary, -4) }, 
+      disabled: '#bec3c5',
+      disabledBg: '#f0f2f4',
+      disabledBorder: '#d0d5d9',
+      lightBlack: '#848f9a'
     },
-    borderRadius: '2px',
-    boxShadow: '0 0 16px 0 rgba(0, 0, 0, .1)',
+    borderRadius: '4px',
+    largeBorderRadius: '6px',
+    boxShadow: '0px 0px 8px rgba(0, 0, 0, 0.08)',
+    middleBoxShadow: '0px 2px 16px 2px rgba(0, 0, 0, 0.08)',
+    largeBoxShadow: '0px 4px 32px 4px rgba(0, 0, 0, 0.08)',
     fontSize: '12px',
     lineHeight: 1.5,
     maxZIndex: 9999,

package/i18n/en-US.ts

@@ -101,8 +101,9 @@ const i18n = {
 
     // upload
     '点击上传': 'Click to Upload',
-    '将文件拖到此处，或点击上传': 'Drag file to this area or click to upload',
+    '将文件拖到此处，或<a>点击上传</a>': 'Drag file to this area or <a>click to upload</a>',
     '查看图片': 'View Image',
+    '上传图片': 'Upload Image',
     '超出文件数量最大限制：{limit}': 'Exceed the maximum limit of the number of files: {limit}',
     '"{name}" 超出文件最大限制：{maxSize}kb': '"{name}" exceeds the maximum size of file: {maxSize}kb',
     '"{name}" 文件类型不合法': '"{name}" invalid file type',

package/index.ts

@@ -1,5 +1,5 @@
 /*!
- * @king-design v2.0.16
+ * @king-design v3.0.0-beta.0
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -62,6 +62,6 @@ export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/wave';
 
-export const version = '2.0.16';
+export const version = '3.0.0-beta.0';
 
 /* generate end */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@king-design/intact",
-  "version": "2.0.16",
+  "version": "3.0.0-beta.0",
   "description": "A component library written in Intact for Intact, Vue, React and Angular",
   "main": "es/index.js",
   "scripts": {
@@ -175,6 +175,7 @@
   "dependencies": {
     "@babel/runtime-corejs3": "^7.16.0",
     "@emotion/css": "^11.5.0",
+    "@king-design/react": "^3.0.0-beta.0",
     "dayjs": "^1.10.7",
     "downloadjs": "^1.4.7",
     "enquire.js": "^2.1.6",