vdesign-ui 0.2.12 → 0.2.14

package/dist/locale/en.js

@@ -1,98 +1,98 @@
-export default {
-    message: {
-      hello: "Hello World"
-    },
-    button: {
-      loading: "loading",
-      default: "default",
-      primary: "primary",
-      secondary: "secondary",
-      warning: "warning",
-      warning_grey: "warning_grey",
-      tertiary: "tertiary",
-      tertiary_grey: "tertiary_grey",
-      wireframe: "wireframe",
-      primary_text: "primary_text",
-      warning_text: "warning_text",
-      tertiary_text: "tertiary_text",
-      link_text: "link_text",
-      small: "small",
-      medium: "medium",
-      large: "large",
-      disabled: "disabled",
-      block: "block",
-      buy: "buy",
-      sell: "sell",
-      text: "Button Text"
-    },
-    actionbar: {
-      text: "Actionbar",
-      filter: "Filter",
-      edit: "Edit",
-      add: "Add new",
-      delete: "Delete",
-      more: "More",
-      reset: "Reset",
-      create: "Create",
-      alert: "Alert",
-      chart: "Chart"
-    },
-    title: {
-      text: "title"
-    },
-    radio: {
-      text: "radio"
-    },
-    checkbox: {
-      text: "checkbox"
-    },
-    dropdown: {
-      text: "dropdown",
-      text1: "选中",
-      text2: "默认",
-      text3: "禁用"
-    },
-    tab: {
-      text: "tab"
-    },
-    empty: {
-      description: "no data"
-    },
-    result: {
-      text: "This is a type mainly used for basic alert pop-ups.",
-      title: "title"
-    },
-    selector: {
-      text: "selector"
-    },
-    alert: {
-      title: "Modal Title",
-      content: "This is a type mainly used for basic alert pop-ups",
-      confirm: "Confirm",
-      cancel: "Cancel",
-      delete: "Delete",
-      long: "This is a type mainly used for basic alert pop-ups..."
-    },
-    noticebar: {
-      title: "The morning moon is falling...",
-      content: "The morning moon is falling...",
-      button: "Button",
-      state: "Tag"
-    },
-    steps: {
-      title: "Step",
-      text: "Text",
-      content: "The morning moon is falling..."
-    },
-    divider: {
-      text: "Text"
-    },
-    footnav: {
-      text: "watchlist"
-    },
-    list: {
-      text: "Text Text Text Text Text Text",
-      title: "list"
-    }
-  };
+export default {
+    message: {
+      hello: "Hello World"
+    },
+    button: {
+      loading: "loading",
+      default: "default",
+      primary: "primary",
+      secondary: "secondary",
+      warning: "warning",
+      warning_grey: "warning_grey",
+      tertiary: "tertiary",
+      tertiary_grey: "tertiary_grey",
+      wireframe: "wireframe",
+      primary_text: "primary_text",
+      warning_text: "warning_text",
+      tertiary_text: "tertiary_text",
+      link_text: "link_text",
+      small: "small",
+      medium: "medium",
+      large: "large",
+      disabled: "disabled",
+      block: "block",
+      buy: "buy",
+      sell: "sell",
+      text: "Button Text"
+    },
+    actionbar: {
+      text: "Actionbar",
+      filter: "Filter",
+      edit: "Edit",
+      add: "Add new",
+      delete: "Delete",
+      more: "More",
+      reset: "Reset",
+      create: "Create",
+      alert: "Alert",
+      chart: "Chart"
+    },
+    title: {
+      text: "title"
+    },
+    radio: {
+      text: "radio"
+    },
+    checkbox: {
+      text: "checkbox"
+    },
+    dropdown: {
+      text: "dropdown",
+      text1: "选中",
+      text2: "默认",
+      text3: "禁用"
+    },
+    tab: {
+      text: "tab"
+    },
+    empty: {
+      description: "no data"
+    },
+    result: {
+      text: "This is a type mainly used for basic alert pop-ups.",
+      title: "title"
+    },
+    selector: {
+      text: "selector"
+    },
+    alert: {
+      title: "Modal Title",
+      content: "This is a type mainly used for basic alert pop-ups",
+      confirm: "Confirm",
+      cancel: "Cancel",
+      delete: "Delete",
+      long: "This is a type mainly used for basic alert pop-ups..."
+    },
+    noticebar: {
+      title: "The morning moon is falling...",
+      content: "The morning moon is falling...",
+      button: "Button",
+      state: "Tag"
+    },
+    steps: {
+      title: "Step",
+      text: "Text",
+      content: "The morning moon is falling..."
+    },
+    divider: {
+      text: "Text"
+    },
+    footnav: {
+      text: "watchlist"
+    },
+    list: {
+      text: "Text Text Text Text Text Text",
+      title: "list"
+    }
+  };
   

package/dist/locale/zh.js

@@ -1,98 +1,98 @@
-export default {
-    message: {
-      hello: "你好世界"
-    },
-    button: {
-      loading: "加载中",
-      default: "默认",
-      primary: "一级按钮",
-      secondary: "次要按钮",
-      warning: "警告按钮",
-      warning_grey: "警告灰",
-      tertiary: "第三按钮",
-      tertiary_grey: "第三灰",
-      wireframe: "线框按钮",
-      primary_text: "一级文字",
-      warning_text: "警告文字",
-      tertiary_text: "第三文字",
-      link_text: "链接文字",
-      small: "小尺寸",
-      medium: "中尺寸",
-      large: "大尺寸",
-      disabled: "禁用",
-      block: "块级按钮",
-      buy: "买",
-      sell: "卖",
-      text: "按钮文本"
-    },
-    actionbar: {
-      text: "工具条",
-      filter: "筛选",
-      edit: "编辑",
-      add: "添加",
-      delete: "删除",
-      more: "更多",
-      reset: "重置",
-      create: "新建",
-      alert: "对话框",
-      chart: "图表"
-    },
-    title: {
-      text: "标题"
-    },
-    radio: {
-      text: "单选"
-    },
-    checkbox: {
-      text: "复选框"
-    },
-    dropdown: {
-      text: "下拉菜单",
-      text1: "选中",
-      text2: "默认",
-      text3: "禁用"
-    },
-    tab: {
-      text: "选项卡"
-    },
-    empty: {
-      description: "无数据"
-    },
-    result: {
-      text: "这是一种主要用于基本警报弹出窗口的类型",
-      title: "标题"
-    },
-    selector: {
-      text: "选择器"
-    },
-    alert: {
-      title: "标题",
-      content: "这是一种主要用于基本警报弹出窗口的类型",
-      confirm: "确认",
-      cancel: "取消",
-      delete: "删除",
-      long: "这是一种主要用于基本警报弹出窗口的类型这是一种主要用于基本警报弹出窗口的类型这是一种主要用于基本警报弹出窗口的类型这是一种主要用于基本警报弹出窗口的类型这是一种主要用于基本警报弹出窗口的类型这是一种主要用于基本警报弹出窗口的类型这是一种主要用于基本警报弹出窗口的类型这是一种主要用于基本警报弹出窗口的类型这是一种主要用于基本警报弹出窗口的类型这是一种主要用于基本警报弹出窗口的类型"
-    },
-    noticebar: {
-      title: "晓月坠，宿云微，无语枕频欹。",
-      content: "晓月坠，宿云微，无语枕频欹。梦回芳草思依依，天远雁声稀。啼莺散，馀花乱，寂寞画堂深院。片红休埽尽从伊，留待舞人归。",
-      button: "按钮",
-      state: "标签"
-    },
-    steps: {
-      title: "步骤条",
-      text: "文本",
-      content: "晓月坠，宿云微，无语枕频欹。梦回芳草思依依，天远雁声稀。"
-    },
-    divider: {
-      text: "文字信息"
-    },
-    footnav: {
-      text: "文字信息"
-    },
-    list: {
-      text: "信息列表",
-      title: "列表"
-    }
-  };
+export default {
+    message: {
+      hello: "你好世界"
+    },
+    button: {
+      loading: "加载中",
+      default: "默认",
+      primary: "一级按钮",
+      secondary: "次要按钮",
+      warning: "警告按钮",
+      warning_grey: "警告灰",
+      tertiary: "第三按钮",
+      tertiary_grey: "第三灰",
+      wireframe: "线框按钮",
+      primary_text: "一级文字",
+      warning_text: "警告文字",
+      tertiary_text: "第三文字",
+      link_text: "链接文字",
+      small: "小尺寸",
+      medium: "中尺寸",
+      large: "大尺寸",
+      disabled: "禁用",
+      block: "块级按钮",
+      buy: "买",
+      sell: "卖",
+      text: "按钮文本"
+    },
+    actionbar: {
+      text: "工具条",
+      filter: "筛选",
+      edit: "编辑",
+      add: "添加",
+      delete: "删除",
+      more: "更多",
+      reset: "重置",
+      create: "新建",
+      alert: "对话框",
+      chart: "图表"
+    },
+    title: {
+      text: "标题"
+    },
+    radio: {
+      text: "单选"
+    },
+    checkbox: {
+      text: "复选框"
+    },
+    dropdown: {
+      text: "下拉菜单",
+      text1: "选中",
+      text2: "默认",
+      text3: "禁用"
+    },
+    tab: {
+      text: "选项卡"
+    },
+    empty: {
+      description: "无数据"
+    },
+    result: {
+      text: "这是一种主要用于基本警报弹出窗口的类型",
+      title: "标题"
+    },
+    selector: {
+      text: "选择器"
+    },
+    alert: {
+      title: "标题",
+      content: "这是一种主要用于基本警报弹出窗口的类型",
+      confirm: "确认",
+      cancel: "取消",
+      delete: "删除",
+      long: "这是一种主要用于基本警报弹出窗口的类型这是一种主要用于基本警报弹出窗口的类型这是一种主要用于基本警报弹出窗口的类型这是一种主要用于基本警报弹出窗口的类型这是一种主要用于基本警报弹出窗口的类型这是一种主要用于基本警报弹出窗口的类型这是一种主要用于基本警报弹出窗口的类型这是一种主要用于基本警报弹出窗口的类型这是一种主要用于基本警报弹出窗口的类型这是一种主要用于基本警报弹出窗口的类型"
+    },
+    noticebar: {
+      title: "晓月坠，宿云微，无语枕频欹。",
+      content: "晓月坠，宿云微，无语枕频欹。梦回芳草思依依，天远雁声稀。啼莺散，馀花乱，寂寞画堂深院。片红休埽尽从伊，留待舞人归。",
+      button: "按钮",
+      state: "标签"
+    },
+    steps: {
+      title: "步骤条",
+      text: "文本",
+      content: "晓月坠，宿云微，无语枕频欹。梦回芳草思依依，天远雁声稀。"
+    },
+    divider: {
+      text: "文字信息"
+    },
+    footnav: {
+      text: "文字信息"
+    },
+    list: {
+      text: "信息列表",
+      title: "列表"
+    }
+  };
   

package/dist/token.css

@@ -519,6 +519,7 @@ html[theme="dark"]{
 --color-datalist-option_chain-bg-2:rgba(0,165,187,.08);
 --color-datalist-option_chain-bg-3:rgba(118,118,128,.24);
 --color-datalist-option_chain-bg-4:#2C2C2E;
+--color-datalist-option_chain-divider:#0E0E10;
 }
 html{
 --height-datalist-list:60px;
@@ -564,6 +565,7 @@ html{
 --color-datalist-option_chain-bg-2:rgba(0,165,187,.08);
 --color-datalist-option_chain-bg-3:#ebedf0;
 --color-datalist-option_chain-bg-4:#ffffff;
+--color-datalist-option_chain-divider:#ebedf0;
 }
 
 html[theme="dark"]{
@@ -644,15 +646,15 @@ html{
 --color-datepicker-today_dot:rgba(0,0,0,.15);
 --color-datepicker-date_mask-bg-active:rgba(27,196,125,.1);
 }
-:root {
-    --outline-visible: none; /* 默认不显示描边 */
-}
-
-.vd-btn,.vd-divider,.vd-actionbar,.vd-actions,.vd-activityviews,.vd-badge,.vd-calendar,.vd-checkbox,.vd-radio,.vd-datalist,.vd-datetime-picker,.vd-dialog,.vd-dropdown-menu,.vd-dropdown-item,.vd-dropdown,
-.vd-empty,.vd-footer,.vd-foot-nav,.vd-head-nav,.vd-input,.vd-stepper,.vd-search,.vd-password,.vd-list,.vd-loading,.vd-noticebar,.vd-page-break,.vd-popover,.vd-result,
-.vd-selector,.vd-skeleton,.vd-slider,.vd-step,.vd-switch,.vd-tag,.vd-tabs,.vd-title,.vd-toast,.vd-upload{
-    outline: var(--outline-visible) solid rgba(255,0,0,.3);
-}
+:root {
+    --outline-visible: none; /* 默认不显示描边 */
+}
+
+.vd-btn,.vd-divider,.vd-actionbar,.vd-actions,.vd-activityviews,.vd-badge,.vd-calendar,.vd-checkbox,.vd-radio,.vd-datalist,.vd-datetime-picker,.vd-dialog,.vd-dropdown-menu,.vd-dropdown-item,.vd-dropdown,
+.vd-empty,.vd-footer,.vd-foot-nav,.vd-head-nav,.vd-input,.vd-stepper,.vd-search,.vd-password,.vd-list,.vd-loading,.vd-noticebar,.vd-page-break,.vd-popover,.vd-result,
+.vd-selector,.vd-skeleton,.vd-slider,.vd-step,.vd-switch,.vd-tag,.vd-tabs,.vd-title,.vd-toast,.vd-upload{
+    outline: var(--outline-visible) solid rgba(255,0,0,.3);
+}
 
 
 html[theme="dark"]{
@@ -889,6 +891,7 @@ html[theme="dark"]{
 --spacing-footnav-icon-margin_bottom:2px;
 --icon-footnav-size:32px;
 --color-footnav-text-default:rgba(235,235,245,.65);
+--color-footnav-icon-default:rgba(242,245,255,.75);
 --color-footnav-text-active:#1bc47d;
 --color-footnav-bg:#0E0E10;
 }
@@ -898,6 +901,7 @@ html{
 --spacing-footnav-icon-margin_bottom:2px;
 --icon-footnav-size:32px;
 --color-footnav-text-default:rgba(0,0,0,.65);
+--color-footnav-icon-default:rgba(0,0,0,.65);
 --color-footnav-text-active:#1bc47d;
 --color-footnav-bg:#ffffff;
 }
@@ -999,7 +1003,7 @@ html[theme="dark"]{
 --yellow-c9:#A17E00;
 --yellow-c10:#725900;
 --yellow-c11:#513F00;
---yellow-c12:#4D420B;
+--yellow-c12:#40380C;
 --yellow-opacity-1:rgba(255,199,0,.1);
 --yellow-opacity-2:rgba(255,199,0,.2);
 --yellow-opacity-3:rgba(255,199,0,.3);
@@ -1339,7 +1343,7 @@ html[theme="dark"]{
 --tips-color-tips:#ffc700;
 --tips-color-tips-press:#ffa819;
 --tips-color-tips-disable:rgba(255,199,0,.3);
---tips-color-tips-light:#4D420B;
+--tips-color-tips-light:#40380C;
 --tips-color-tips-light-press:#513F00;
 --tips-color-warning:#eb5c31;
 --tips-color-warning-press:#db2c0d;
@@ -1378,6 +1382,7 @@ html[theme="dark"]{
 --color-quotes-stock_chart_point-bg:rgba(11,47,54,.8);
 --color-quotes-stock_chart_fullscreen_doji_floatinglayer-bg:#F2F5FF;
 --color-quotes-stock_chart_fullscreen_doji_floatinglayer-text:rgba(0,0,0,.85);
+--color-quotes-marketdepth_hide_data-mask:rgba(0,0,0,.10);
 --color-trade-account_head_card_my-bg:#3A2D72;
 --color-trade-account_head_card_ar-bg:#09825a;
 }
@@ -1478,7 +1483,7 @@ html{
 --yellow-c9:#A17E00;
 --yellow-c10:#725900;
 --yellow-c11:#513F00;
---yellow-c12:#4D420B;
+--yellow-c12:#40380C;
 --yellow-opacity-1:rgba(255,199,0,.1);
 --yellow-opacity-2:rgba(255,199,0,.2);
 --yellow-opacity-3:rgba(255,199,0,.3);
@@ -1857,6 +1862,7 @@ html{
 --color-quotes-stock_chart_point-bg:rgba(230,248,250,.8);
 --color-quotes-stock_chart_fullscreen_doji_floatinglayer-bg:rgba(0,0,0,.85);
 --color-quotes-stock_chart_fullscreen_doji_floatinglayer-text:#ffffff;
+--color-quotes-marketdepth_hide_data-mask:rgba(255,255,255,.15);
 --color-trade-account_head_card_my-bg:#3A2D72;
 --color-trade-account_head_card_ar-bg:#1bc47d;
 }
@@ -2111,7 +2117,7 @@ html[theme="dark"]{
 --color-noticebar-snackbar_warning-bg:#3C1A14;
 --color-noticebar-snackbar_warning-text:#ffdedd;
 --color-noticebar-snackbar_warning-icon:rgba(255,222,221,.6);
---color-noticebar-snackbar_tips-bg:#4D420B;
+--color-noticebar-snackbar_tips-bg:#40380C;
 --color-noticebar-snackbar_tips-text:#fff6ca;
 --color-noticebar-snackbar_tips-icon:rgba(255,246,202,.6);
 --color-noticebar-notification-bg:#2C2C2E;
@@ -2155,8 +2161,8 @@ html{
 --color-noticebar-snackbar_warning-text:#eb5c31;
 --color-noticebar-snackbar_warning-icon:rgba(235,92,49,.6);
 --color-noticebar-snackbar_tips-bg:#fffbe4;
---color-noticebar-snackbar_tips-text:#d2a700;
---color-noticebar-snackbar_tips-icon:rgba(210,167,0,.6);
+--color-noticebar-snackbar_tips-text:#A17E00;
+--color-noticebar-snackbar_tips-icon:rgba(161,126,0,.6);
 --color-noticebar-notification-bg:#ffffff;
 --color-noticebar-notification-text:rgba(0,0,0,.85);
 --color-noticebar-notification_tag_success-bg:rgba(27,196,125,.2);
@@ -2619,7 +2625,7 @@ html{
 html[theme="dark"]{
 --height-tab-primary:56px;
 --height-tab-primary-bar:3px;
---height-tab-secondary:48px;
+--height-tab-secondary:44px;
 --height-tab-secondary-bar:2px;
 --height-tab-capsule:48px;
 --height-tab-capsule_btn:28px;
@@ -2706,7 +2712,7 @@ html[theme="dark"]{
 html{
 --height-tab-primary:56px;
 --height-tab-primary-bar:3px;
---height-tab-secondary:48px;
+--height-tab-secondary:44px;
 --height-tab-secondary-bar:2px;
 --height-tab-capsule:48px;
 --height-tab-capsule_btn:28px;