SURXXX->SXXX

font/index.slint

@@ -8,7 +8,5 @@
 */
 
 
-// you can find all verdana font in this file
-import "./verdana.ttf";
-
-
+// you can find all font in this file
+import "./Alimama_DongFangDaKai_Regular.ttf";

index.slint

@@ -1,74 +1,74 @@
-import {SURText} from "./src/text/index.slint";
-import {SURButton} from "./src/button/index.slint";
-import {SURIcon} from "./src/icon/index.slint";
-import {SURInput} from "./src/input/index.slint";
-import {SURCard} from "./src/card/index.slint";
-import {SURStar} from "./src/star/index.slint";
-import {SURSelect,ValueType} from "./src/select/index.slint";
-import {SURTag} from "./src/tag/index.slint";
-import {SURHeader} from "./src/header/index.slint";
-import {SURTable,SURTableColumn} from "./src/table/index.slint";
-import {SURCollapse,SURCollapseItem} from "./src/collapse/index.slint";
-import { SURResult} from "./src/result/index.slint";
+import {SText} from "./src/text/index.slint";
+import {SButton} from "./src/button/index.slint";
+import {SIcon} from "./src/icon/index.slint";
+import {SInput} from "./src/input/index.slint";
+import {SCard} from "./src/card/index.slint";
+import {SStar} from "./src/star/index.slint";
+import {SSelect,ValueType} from "./src/select/index.slint";
+import {STag} from "./src/tag/index.slint";
+import {SHeader} from "./src/header/index.slint";
+import {STable,STableColumn} from "./src/table/index.slint";
+import {SCollapse,SCollapseItem} from "./src/collapse/index.slint";
+import { SResult} from "./src/result/index.slint";
 import { SURAvatar } from "./src/avatar/index.slint";
-import {SURLink} from "./src/link/index.slint";
-import { SURDivider } from "./src/divider/index.slint";
-import { SURPopup } from "./src/popup/index.slint";
-import { SURCollection,CollectionData } from "./src/collection/index.slint";
-import { SURRadio } from "./src/radio/index.slint";
-import { SURBadge,Position } from "./src/badge/index.slint";
-import { SURPersona } from "./src/persona/index.slint";
-import { SURProgress } from "./src/progress/index.slint";
+import {SLink} from "./src/link/index.slint";
+import { SDivider } from "./src/divider/index.slint";
+import { SPopup } from "./src/popup/index.slint";
+import { SCollection,CollectionData } from "./src/collection/index.slint";
+import { SRadio } from "./src/radio/index.slint";
+import { SBadge,Position } from "./src/badge/index.slint";
+import { SPersona } from "./src/persona/index.slint";
+import { SProgress } from "./src/progress/index.slint";
 import { SURTip,TipPosition } from "./src/tip/index.slint";
-import { SURLoading } from "./src/loading/index.slint";
-import { SURDialog } from "./src/dialog/index.slint";
-import { SURMenu,MenuData } from "./src/menu/index.slint";
-import { SURSwitch,SURSwitchOption,SURSwitchGroup} from "./src/switch/index.slint";
-import { SURDrawer } from "./src/drawer/index.slint";
-import { SURAlert } from "./src/alert/index.slint";
-import { SURTree } from "./src/tree/index.slint";
-import { SURFile,ItemConfigs,FileItem,TabConfigs,TabItem } from "./src/file/index.slint";
+import { SLoading } from "./src/loading/index.slint";
+import { SDialog } from "./src/dialog/index.slint";
+import { SMenu,MenuData } from "./src/menu/index.slint";
+import { SSwitch,SSwitchOption,SSwitchGroup} from "./src/switch/index.slint";
+import { SDrawer } from "./src/drawer/index.slint";
+import { SAlert } from "./src/alert/index.slint";
+import { STree } from "./src/tree/index.slint";
+import { SFile,ItemConfigs,FileItem,TabConfigs,TabItem } from "./src/file/index.slint";
 
 export { 
-  SURText,
-  SURButton,
-  SURIcon,
-  SURInput,
-  SURCard,
-  SURStar,
-  SURSelect,
-  SURTag,
-  SURHeader,
-  SURTable,
-  SURTableColumn,
-  SURCollapse,
-  SURCollapseItem,
-  SURResult,
+  SText,
+  SButton,
+  SIcon,
+  SInput,
+  SCard,
+  SStar,
+  SSelect,
+  STag,
+  SHeader,
+  STable,
+  STableColumn,
+  SCollapse,
+  SCollapseItem,
+  SResult,
   ValueType,
   SURAvatar,
-  SURLink,
-  SURDivider,
-  SURPopup,
-  SURCollection,
+  SLink,
+  SDivider,
+  SPopup,
+  SCollection,
   CollectionData,
-  SURRadio,
-  SURBadge,
+  SRadio,
+  SBadge,
   Position,
-  SURPersona,
-  SURProgress,
+  SPersona,
+  SProgress,
   SURTip,
-  SURLoading,
-  SURDialog,
-  SURMenu,
+  SLoading,
+  SDialog,
+  SMenu,
   MenuData,
   TipPosition,
-  SURSwitch,
-  SURDrawer,
-  SURAlert,
-  SURSwitchOption,
-  SURSwitchGroup,
-  SURTree,
-  SURFile,
+  SSwitch,
+  SDrawer,
+  SAlert,
+  SSwitchOption,
+  SSwitchGroup,
+  STree,
+  SFile,
   TabConfigs,
   ItemConfigs,
   FileItem,

src/alert/alert.slint

@@ -5,8 +5,8 @@
 * @version:0.1.7
 * @type:interface
 * @description:
-* # SURAlert
-* SURAlert is used to display important prompt information on the page
+* # SAlert
+* SAlert is used to display important prompt information on the page
 * ## properties
 * - private property <Themes> theme : Surrealism theme ⛔
 * - in-out property <string> content :  alert content you want to display
@@ -18,9 +18,9 @@
 * ============================================
 */
 
-import { SURCard } from "../card/index.slint";
-import { SURText } from "../text/index.slint";
-import { SURIcon } from "../icon/index.slint";
+import { SCard } from "../card/index.slint";
+import { SText } from "../text/index.slint";
+import { SIcon } from "../icon/index.slint";
 import { IconSources,Themes,ResType } from "../../themes/index.slint";
 export component Alert inherits Window{
   height: 100%;
@@ -71,29 +71,29 @@ export component Alert inherits Window{
       root.content = "This is a help message!"
     }
   }
-  alert:=SURCard { 
+  alert:=SCard { 
     y: 6px;
     clip: true;
     width: parent.width * 0.86;
     theme: root.theme;
     HorizontalLayout {
       alignment: LayoutAlignment.start;
       icon-view:=Rectangle{
-        icon:=SURIcon { 
+        icon:=SIcon { 
           theme: root.theme;
           source: root.icon;
           height: 18px;
           width: 18px;
         }
       }
-      info:=SURText { 
+      info:=SText { 
         theme: root.theme;
         text: root.content;
         width: parent.width - 60px;
         horizontal-alignment: left;
       }
       close-view:=Rectangle{
-        close:=SURIcon{
+        close:=SIcon{
           source: IconSources.icons.Close-one;
           theme: root.theme;
           clicked => {

src/alert/index.slint

@@ -1,2 +1,2 @@
 import {Alert } from "./alert.slint";
-export { Alert as SURAlert }
+export { Alert as SAlert }

src/avatar/avatar.slint

@@ -12,11 +12,11 @@
 * - in property <image> avatar : avatar image
 * ============================================
 */
-import { SURCard } from "../card/index.slint";
-import { SURIcon } from "../icon/index.slint";
+import { SCard } from "../card/index.slint";
+import { SIcon } from "../icon/index.slint";
 import {ROOT_STYLES,Themes,PaddingSize,PaddingItem,Shadows,Borders,BorderItem,IconSources} from "../../themes/index.slint";
 
-export component Avatar inherits SURCard { 
+export component Avatar inherits SCard { 
   border:Circle-Normal;
   // padding: self.card-padding.same;
   card-height:avatar-size;
@@ -33,7 +33,7 @@ export component Avatar inherits SURCard {
     self.padding-left = self.card-padding.same;
     self.padding-right = self.card-padding.same;
   }
-  SURIcon {
+  SIcon {
     z: 13;
     height: avatar-size;
     width: avatar-size;

src/badge/badge.slint

@@ -5,8 +5,8 @@
 * @version:0.1.3
 * @type:interface
 * @description:
-* # SURBadge
-* SURBadge is a quick way to display user status or events
+* # SBadge
+* SBadge is a quick way to display user status or events
 * ## properties (card)
 * - in property <Position> position : where the badge show
 * - in-out property <image> icon : icon of the badge
@@ -19,10 +19,10 @@
 * ## callbacks
 * ============================================
 */
-import { SURCard } from "../card/index.slint";
+import { SCard } from "../card/index.slint";
 import { Borders,ROOT_STYLES,Themes,IconSources,ResType} from "../../themes/index.slint";
-import { SURIcon } from "../icon/index.slint";
-import { SURText } from "../text/index.slint";
+import { SIcon } from "../icon/index.slint";
+import { SText } from "../text/index.slint";
 
 export enum Position {
   Left-Top,
@@ -31,7 +31,7 @@ export enum Position {
   Right-Bottom
 }
 
-export component Badge inherits SURCard { 
+export component Badge inherits SCard { 
   theme: Light;
   height: ROOT-STYLES.sur-font.font-size;
   width: ROOT-STYLES.sur-font.font-size;
@@ -96,22 +96,22 @@ export component Badge inherits SURCard {
   }
   HorizontalLayout {
     spacing: ROOT-STYLES.get-space(txt-view.width);
-    badge-icon:= SURIcon { 
+    badge-icon:= SIcon { 
       source: root.icon;
       theme: root.theme;
       clicked => {
         txt-view.visible=!txt-view.visible
       }
     }
-    txt-view:=SURCard {
+    txt-view:=SCard {
       visible: false;
       theme: root.theme;
       height: root.height;
       card-width: badge-txt.width;
       padding-size: Small;
       border: Large;
 
-      badge-txt:=SURText { 
+      badge-txt:=SText { 
         font-size: ROOT-STYLES.sur-font.font-size  - 4px;
         text: root.content;
         theme: root.theme;

src/badge/index.slint

@@ -1,3 +1,3 @@
 import { Badge,Position } from "./badge.slint";
 
-export { Badge as SURBadge,Position }
+export { Badge as SBadge,Position }

src/button/button.slint

@@ -5,8 +5,8 @@
 * @version:0.0.1
 * @type:interface
 * @description:
-* # SURButton 
-* SURButton is a button component that you can freely perform regular attribute operations on
+* # SButton 
+* SButton is a button component that you can freely perform regular attribute operations on
 * ## properties
 * - in property <image> icon : Button icon
 * - in property <length> font-size: button font size
@@ -23,12 +23,12 @@
 */
 
 
-import {SURText} from "../text/index.slint";
-import {SURIcon} from "../icon/index.slint";
-import {SURCard} from "../card/index.slint";
+import {SText} from "../text/index.slint";
+import {SIcon} from "../icon/index.slint";
+import {SCard} from "../card/index.slint";
 import {ROOT-STYLES,Themes} from "../../themes/index.slint";
 import { HorizontalBox } from "std-widgets.slint";
-export component Button inherits SURCard {
+export component Button inherits SCard {
   card-width: layout.width;
   theme: Light;
   in property <image> icon;
@@ -39,7 +39,7 @@ export component Button inherits SURCard {
   in property <string> font-family:ROOT-STYLES.sur-font.font-family;
   in property <bool> show-icon : false;
   out property <bool> has-hover <=>toucharea.has-hover;
-  in-out property <string> text : "SURButton";
+  in-out property <string> text : "SButton";
   states [
     light when self.theme == Themes.Light: {
       root.background : toucharea.has-hover?ROOT-STYLES.light-deeper(ROOT-STYLES.sur-theme-colors.light.normal):ROOT-STYLES.sur-theme-colors.light.normal;
@@ -126,7 +126,7 @@ export component Button inherits SURCard {
     width: show-icon?txt-container.width + root.font-size : txt-container.width;
     spacing: show-icon?ROOT-STYLES.get-space(self.width):0;
     if root.show-icon:icon-container:= Rectangle {
-      btn-icon:= SURIcon {
+      btn-icon:= SIcon {
         source:root.icon;
         height: root.font-size;
         width: root.font-size;
@@ -136,7 +136,7 @@ export component Button inherits SURCard {
 
     txt-container:=TouchArea {
       width: btn-txt.width;
-      btn-txt:=SURText{
+      btn-txt:=SText{
         theme:root.theme;
         text: root.text;
         horizontal-alignment: center;

src/button/index.slint

@@ -1,3 +1,3 @@
 import { Button } from "./button.slint";
 
-export { Button as SURButton }
+export { Button as SButton }

src/card/card.slint

@@ -5,7 +5,7 @@
 * @version:0.0.1
 * @type:interface
 * @description:
-* # SURCard
+* # SCard
 * A very simple universal card without any layout or restrictions
 * you can add anything you want to the card
 * ## properties

src/card/index.slint

@@ -1,3 +1,3 @@
 import { Card} from "./card.slint";
 
-export { Card as SURCard }
+export { Card as SCard }