yuang-framework-ui-pc 1.1.45 → 1.1.47

package/es/lang/zh_TW.js

@@ -0,0 +1,85 @@
+const localeValues = {
+  cropper: {
+    zoomIn: "放大",
+    zoomOut: "縮小",
+    rotateLeft: "向左旋轉",
+    rotateRight: "向右旋轉",
+    moveLeft: "左移",
+    moveRight: "右移",
+    moveUp: "上移",
+    moveDown: "下移",
+    flipX: "左右翻轉",
+    flipY: "上下翻轉",
+    reset: "重新開始",
+    upload: "選擇圖片",
+    ok: "完成",
+    title: "裁剪圖片"
+  },
+  fileList: {
+    selectAll: "全選",
+    selectTips: "已選中 {total} 個檔案/資料夾",
+    fileName: "檔名",
+    fileSize: "大小",
+    fileTimestamp: "修改日期"
+  },
+  map: {
+    title: "選擇位置",
+    placeholder: "輸入關鍵字蒐索",
+    message: "請點擊清單選中位置",
+    ok: "確認",
+    clickMessage: "請點擊地圖選中位置"
+  },
+  table: {
+    refresh: "重繪",
+    sizes: "密度",
+    columns: "列設定",
+    maximized: "全屏",
+    export: "匯出",
+    print: "打印",
+    sizeLarge: "寬鬆",
+    sizeDefault: "中等",
+    sizeSmall: "緊湊",
+    columnTitle: "列展示",
+    columnReset: "重置",
+    columnUntitled: "無標題",
+    columnIndex: "序號列",
+    columnExpand: "展開列",
+    columnFixedLeft: "固定在左側",
+    columnFixedRight: "固定在右側",
+    columnWidth: "列寬",
+    exportOk: "確認",
+    exportCancel: "取消",
+    exportFileName: "檔名",
+    exportFileNamePlaceholder: "請輸入檔名",
+    exportSelectData: "選擇數據",
+    exportSelectColumn: "選擇字段",
+    exportDataTypePage: "當前頁數據",
+    exportDataTypeSelected: "選中數據",
+    exportDataTypeAll: "全部數據",
+    exportOther: "更多選項",
+    exportOtherHeader: "表頭",
+    exportOtherFooter: "表尾",
+    exportOtherTreeIndex: "層級序號"
+  },
+  copyable: {
+    copy: "複製",
+    copied: "複製成功"
+  },
+  upload: {
+    uploading: "上傳中",
+    exception: "上傳失敗",
+    retry: "重試",
+    remove: "刪除",
+    preview: "預覽",
+    edit: "修改"
+  },
+  tour: {
+    skip: "跳過",
+    prev: "上一步",
+    next: "下一步",
+    finish: "結束"
+  }
+};
+export {
+  localeValues as default
+};

package/es/style/default.scss

@@ -0,0 +1,77 @@
+
+.yu-hidden {
+  display: none;
+}
+
+.yu-block {
+  display: block;
+}
+
+.yu-text-center {
+  text-align: center;
+}
+
+.yu-text-left {
+  text-align: left;
+}
+
+.yu-text-right {
+  text-align: right;
+}
+
+.yu-color-red {
+  color: #ff4d4f;
+}
+
+.yu-color-yellow {
+  color: #FAAD14;
+}
+
+.yu-color-green {
+  color: #33CC99;
+}
+
+
+.yu-color-primary {
+  color: #409EFF;
+}
+
+.yu-color-info {
+  color: #1989fa;
+}
+
+.yu-color-default {
+  color: #fff;
+}
+
+.yu-color-danger {
+  color: #ee0a24;
+}
+
+.yu-color-warning {
+  color: #ff976a;
+}
+
+
+.yu-bgc-red {
+  background-color: #ff4d4f;
+}
+
+.yu-bgc-yellow {
+  background-color: #FAAD14;
+}
+
+.yu-bgc-green {
+  background-color: #33CC99;
+}
+
+
+.yu-overfow-hidden {
+  display: block !important;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.yu-link {
+  cursor: pointer;
+}

package/es/style/index.scss

@@ -0,0 +1,3 @@
+@use '../ele-app/style/index.scss' as app;
+@use './default.scss' as *;
+@use './plus.scss' as *;

package/es/style/plus.scss

@@ -0,0 +1,48 @@
+@use '../ele-admin-layout/style/index.scss' as adminLayout;
+@use '../ele-alert/style/index.scss' as alert;
+@use '../ele-avatar-group/style/index.scss' as avatarGroup;
+@use '../ele-backtop/style/index.scss' as backtop;
+@use '../ele-basic-select/style/index.scss' as basicSelect;
+@use '../ele-bottom-bar/style/index.scss' as bottomBar;
+@use '../ele-breadcrumb/style/index.scss' as breadcrumb;
+@use '../ele-copyable/style/index.scss' as copyable;
+@use '../ele-card/style/index.scss' as card;
+@use '../ele-check-card/style/index.scss' as checkCard;
+@use '../ele-cropper/style/index.scss' as cropper;
+@use '../ele-dashboard/style/index.scss' as dashboard;
+@use '../ele-data-table/style/index.scss' as dataTable;
+@use '../ele-dot/style/index.scss' as dot;
+@use '../ele-drawer/style/index.scss' as drawer;
+@use '../ele-dropdown/style/index.scss' as dropdown;
+@use '../ele-edit-tag/style/index.scss' as editTag;
+@use '../ele-ellipsis/style/index.scss' as ellipsis;
+@use '../ele-file-list/style/index.scss' as fileList;
+@use '../ele-icon-select/style/index.scss' as iconSelect;
+@use '../ele-image-viewer/style/index.scss' as imageViewer;
+@use '../ele-loading/style/index.scss' as loading;
+@use '../ele-map-picker/style/index.scss' as mapPicker;
+@use '../ele-menus/style/index.scss' as menus;
+@use '../ele-dialog/style/index.scss' as dialog;
+@use '../ele-page/style/index.scss' as page;
+@use '../ele-pagination/style/index.scss' as pagination;
+@use '../ele-popconfirm/style/index.scss' as popconfirm;
+@use '../ele-printer/style/index.scss' as printer;
+@use '../ele-pro-layout/style/index.scss' as proLayout;
+@use '../ele-pro-table/style/index.scss' as proTable;
+@use '../ele-segmented/style/index.scss' as segmented;
+@use '../ele-split-panel/style/index.scss' as splitPanel;
+@use '../ele-steps/style/index.scss' as steps;
+@use '../ele-tabs/style/index.scss' as tabs;
+@use '../ele-table/style/index.scss' as table;
+@use '../ele-table-select/style/index.scss' as tableSelect;
+@use '../ele-text/style/index.scss' as text;
+@use '../ele-tool/style/index.scss' as tool;
+@use '../ele-toolbar/style/index.scss' as toolbar;
+@use '../ele-tooltip/style/index.scss' as tooltip;
+@use '../ele-tour/style/index.scss' as tour;
+@use '../ele-tree-select/style/index.scss' as treeSelect;
+@use '../ele-upload-list/style/index.scss' as uploadList;
+@use '../ele-virtual-table/style/index.scss' as virtualTable;
+
+
+@use '../yu-framework-slider-captcha-dialog/style/index.scss' as sliderCaptchaDialog;

package/es/style/themes/dark-css-var.scss

@@ -0,0 +1,6 @@
+/** 暗黑主题 css 变量 */
+@use './dark.scss' as *;
+@use './theme-util.scss' as *;
+$dark-selector: 'html.dark' !default;
+
+@include set-theme-var($dark-selector, $ele-dark);

package/es/style/themes/dark.scss

@@ -0,0 +1,82 @@
+/** 暗黑主题 */
+@use 'sass:map';
+@use '../util.scss' as *;
+
+$ele-dark: () !default;
+$ele-dark: map.deep-merge(
+  (
+    'scrollbar': (
+      'color': #484848,
+      'hover-color': #5b5b5b
+    ),
+    'header': (
+      'shadow': 0 1px 4px rgba(0, 0, 0, 0.6),
+      'tool-hover-bg': rgba(255, 255, 255, 0.05),
+      'dark-tool-hover-bg': rgba(255, 255, 255, 0.05),
+      'dark-bg': #1f1f1f,
+      'dark-shadow': 0 1px 4px rgba(0, 0, 0, 0.6),
+      'ghost-bg': hsla(0, 0%, 32%, 0.4)
+    ),
+    'logo': (
+      'shadow': 0 3px 4px rgba(0, 0, 0, 0.6),
+      'dark-shadow': 0 3px 4px rgba(0, 0, 0, 0.6)
+    ),
+    'sidebar': (
+      'dark-bg': #1f1f1f,
+      'shadow': 0 4px 4px rgba(0, 0, 0, 0.6),
+      'dark-shadow': 0 4px 4px rgba(0, 0, 0, 0.6)
+    ),
+    'menu-thumb': (
+      'color': #484848,
+      'hover-color': #5b5b5b
+    ),
+    'menu-dark-thumb': (
+      'color': #626262,
+      'hover-color': #5b5b5b
+    ),
+    'menu': (
+      'child-bg': rgba(255, 255, 255, 0.04)
+    ),
+    'menu-dark': (
+      'bg': #1f1f1f,
+      'child-bg': #141414
+    ),
+    'menu-colorful': (
+      'dot-color': #5a5a5a,
+      'dot-hover-color': #8b8b8b
+    ),
+    'segmented': (
+      'bg': elVar('bg-color', 'page'),
+      'hover-bg': rgba(255, 255, 255, 0.05)
+    ),
+    'tab': (
+      'scroll-left-shadow': inset 10px 0 10px -10px rgba(0, 0, 0, 0.88),
+      'scroll-right-shadow': inset -10px 0 10px -10px rgba(0, 0, 0, 0.88),
+      'simple-hover-bg': rgba(255, 255, 255, 0.05),
+      'indicator-dot-color': #5a5a5a,
+      'indicator-dot-hover-color': #8b8b8b,
+      'button-bg': hsla(0, 0%, 100%, 0.03),
+      'button-hover-bg': hsla(0, 0%, 100%, 0.04)
+    ),
+    'table': (
+      'icon-hover-bg': rgba(255, 255, 255, 0.12),
+      'fixed-left-shadow': inset 10px 0 10px -10px rgba(0, 0, 0, 0.88),
+      'fixed-right-shadow': inset -10px 0 10px -10px rgba(0, 0, 0, 0.88)
+    ),
+    'tool': (
+      'hover-bg': rgba(255, 255, 255, 0.05)
+    ),
+    'popper': (
+      'arrow-shadow': 0 0 8px 0 rgba(0, 0, 0, 0.28)
+    ),
+    'tooltip': (
+      'bg': '#383838',
+      'shadow': 0 0 8px 0 rgba(0, 0, 0, 0.28),
+      'arrow-shadow': 0 0 8px 0 rgba(0, 0, 0, 0.28)
+    ),
+    'tag': (
+      'info-bg': elVar('color-info', 'light-8')
+    )
+  ),
+  $ele-dark
+);

package/es/style/themes/rounded-css-var.scss

@@ -0,0 +1,6 @@
+/** 圆角主题 css 变量 */
+@use './rounded.scss' as *;
+@use './theme-util.scss' as *;
+$rounded-selector: 'html.rounded' !default;
+
+@include set-theme-var($rounded-selector, $ele-rounded);

package/es/style/themes/theme-util.scss

@@ -0,0 +1,74 @@
+@use '../../ele-admin-layout/style/css-var.scss' as *;
+@use '../../ele-alert/style/css-var.scss' as *;
+@use '../../ele-backtop/style/css-var.scss' as *;
+@use '../../ele-app/style/css-var.scss' as *;
+@use '../../ele-basic-select/style/css-var.scss' as *;
+@use '../../ele-bottom-bar/style/css-var.scss' as *;
+@use '../../ele-card/style/css-var.scss' as *;
+@use '../../ele-check-card/style/css-var.scss' as *;
+@use '../../ele-data-table/style/css-var.scss' as *;
+@use '../../ele-drawer/style/css-var.scss' as *;
+@use '../../ele-dropdown/style/css-var.scss' as *;
+@use '../../ele-file-list/style/css-var.scss' as *;
+@use '../../ele-icon-select/style/css-var.scss' as *;
+@use '../../ele-image-viewer/style/css-var.scss' as *;
+@use '../../ele-loading/style/css-var.scss' as *;
+@use '../../ele-map-picker/style/css-var.scss' as *;
+@use '../../ele-menus/style/css-var.scss' as *;
+@use '../../ele-dialog/style/css-var.scss' as *;
+@use '../../ele-page/style/css-var.scss' as *;
+@use '../../ele-pagination/style/css-var.scss' as *;
+@use '../../ele-popconfirm/style/css-var.scss' as *;
+@use '../../ele-pro-table/style/css-var.scss' as *;
+@use '../../ele-segmented/style/css-var.scss' as *;
+@use '../../ele-steps/style/css-var.scss' as *;
+@use '../../ele-table/style/css-var.scss' as *;
+@use '../../ele-table-select/style/css-var.scss' as *;
+@use '../../ele-tabs/style/css-var.scss' as *;
+@use '../../ele-text/style/css-var.scss' as *;
+@use '../../ele-tool/style/css-var.scss' as *;
+@use '../../ele-toolbar/style/css-var.scss' as *;
+@use '../../ele-tooltip/style/css-var.scss' as *;
+@use '../../ele-tree-select/style/css-var.scss' as *;
+@use '../../ele-upload-list/style/css-var.scss' as *;
+@use '../../ele-virtual-table/style/css-var.scss' as *;
+
+/* 生成主题的 css 变量 */
+@mixin set-theme-var($selector, $var) {
+  #{$selector} {
+    @include set-layout-var($var);
+    @include set-alert-var($var);
+    @include set-backtop-var($var);
+    @include set-app-var($var);
+    @include set-basic-select-var($var);
+    @include set-bottom-bar-var($var);
+    @include set-card-var($var);
+    @include set-check-card-var($var);
+    @include set-data-table-var($var);
+    @include set-drawer-var($var);
+    @include set-dropdown-var($var);
+    @include set-file-var($var);
+    @include set-icon-var($var);
+    @include set-image-viewer-var($var);
+    @include set-loading-var($var);
+    @include set-map-var($var);
+    @include set-menus-var($var);
+    @include set-dialog-var($var);
+    @include set-page-var($var);
+    @include set-pagination-var($var);
+    @include set-popconfirm-var($var);
+    @include set-pro-table-var($var);
+    @include set-segmented-var($var);
+    @include set-step-var($var);
+    @include set-table-var($var);
+    @include set-table-select-var($var);
+    @include set-tab-var($var);
+    @include set-text-var($var);
+    @include set-tool-var($var);
+    @include set-toolbar-var($var);
+    @include set-tooltip-var($var);
+    @include set-tree-select-var($var);
+    @include set-upload-list-var($var);
+    @include set-virtual-table-var($var);
+  }
+}

package/es/style/util.scss

@@ -0,0 +1,59 @@
+@use 'element-plus/theme-chalk/src/mixins/function.scss' as el;
+@use 'sass:map';
+
+/* 生成 css 变量名 */
+@function eleJoinVar($list) {
+  $name: '--ele';
+  @each $item in $list {
+    @if $item != '' {
+      $name: $name + '-' + $item;
+    }
+  }
+  @return $name;
+}
+
+/* 获取 css 变量值 */
+@function eleVar($arg1, $arg2: '', $arg3: '') {
+  $args: $arg1, $arg2;
+  @if $arg3 != '' {
+    @return var(#{eleJoinVar($args)}, $arg3);
+  } @else {
+    @return var(#{eleJoinVar($args)});
+  }
+}
+
+/* 获取 css 变量名 */
+@function eleVarName($args...) {
+  @return eleJoinVar($args);
+}
+
+/* 生成 css 变量 */
+@mixin set-ele-var-value($name, $attribute, $value) {
+  #{eleVarName($name, $attribute)}: #{$value};
+}
+
+/* 生成组件 css 变量 */
+@mixin set-ele-var($name, $variables) {
+  & {
+    @if map.has-key($variables, $name) {
+      @each $attribute, $value in map.get($variables, $name) {
+        @include set-ele-var-value($name, $attribute, $value);
+      }
+    }
+  }
+}
+
+/* 获取 element 的 css 变量值 */
+@function elVar($args...) {
+  @return el.getCssVar($args...);
+}
+
+/* 获取 element 的 css 变量值带默认值 */
+@function elVarDefault($args, $default) {
+  @return el.getCssVarWithDefault($args, $default);
+}
+
+/* 获取 element 的 css 变量名 */
+@function elVarName($args...) {
+  @return el.getCssVarName($args...);
+}