plain-design 1.0.0-beta.89 → 1.0.0-beta.90

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "plain-design",
-  "version": "1.0.0-beta.89",
+  "version": "1.0.0-beta.90",
   "description": "",
   "main": "dist/plain-design.min.js",
   "module": "dist/plain-design.commonjs.min.js",

package/src/packages/components/ThemeEditor/index.tsx

@@ -160,7 +160,13 @@ export const ThemeEditor = designComponent({
 
             <div>
               <div>{i18n.$it('theme.scale').d('大小缩放')}</div>
-              <Select v-model={state.zoom} onChange={handler.onZoomChange} size="mini" placeholder="页面缩放" popperAttrs={publicPopperAttrs}>
+              <Select
+                v-model={state.zoom}
+                onChange={handler.onZoomChange}
+                size="mini"
+                placeholder={i18n.$it('theme.pageScale').d('页面缩放')}
+                popperAttrs={publicPopperAttrs}
+              >
                 <SelectOption label="0.6" val={0.6}/>
                 <SelectOption label="0.7" val={0.7}/>
                 <SelectOption label="0.8" val={0.8}/>
@@ -181,7 +187,7 @@ export const ThemeEditor = designComponent({
 
             <div>
               <div>&nbsp;</div>
-              <Button block size="mini" label={i18n.$it('theme.reset').d('重置')} onClick={() => {
+              <Button block size="mini" label={i18n.$it('theme.resetThem').d('重置主题')} onClick={() => {
                 PageThemeUtils.clear();
               }}/>
             </div>

package/src/packages/components/ThemeEditor/theme-editor.scss

@@ -9,6 +9,7 @@
   transition: all ease 300ms;
   overflow-y: hidden;
   z-index: 1500;
+  background-color: plv(bg-4);
 
   &:before {
     content: '';
@@ -99,7 +100,7 @@
   }
 }
 
-@include comp(theme-editor-block-item){
+@include comp(theme-editor-block-item) {
   display: flex;
   align-items: center;
 }

package/src/packages/i18n/i18n.utils.ts

@@ -110,7 +110,7 @@ export const i18n = (() => {
    */
   const $intl = (path: string, options?: Record<string, any>) => {
     return {
-      d: (desc: string) => {
+      d: (desc: string): any => {
         const valString = $t(path, options);
         if (!!valString) {
           return valString;

package/src/packages/i18n/lang/en-us.ts

@@ -275,18 +275,20 @@ export const EnUsLocale: tZhCnLocale = {
     radiusModeNormal: 'Filet',
     radiusModeNone: 'None',
     scale: 'SCALE',
+    pageScale: 'Page Scale',
     reset: 'RESET',
-    darkOrLight: '深浅主题',
+    resetThem: 'Reset Theme',
+    darkOrLight: 'Dark / Light',
     sizeOptions: {
-      large: '大',
-      normal: '中',
-      small: '小',
-      mini: '极小',
+      large: 'Large',
+      normal: 'Normal',
+      small: 'Small',
+      mini: 'Mini',
     },
     radiusOptions: {
-      round: '圆角',
-      square: '小圆角',
-      none: '无圆角',
+      round: 'Corner',
+      square: 'Small Corner',
+      none: 'None',
     }
   },
   colorName: {

package/src/packages/i18n/lang/zh-cn.ts

@@ -273,7 +273,9 @@ export const ZhCnLocale = {
     radiusModeNormal: '小圆角',
     radiusModeNone: '无圆角',
     scale: '大小缩放',
+    pageScale: '页面缩放',
     reset: '重置',
+    resetThem: '重置主题',
     darkOrLight: '深浅主题',
     sizeOptions: {
       large: '大',