cc-core-cli 1.0.138 → 1.0.140

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cc-core-cli",
-  "version": "1.0.138",
+  "version": "1.0.140",
   "description": "Command Line Interface tool for generating project templates for the (Your Platform's Name) platform.",
   "main": "bin/index.js",
   "scripts": {

package/template/admin/next.config.js

@@ -1,60 +1,18 @@
 require('dotenv').config()
 
-const withPlugins = require('next-compose-plugins')
-const withLess = require('next-with-less')
-const AntdDayjsWebpackPlugin = require('antd-dayjs-webpack-plugin')
-const withPWA = require('next-pwa')
-const generateTheme = require('cc-next-dynamic-antd-theme/plugin')
-
-const prefix = '/'
-const path = require('path')
-
-
-const withAntdTheme = generateTheme({
-  antDir: path.join(__dirname, './node_modules/antd'),
-  stylesDir: path.join(__dirname, './theme'),
-  varFile: path.join(__dirname, './theme/vars.less'),
-  mainLessFile: path.join(__dirname, './theme/main.less'),
-  outputFilePath: path.join(__dirname, './.next/static/color.less')
-})
-
-const withAntd = (nextConfig = {}) => {
-  return Object.assign({}, nextConfig, {
-    onDemandEntries: {
-      maxInactiveAge: 1000 * 60 * 60,
-      pagesBufferLength: 5
-    },
-    lessLoaderOptions: {
-      javascriptEnabled: true
-    },
-    poweredByHeader: false,
-    cssModules: true,
-    cssLoaderOptions: {
-      camelCase: true,
-      localIdentName: '[local]___[hash:base64:5]',
-      getLocalIdent: (context, localIdentName, localName, options) => {
-        return localName
-      }
-    },
-  })
-}
-
-module.exports = withPlugins([
-  [withLess, {
-    lessLoaderOptions: {}
-  }],
-  withAntd,
-  withAntdTheme,
-], {
-  serverRuntimeConfig: {},
-  publicRuntimeConfig: { prefix },
-  assetPrefix: prefix,
-  // experimental: {
-  //   //largePageDataBytes: 128 * 1000, // 128KB by default
-  //   largePageDataBytes: 128 * 100000,
-  // },
-  plugins: [
-    new AntdDayjsWebpackPlugin()
+const nextConfig = {
+  reactStrictMode: true,
+  transpilePackages: [
+    'rc-util',
+    '@ant-design',
+    'kitchen-flow-editor',
+    '@ant-design/pro-editor',
+    'zustand', 'leva', 'antd',
+    'rc-pagination',
+    'rc-tree',
+    'rc-picker',
+    'ahooks',
+    'rc-table'
   ],
   generateBuildId: async () => {
     if (process.env.BUILD_ID) {
@@ -63,4 +21,6 @@ module.exports = withPlugins([
     }
     return null
   }
-})
+}
+
+module.exports = nextConfig

package/template/admin/pages/_app.js

@@ -1,9 +1,10 @@
-
-import '../public/static/styles/style.less'
-import '../public/static/styles/custom.less'
-import 'react-toastify/dist/ReactToastify.css';
+import "../public/static/styles/style.css";
+import "../public/static/styles/custom.css";
+import "../public/static/styles/custom-antd.css";
+import "react-toastify/dist/ReactToastify.css";
 import "slick-carousel/slick/slick.css";
 import "slick-carousel/slick/slick-theme.css";
+import "antd/dist/reset.css";
 
 import { CustomApp } from '@shopstack/cc-admin-lib'
 import { importCustomModules } from '@shopstack/cc-admin-lib';

package/template/admin/public/private-image-worker.js

@@ -17,5 +17,5 @@ async function modifyAPIResponse(request) {
     mode: 'same-origin',
     credentials: 'include',
   });
-  return await fetch(request)
+  return fetch(request)
 }

package/template/admin/public/static/styles/activity_log.css

@@ -0,0 +1,133 @@
+.modal-activity-log-default-profile svg {
+  width : 100px;
+  height: 100px;
+}
+
+#log_setting_form .ant-form-item-has-feedback .ant-switch {
+  margin: 0;
+}
+
+.activity-log-button {
+  color: rgb(102, 0, 255);
+}
+
+.activity-log-button.ant-btn {
+  border: 1px solid rgb(102, 0, 255);
+}
+
+.activity-log-button.ant-btn:hover,
+.activity-log-button.ant-btn:focus {
+  border: 1px solid rgb(102, 0, 255);
+}
+
+.ant-drawer.activity-log .ant-drawer-content-wrapper {
+  width: 450px !important;
+}
+
+.ant-drawer.activity-log .ant-drawer-content-wrapper .ant-drawer-wrapper-body .ant-drawer-title .refresh svg {
+  width       : 16px;
+  height      : 16px;
+  margin-right: 0px;
+}
+
+.ant-drawer.activity-log .ant-drawer-content-wrapper .ant-drawer-wrapper-body .ant-drawer-title svg {
+  width       : 16px;
+  height      : 16px;
+  margin-right: 6px;
+}
+
+.ant-drawer.activity-log .ant-drawer-content-wrapper .ant-drawer-wrapper-body .ant-drawer-body {
+  padding: 24px 0px;
+}
+
+.ant-drawer.activity-log .ant-drawer-content-wrapper .ant-drawer-wrapper-body .ant-drawer-body .ant-divider.ant-divider-horizontal:first-child {
+  display: none;
+}
+
+.ant-drawer.activity-log .ant-drawer-content-wrapper .ant-drawer-wrapper-body .ant-drawer-body .title-date {
+  margin-bottom: 15px;
+  padding      : 0px 24px;
+}
+
+.ant-drawer.activity-log .ant-drawer-content-wrapper .ant-drawer-wrapper-body .ant-drawer-body .activity-contents {
+  margin-bottom: 3px;
+  padding      : 8px 24px;
+}
+
+.ant-drawer.activity-log .ant-drawer-content-wrapper .ant-drawer-wrapper-body .ant-drawer-body .activity-contents .left-section .image {
+  margin-right: 10px;
+  width       : 55px;
+}
+
+.ant-drawer.activity-log .ant-drawer-content-wrapper .ant-drawer-wrapper-body .ant-drawer-body .activity-contents .left-section .image .image-action {
+  text-align: center;
+  margin-top: 3px;
+}
+
+.ant-drawer.activity-log .ant-drawer-content-wrapper .ant-drawer-wrapper-body .ant-drawer-body .activity-contents .left-section .image .image-action .ant-avatar-circle {
+  width        : 38px;
+  height       : 38px;
+  margin-bottom: 4px;
+}
+
+.ant-drawer.activity-log .ant-drawer-content-wrapper .ant-drawer-wrapper-body .ant-drawer-body .activity-contents .left-section .image .image-action .anticon-user svg {
+  width : 36px;
+  height: 36px;
+}
+
+.ant-drawer.activity-log .ant-drawer-content-wrapper .ant-drawer-wrapper-body .ant-drawer-body .activity-contents .left-section .image .image-action .action {
+  font-size: 13px;
+}
+
+.ant-drawer.activity-log .ant-drawer-content-wrapper .ant-drawer-wrapper-body .ant-drawer-body .activity-contents .left-section .user-name {
+  font-weight: 500;
+  font-size  : 13px;
+}
+
+.ant-drawer.activity-log .ant-drawer-content-wrapper .ant-drawer-wrapper-body .ant-drawer-body .activity-contents .left-section .ip {
+  font-size: 10px;
+}
+
+.ant-drawer.activity-log .ant-drawer-content-wrapper .ant-drawer-wrapper-body .ant-drawer-body .activity-contents .right-section {
+  position  : relative;
+  text-align: right;
+}
+
+.ant-drawer.activity-log .ant-drawer-content-wrapper .ant-drawer-wrapper-body .ant-drawer-body .activity-contents .right-section .time {
+  font-size: 12px;
+}
+
+.ant-drawer.activity-log .ant-drawer-content-wrapper .ant-drawer-wrapper-body .ant-drawer-body .activity-contents .right-section .type-log {
+  position: absolute;
+  bottom  : 0;
+  right   : 0;
+}
+
+.ant-drawer.activity-log .ant-drawer-content-wrapper .ant-drawer-wrapper-body .ant-drawer-body .activity-contents .right-section .type-log .ant-tag {
+  margin-right: 0;
+}
+
+.ant-drawer.activity-log .ant-drawer-content-wrapper .ant-drawer-wrapper-body .ant-drawer-body .activity-contents.failed {
+  background  : #fff1f0 !important;
+  border-color: #ffa39e;
+}
+
+.ant-btn.activity-log svg {
+  width : 16px;
+  height: 16px;
+}
+
+.ant-list-split.activity-log-diff-list .ant-list-item {
+  border-bottom: none;
+  padding: 6px 0;
+}
+
+.ant-list-split.activity-log-diff-list .list-item-container {
+  display: block;
+}
+
+@media (max-width: 768px) {
+  .ant-drawer.activity-log .ant-drawer-content-wrapper {
+    width: 85% !important;
+  }
+}

package/template/admin/public/static/styles/{calendar.less → calendar.css}

@@ -4,15 +4,16 @@
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
 }
+
 .rbc-toolbar button {
-    color: @text-color;
+    color: var(--text-color);
     display: inline-block;
     margin: 0;
     text-align: center;
     vertical-align: middle;
     background: none;
     background-image: none;
-    border: 1px solid @btn-default-border;
+    border: 1px solid var(--btn-default-border);
     padding: 0.375rem 1rem;
     border-radius: 4px;
     line-height: normal;
@@ -24,29 +25,31 @@
     position: relative;
     z-index: 1;
     background-image: none;
-    box-shadow: @btn-primary-shadow;
-    background-color: @primary-color;
-    color: @primary-color;
-    background: @btn-default-bg;
-    border-color: @primary-color;
+    box-shadow: var(--btn-primary-shadow);
+    background-color: var(--primary-color);
+    color: var(--primary-color);
+    background: var(--btn-default-bg);
+    border-color: var(--primary-color);
 }
+
 .rbc-toolbar button:active:hover,
 .rbc-toolbar button:active:focus,
 .rbc-toolbar button.rbc-active:hover,
 .rbc-toolbar button.rbc-active:focus {
-    color: @radio-button-hover-color;
-    background: @radio-button-bg;
-    border-color: @radio-button-hover-color;
-    // border-color: #8c8c8c;
+    color: var(--radio-button-hover-color);
+    background: var(--radio-button-bg);
+    border-color: var(--radio-button-hover-color);
 }
+
 .rbc-toolbar button:focus {
     color: #373a3c;
-    border-color: @btn-default-border;
+    border-color: var(--btn-default-border);
 }
+
 .rbc-toolbar button:hover {
-    color: @radio-button-hover-color;
+    color: var(--radio-button-hover-color);
     background-color: transparent;
-    border-color: @btn-default-border;
+    border-color: var(--btn-default-border);
 }
 
 .rbc-header {
@@ -57,13 +60,13 @@
     text-overflow: ellipsis;
     white-space: nowrap;
     padding: 0 4px;
-    // text-align: right;
     vertical-align: middle;
     font-weight: bold;
     font-size: 90%;
     min-height: 0;
     border-bottom: 1px solid #ddd;
 }
+
 .rbc-month-row {
     display: -webkit-box;
     display: -ms-flexbox;
@@ -82,6 +85,7 @@
     height: 100%;
     border-bottom: 1px solid #ddd;
 }
+
 .rbc-header + .rbc-header {
     border-left: none;
 }
@@ -124,22 +128,76 @@
     overflow: hidden;
     height: 100%;
 }
+
 .rbc-day-bg + .rbc-day-bg {
     border-left: none;
 }
+
 .rbc-agenda-date-cell {
     border-right: 1px solid #ddd;
 }
 
-.my-rbc .rbc-time-view {
-    .rbc-label {
-        display: none;
-    }
-    .rbc-allday-cell {
-        height: calc(100vh - 98px);
-        max-height: unset;
-    }
-    .rbc-time-content {
-        display: none;
-    }
+.my-rbc .rbc-time-view .rbc-label {
+    display: none;
+}
+
+.my-rbc .rbc-time-view .rbc-allday-cell {
+    height: calc(100vh - 98px);
+    max-height: unset;
 }
+
+.my-rbc .rbc-time-view .rbc-time-content {
+    display: none;
+}
+
+.custom-rbc-main {
+    border: 1px solid #d9d9d9;
+    display: flex;
+    width: 100%;
+}
+
+.custom-rbc-list {
+    border-right: 1px solid #d9d9d9;    
+    width: 20%;
+    padding: 10px;
+}
+
+.custom-rbc-main-calndar {
+    height: 600px;
+    font-size: 10px;
+    width: 100%;
+    padding: 10px;
+}
+
+.rbc-data-source {
+    padding: 10px;
+    width: 100%;
+}
+
+.rbc-data-source-title {
+    margin-bottom: 10px;
+    flex: 1;
+    display: flex;
+    width: 100%;
+}
+
+.calendar-checkbox-checked {
+     overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    display:block;
+}
+
+.calendar-checkbox-checked .ant-checkbox-checked .ant-checkbox-inner {
+    background-color: var(--background-color);
+    border-color: var(--border-color);        
+}
+
+.calendar-checkbox-checked-text {
+    font-size: 12px;    
+    font-weight: 400;
+}
+
+.rbc-event, .rbc-day-slot .rbc-background-event {   
+    cursor: auto;    
+}

package/template/admin/public/static/styles/collections.css

@@ -0,0 +1,120 @@
+.file-collections-items {
+  padding      : 12px;
+  border       : 1px solid #d9d9d9;
+  border-radius: 4px;
+  cursor       : pointer;
+  position     : relative;
+}
+
+.file-collections-items.selected {
+  border-color: var(--primary-color) !important;
+}
+
+.file-collections-items.selected .bulk-container {
+  display: block;
+}
+
+.file-collections-items .bulk-container {
+  display : none;
+  position: absolute;
+  top     : 10px;
+  left    : 10px;
+  z-index : 2;
+}
+
+.file-collections-items .file-items {
+  display        : flex;
+  justify-content: center;
+  align-items    : center;
+  width          : 100%;
+  height         : 120px;
+}
+
+.file-collections-items .file-title-container {
+  display    : flex;
+  flex-flow  : row nowrap;
+  align-items: center;
+}
+
+.file-collections-items .file-title-container .file-name {
+  flex-grow: 2;
+  width    : 0px;
+}
+
+.file-collections-items .file-title-container .file-name .name {
+  max-width: 100%;
+}
+
+.file-collections-items .file-title-container .file-type {
+  margin-left     : 10px;
+  padding         : 2px 4px 2px 4px;
+  border-radius   : 2px;
+  background-color: rgb(242, 243, 244);
+}
+
+.file-collections-items .file-title-container .file-type .type {
+  max-width: 100%;
+  color    : rgb(158, 167, 184);
+}
+
+.file-collections-items .file-ext-size {
+  max-width: 100%;
+  color    : #707070;
+}
+
+.file-collections-items:hover {
+  border-color: #afafaf;
+}
+
+.file-collections-items:hover .bulk-container {
+  display: block;
+}
+
+.file-detail-container .file-description-container {
+  padding         : 10px 10px 4px;
+  background-color: #f7f7f7;
+  border-radius   : 2px;
+}
+
+.file-detail-container .file-description-container .ant-typography {
+  max-width: 100%;
+  font-size: 12px;
+  color    : #707070;
+}
+
+.file-preview-container {
+  display        : flex;
+  justify-content: center;
+  align-items    : center;
+  border-radius  : 2px;
+  border         : 1px solid #d9d9d9;
+  padding        : 8px;
+  width          : 100%;
+  height         : 100%;
+  max-height     : 400px;
+  position       : relative;
+}
+
+.file-preview-container .file-actions {
+  position: absolute;
+  top     : 10px;
+  right   : 10px;
+}
+
+.image-preview-container {
+  display        : flex;
+  justify-content: center;
+  align-items    : center;  
+  padding        : 8px;
+  width          : 100%;
+  height         : 100%;
+  max-height     : 400px;
+  position       : relative;
+  min-height     : 200px;
+}
+
+.image-preview-container .file-actions {
+  position: absolute;
+  top     : 10px;
+  right   : 10px;
+}