@gx-design-vue/create-gx-cli 0.1.9 → 0.1.11

package/template-gx-design-thin/src/core/ant-design/index.ts

@@ -0,0 +1,10 @@
+import { message } from 'ant-design-vue'
+
+const antDesign = () => {
+  message.config({
+    duration: 2,
+    maxCount: 1
+  })
+}
+
+export default antDesign

package/template-gx-design-thin/src/core/gx-admin-design/index.ts

@@ -0,0 +1,6 @@
+import Spin from '@/components/GlobalLayout/Spin'
+
+const gxAdminDesign = (app) => {
+  app.component('g-spin', Spin)
+}
+export default gxAdminDesign

package/template-gx-design-thin/src/core/gx-design/index.ts

@@ -0,0 +1,6 @@
+import { GScrollbars } from '@gx-design-vue/scrollbar'
+
+const gxDesign = (app) => {
+  app.component('g-scrollbars', GScrollbars)
+}
+export default gxDesign

package/template-gx-design-thin/src/core/gx-pro-design/index.ts

@@ -0,0 +1,8 @@
+import type { App } from 'vue'
+
+import { PageContainer } from '@gx-design-vue/pro-layout'
+
+const gxProDesign = (app: App) => {
+  app.component('g-pro-page-container', PageContainer)
+}
+export default gxProDesign

package/template-gx-design-thin/src/core/index.ts

@@ -0,0 +1,84 @@
+import dayjs from 'dayjs'
+import relativeTime from 'dayjs/plugin/relativeTime'
+import weekOfYear from 'dayjs/plugin/weekOfYear'
+import advancedFormat from 'dayjs/plugin/advancedFormat'
+
+import antDesign from './ant-design'
+import gxDesign from './gx-design'
+import gxProDesign from './gx-pro-design'
+
+import gxAdminDesign from './gx-admin-design'
+
+dayjs.locale({
+  name: 'zh-cn',
+  weekdays: '星期日_星期一_星期二_星期三_星期四_星期五_星期六'.split('_'),
+  weekdaysShort: '周日_周一_周二_周三_周四_周五_周六'.split('_'),
+  weekdaysMin: '日_一_二_三_四_五_六'.split('_'),
+  months: '一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月'.split('_'),
+  monthsShort: '1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月'.split('_'),
+  // @ts-ignore
+  ordinal: (number, period) => {
+    switch (period) {
+      case 'W':
+        return `${number}周`
+      default:
+        return `${number}日`
+    }
+  },
+  weekStart: 1,
+  yearStart: 4,
+  formats: {
+    LT: 'HH:mm',
+    LTS: 'HH:mm:ss',
+    L: 'YYYY/MM/DD',
+    LL: 'YYYY年M月D日',
+    LLL: 'YYYY年M月D日Ah点mm分',
+    LLLL: 'YYYY年M月D日ddddAh点mm分',
+    l: 'YYYY/M/D',
+    ll: 'YYYY年M月D日',
+    lll: 'YYYY年M月D日 HH:mm',
+    llll: 'YYYY年M月D日dddd HH:mm'
+  } as any,
+  relativeTime: {
+    future: '%s内',
+    past: '%s前',
+    s: '几秒',
+    m: '1 分钟',
+    mm: '%d 分钟',
+    h: '1 小时',
+    hh: '%d 小时',
+    d: '1 天',
+    dd: '%d 天',
+    M: '1 个月',
+    MM: '%d 个月',
+    y: '1 年',
+    yy: '%d 年'
+  },
+  meridiem: (hour, minute) => {
+    const hm = (hour * 100) + minute
+    if (hm < 600) {
+      return '凌晨'
+    } else if (hm < 900) {
+      return '早上'
+    } else if (hm < 1100) {
+      return '上午'
+    } else if (hm < 1300) {
+      return '中午'
+    } else if (hm < 1800) {
+      return '下午'
+    }
+    return '晚上'
+  }
+})
+dayjs.extend(relativeTime)
+dayjs.extend(weekOfYear)
+dayjs.extend(advancedFormat)
+
+export function setupGlobCommon(app) {
+  // design
+  antDesign()
+  // gx-design
+  gxDesign(app)
+  gxProDesign(app)
+  gxAdminDesign(app)
+}

package/template-gx-design-thin/src/design/ant-design/index.less

@@ -0,0 +1,4 @@
+@import './layout';
+@import './menu';
+@import './spin';
+@import './tooltip';

package/template-gx-design-thin/src/design/ant-design/layout.less

@@ -0,0 +1,22 @@
+html {
+  body {
+    .ant-layout-sider {
+      .ant-layout-sider-children {
+        &::-webkit-scrollbar {
+          width: 6px;
+          height: 6px;
+        }
+
+        &::-webkit-scrollbar-thumb {
+          border-radius: 3px;
+          background: rgba(0, 0, 0, 0.12);
+        }
+
+        &::-webkit-scrollbar-track {
+          border-radius: 3px;
+          background: hsla(0, 0%, 100%, 0.15);
+        }
+      }
+    }
+  }
+}

package/template-gx-design-thin/src/design/ant-design/menu.less

@@ -0,0 +1,48 @@
+html {
+  body {
+    .ant-menu-item .anticon,
+    .ant-menu-submenu-title .anticon {
+      margin-right: 10px !important;
+    }
+
+    .ant-menu-item .customimg,
+    .ant-menu-submenu-title .customimg {
+      width: 14px;
+      min-width: 14px;
+      margin-right: 8px !important;
+      transition: margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+    }
+
+    .ant-menu-submenu-title {
+      [class*='ri'] {
+        min-width: 16px;
+        margin-right: 8px !important;
+        transition: font-size 0.15s cubic-bezier(0.215, 0.61, 0.355, 1),
+          margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+        font-size: 16px;
+        vertical-align: bottom;
+      }
+    }
+
+    .ant-menu-inline-collapsed {
+      .ant-menu-submenu-title {
+        [class*='ri'] {
+          margin-right: 16px !important;
+        }
+
+        [class*='iconfont'] {
+          margin-right: 18px !important;
+        }
+      }
+    }
+    
+    .ant-menu .ant-menu-item .ant-menu-item-icon.customicon {
+      min-width: 14px;
+      margin-right: 8px !important;
+      transition: font-size 0.15s cubic-bezier(0.215, 0.61, 0.355, 1),
+      margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+      font-size: 14px;
+      vertical-align: unset;
+    }
+  }
+}

package/template-gx-design-thin/src/design/ant-design/spin.less

@@ -0,0 +1,23 @@
+.gx-admin-spin.gx-jiazaizhong {
+  display: inline-block;
+  width: auto;
+  height: auto;
+  animation: loading-circle 1s infinite linear;
+  color: inherit;
+  line-height: 0;
+  text-align: center;
+  text-rendering: optimizelegibility;
+  text-transform: none;
+  vertical-align: -0.125em;
+  --at-apply: text-30px;
+}
+
+.ant-spin-spinning .ant-spin-text {
+  margin-top: 10px;
+}
+
+@keyframes loading-circle {
+  100% {
+    transform: rotate(360deg);
+  }
+}

package/template-gx-design-thin/src/design/ant-design/tooltip.less

@@ -0,0 +1,7 @@
+html {
+  body {
+    .ant-tooltip-inner a {
+      color: #fff;
+    }
+  }
+}

package/template-gx-design-thin/src/design/color.less

@@ -0,0 +1 @@
+/* 文字颜色相关 */

package/template-gx-design-thin/src/design/config.less

@@ -0,0 +1,5 @@
+@import (reference) 'color.less';
+@import (reference) 'mixin.less';
+
+@gx-prefix: gx;
+@gx-prefix-pro: ~'@{gx-prefix}-pro';

package/template-gx-design-thin/src/design/imageEditor.less

@@ -0,0 +1,180 @@
+body {
+  .SfxPopper-wrapper {
+    z-index: 2001;
+  }
+  
+  .FIE_topbar-reset-button {
+    display: none !important;
+  }
+  
+  .FIE_tools-bar-wrapper {
+    display: flex !important;
+    flex-direction: column !important;
+    align-items: center !important;
+    justify-content: center !important;
+  }
+  
+  .FIE_image-tool-options {
+    gap: unset !important;
+  }
+  
+  .FIE_text-tool-options svg {
+    width: 14px !important;
+    height: 14px !important;
+  }
+  
+  .FIE_text-font-family-option, .FIE_text-size-option {
+    height: 28px !important;
+  }
+  
+  .FIE_text-size-option {
+    padding: 6px 12px !important;
+  }
+  
+  .FIE_color-picker-triggerer {
+    width: 28px !important;
+    height: 28px !important;
+  }
+  
+  .FIE_canvas-container {
+    padding-top: 0 !important;
+    padding-bottom: 0 !important;
+  }
+  
+  .FIE_topbar {
+    padding: 0 !important;
+    border-bottom: unset !important;
+  }
+  
+  .FIE_canvas-node {
+    background: unset !important;
+  }
+  
+  .FIE_tabs {
+    padding-left: 0;
+    padding-right: 0;
+    padding-bottom: 0;
+    box-shadow: unset !important;
+  }
+  
+  .FIE_tools-bar {
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+  
+  .FIE_text-tool-options {
+    margin-top: 0;
+    padding: 0;
+  }
+  
+  .FIE_image-tool-options .FIE_image-tool-add-option-wrapper {
+    margin-right: 8px;
+  }
+  
+  .FIE_topbar-buttons-wrapper, .FIE_topbar-save-wrapper, .FIE_rect-tool-button, .FIE_ellipse-tool-button, .FIE_polygon-tool-button, .FIE_pen-tool-button, .FIE_line-tool-button, .FIE_arrow-tool-button {
+    display: none !important;
+  }
+  
+  .FIE_tools-wrapper {
+    min-width: unset !important;
+  }
+  
+  .FIE_text-tool-button[aria-selected="true"], .FIE_text-tool-button:hover, .FIE_image-tool-button:hover, .FIE_tab:hover, .FIE_image-tool-button[aria-selected="true"], .FIE_tab[aria-selected="true"], .FIE_crop-tool[aria-selected="true"], .FIE_crop-tool:hover, .FIE_rotate-tool-button[aria-selected="true"], .FIE_rotate-tool-button:hover, .FIE_flip-x-tool-button[aria-selected="true"], .FIE_flip-x-tool-button:hover, .FIE_flip-y-tool-button[aria-selected="true"], .FIE_flip-y-tool-button:hover, .FIE_rotate_button_left:hover, .FIE_rotate_button_right:hover {
+    //background: var(--gx-primary-color) !important;
+    //opacity: .2;
+  }
+  
+  .FIE_crop-tool[aria-selected="true"] {
+    gap: unset !important;
+  }
+  
+  .FIE_crop-tool[aria-selected="true"] svg {
+    margin-right: 6px !important;
+  }
+  
+  .public_crop_poper_menu>div>div.SfxMenuItem-wrapper:nth-child(2) {
+    display: none !important;
+  }
+  .video_crop_poper_menu>div>div.SfxMenuItem-wrapper:nth-child(1) {
+    display: none !important;
+  }
+  .video_crop_poper_menu>div>div.SfxMenuItem-wrapper:nth-child(2) {
+    display: none !important;
+  }
+  
+  .FIE_crop-presets-menu div:nth-child(4) {
+    display: none !important;
+  }
+  .FIE_crop-presets-menu div:nth-child(5) {
+    display: none !important;
+  }
+  
+  .FIE_tab:hover *, .FIE_text-tool-button:hover *, .FIE_image-tool-button:hover *, .FIE_flip-y-tool-button:hover *, .FIE_crop-tool:hover *, .FIE_flip-x-tool-button:hover *, .FIE_rotate-tool-button:hover *, .FIE_rotate_button_left:hover *, .FIE_rotate_button_right:hover * {
+    color: var(--gx-primary-color) !important;
+  }
+  
+  .FIE_text-tool-button[aria-selected="true"] *, .FIE_image-tool-button[aria-selected="true"] *, .FIE_tab[aria-selected="true"] *, .FIE_crop-tool[aria-selected="true"] *, .FIE_flip-y-tool-button[aria-selected="true"] *, .FIE_flip-x-tool-button[aria-selected="true"] *, .FIE_rotate-tool-button[aria-selected="true"] * {
+    color: var(--gx-primary-color) !important;
+  }
+  
+  .FIE_image-tool-add-option-button {
+    color: var(--gx-primary-color) !important;
+    border-color: var(--gx-primary-color) !important;
+    
+    &:hover {
+      color: #fff !important;
+      border-color: #fff !important;
+      background: var(--gx-primary-color) !important;
+    }
+    
+    &:focus {
+      color: var(--gx-primary-color) !important;
+      border-color: var(--gx-primary-color) !important;
+      background: transparent !important;
+    }
+  }
+  
+  .SfxModal-Wrapper {
+    z-index: 2001 !important;
+    
+    .SfxButton-root:last-child {
+      background: var(--gx-primary-color) !important;
+    }
+  }
+  
+  .FIE_spin {
+    background: rgb(255, 255, 255);
+    display: flex;
+    -webkit-box-align: center;
+    align-items: center;
+    -webkit-box-pack: center;
+    justify-content: center;
+    position: absolute;
+    z-index: 11111;
+    inset: 0px;
+    flex-direction: column;
+    user-select: none;
+  }
+  
+  .FIE_spin svg {
+    -webkit-transform: rotate(45deg);
+    -ms-transform: rotate(45deg);
+    transform: rotate(45deg);
+    -webkit-animation: antrotates 1.2s infinite linear;
+    animation: antrotates 1.2s infinite linear;
+  }
+}
+
+@-webkit-keyframes antrotates {
+  to {
+    -webkit-transform: rotate(405deg);
+    transform: rotate(405deg);
+  }
+}
+
+@keyframes antrotates {
+  to {
+    -webkit-transform: rotate(405deg);
+    transform: rotate(405deg);
+  }
+}

package/template-gx-design-thin/src/design/index.less

@@ -0,0 +1,95 @@
+@import './config';
+@import './mixin';
+@import './color';
+@import './imageEditor';
+@import './ant-design/index';
+@import '../assets/public_icon/index.less';
+@import '../assets/menu_font/index.less';
+
+html,
+body,
+#app {
+  height: 100%;
+  .reset();
+  
+  * {
+    box-sizing: border-box;
+  }
+}
+
+#@{gx-prefix-pro}-admin {
+  height: 100%;
+}
+
+.@{gx-prefix}-admin-page-loading {
+  .gx-admin-spin {
+    font-size: 40px;
+  }
+}
+
+.@{gx-prefix-pro}-page-container-row {
+  display: flex;
+  flex-wrap: wrap;
+  width: 100%;
+}
+
+.@{gx-prefix-pro}-page-container-content {
+  display: flex;
+  flex: auto;
+}
+
+.@{gx-prefix-pro}-page-container-extraContent {
+  display: flex;
+  flex: 0 1 auto;
+  justify-content: flex-end;
+  text-align: right;
+}
+
+.@{gx-prefix-pro}-iframe-page-main {
+  box-sizing: border-box;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  border: 0;
+  background-color: #fff;
+}
+
+.@{gx-prefix-pro}-scroll {
+  overflow: auto;
+  .scrollbar();
+}
+
+.@{gx-prefix}-image-slot {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  background: #fafafa;
+  color: #909399;
+  
+  .iconfont {
+    font-size: 24px;
+  }
+  
+  .anticon {
+    font-size: 24px;
+  }
+}
+
+.@{gx-prefix}-admin-a {
+  transition: color 0.3s;
+  cursor: pointer;
+  
+  &:hover {
+    --at-apply: text-hex-main;
+  }
+}
+
+#nprogress .bar {
+  --at-apply: bg-hex-main;
+}
+
+.clearfix {
+  .clearfix();
+}

package/template-gx-design-thin/src/design/mixin.less

@@ -0,0 +1,65 @@
+//一些less函数
+
+.scrollbar() {
+  &::-webkit-scrollbar {
+    width: 6px;
+    height: 6px;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background-color: rgba(50, 50, 50, 30%);
+    border-radius: 1em;
+  }
+
+  &::-webkit-scrollbar-track {
+    background-color: rgba(50, 50, 50, 10%);
+    border-radius: 1em;
+  }
+}
+
+.textOverflow() {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  word-break: break-all;
+  white-space: nowrap;
+}
+
+.reset() {
+  box-sizing: border-box;
+  padding: 0;
+  margin: 0;
+  font-size: 100%;
+  vertical-align: baseline;
+  border: 0;
+  outline: 0;
+}
+
+.clearfix() {
+  &::before,
+  &::after {
+    display: table;
+    content: '';
+    height: 0;
+    clear: both;
+    font-size: 0;
+    visibility: hidden;
+  }
+}
+
+.centerContent() {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  z-index: 999;
+  transform: translate(-50%, -50%);
+}
+
+.relative() {
+  position: relative;
+}
+
+.overHidden() {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}