create-m2m-bo-template-vue 1.0.7 → 1.0.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-m2m-bo-template-vue",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "description": "Scaffolding CLI for the M2M back-office vue template.",
   "type": "module",
   "bin": {

package/template/src/pages/admin/AdminRolesPage.vue

@@ -520,7 +520,7 @@ function dlgBtnStyle(kind: DialogButton['kind']) {
                 v-for="[key, label] in TAB_OPTIONS"
                 :key="key"
                 type="button"
-                :variant="tab === key ? 'primary-light' : 'secondary'"
+                variant="secondary"
                 size="md"
                 :class-names="[common.button, tab === key ? common['button_primary-light'] : common.button_secondary, common.size_md, tabShared.qfBtn, tab === key ? tabShared.quickActive : '']"
                 @click="tab = key"

package/template/src/pages/cartconversion/CartConversionPage.vue

@@ -1,14 +1,9 @@
 <script setup lang="ts">
 import { computed, ref } from 'vue';
 import { useRouter } from 'vue-router';
-import { RotateCcw } from 'lucide-vue-next';
-import { Button } from 'm2m-uiux-vue/Button';
-import { Checkbox } from 'm2m-uiux-vue/Checkbox';
-import { Segmented } from 'm2m-uiux-vue/Segmented';
 import { ExcelDownloadButton } from '../../components/common';
 import { StatisticsBarChart } from '../../components/charts';
 import { downloadStatisticsReport } from '../../lib/statisticsReport';
-import DatePicker from '../../components/forms/DatePicker.vue';
 import shared from '../ops/opsShared.module.css';
 import styles from '../stats/TransactionStatsPage.module.css';
 import extra from './cartConversionExtra.module.css';
@@ -33,7 +28,6 @@ import {
   type DropoffThreshold,
   type Granularity,
   type PeriodAggregate,
-  type QuickRange,
 } from './cartConversionData';
 
 type Tab = 'overview' | 'dropoff' | 'funnel';
@@ -42,7 +36,6 @@ const TABS: [Tab, string][] = [
   ['dropoff', '이탈 분석'],
   ['funnel', '구매 퍼널'],
 ];
-const QUICK_RANGES: QuickRange[] = ['오늘', '어제', '최근 7일', '최근 30일', '이번 달', '지난 달'];
 const METRICS = ['cartUsers', 'buyUsers', 'conversionRate'] as const;
 type Metric = (typeof METRICS)[number];
 const METRIC_LABEL: Record<Metric, string> = { cartUsers: '장바구니 사용자', buyUsers: '구매 사용자', conversionRate: '전환율' };
@@ -60,17 +53,6 @@ const granularity = ref<Granularity>('일별');
 const metric = ref<Metric>('cartUsers');
 const threshold = ref<DropoffThreshold>('24시간');
 
-function applyQuick(range: QuickRange) {
-  const [s, e] = quickRangeDates(range);
-  start.value = s;
-  end.value = e;
-}
-function resetFilters() {
-  channel.value = '전체';
-  category.value = '전체';
-  applyQuick('최근 30일');
-}
-
 const agg = computed<PeriodAggregate>(() => aggregate(start.value, end.value, channel.value, category.value));
 const prevRange = computed(() => previousPeriod(start.value, end.value));
 const prevStart = computed(() => prevRange.value[0]);
@@ -97,12 +79,6 @@ const steps = computed(() => funnelSteps(agg.value));
 const prevSteps = computed(() => funnelSteps(prevAgg.value));
 const finalConv = computed(() => (steps.value[0].count ? (steps.value[steps.value.length - 1].count / steps.value[0].count) * 100 : 0));
 const prevFinalConv = computed(() => (prevSteps.value[0].count ? (prevSteps.value[prevSteps.value.length - 1].count / prevSteps.value[0].count) * 100 : 0));
-const activeQuickRange = computed(() =>
-  QUICK_RANGES.find((range) => {
-    const [rangeStart, rangeEnd] = quickRangeDates(range);
-    return rangeStart === start.value && rangeEnd === end.value;
-  })
-);
 
 function deltaClass(deltaValue: number | undefined, positiveIsBad?: boolean) {
   if (deltaValue == null) return undefined;

package/template/src/pages/system/CommonCodesPage.vue

@@ -87,7 +87,7 @@ function toggleStatus() {
             v-for="status in QUICK_STATUSES"
             :key="status"
             type="button"
-            :variant="quick === status ? 'primary-light' : 'secondary'"
+            variant="secondary"
             size="md"
             :class-names="[common.button, quick === status ? common['button_primary-light'] : common.button_secondary, common.size_md, shared.qfBtn, quick === status ? shared.quickActive : '']"
             @click="quick = status"

package/template/src/pages/system/IntegrationManagementPage.vue

@@ -87,7 +87,7 @@ function toggleStatus() {
             v-for="status in QUICK_STATUSES"
             :key="status"
             type="button"
-            :variant="quick === status ? 'primary-light' : 'secondary'"
+            variant="secondary"
             size="md"
             :class-names="[common.button, quick === status ? common['button_primary-light'] : common.button_secondary, common.size_md, shared.qfBtn, quick === status ? shared.quickActive : '']"
             @click="quick = status"

package/template/src/pages/system/JobManagementPage.vue

@@ -87,7 +87,7 @@ function toggleStatus() {
             v-for="status in QUICK_STATUSES"
             :key="status"
             type="button"
-            :variant="quick === status ? 'primary-light' : 'secondary'"
+            variant="secondary"
             size="md"
             :class-names="[common.button, quick === status ? common['button_primary-light'] : common.button_secondary, common.size_md, shared.qfBtn, quick === status ? shared.quickActive : '']"
             @click="quick = status"

package/template/src/pages/system/ServiceSettingsPage.vue

@@ -87,7 +87,7 @@ function toggleStatus() {
             v-for="status in QUICK_STATUSES"
             :key="status"
             type="button"
-            :variant="quick === status ? 'primary-light' : 'secondary'"
+            variant="secondary"
             size="md"
             :class-names="[common.button, quick === status ? common['button_primary-light'] : common.button_secondary, common.size_md, shared.qfBtn, quick === status ? shared.quickActive : '']"
             @click="quick = status"

package/template/src/style.css

@@ -386,6 +386,25 @@ html[data-theme='dark'] {
     field-sizing: content;
   }
 
+  /* SearchField 내부 input의 테두리/배경/반경을 리셋하여 외부 컨테이너 테두리와 겹쳐 두 줄로 보이는 현상 완벽 방지 */
+  :where(
+      [class*="SearchField"],
+      [class*="searchField"],
+      [class*="field"],
+      [class*="control"]
+    )
+    input {
+    border: 0 !important;
+    border-radius: 0 !important;
+    outline: none !important;
+    box-shadow: none !important;
+    background: transparent !important;
+    width: 100% !important;
+    max-width: none !important;
+    height: 100% !important;
+    padding: 0 62px 0 10px !important;
+  }
+
   /* searchRow / filterRow1 내부의 form 태그도 flex 정렬 보장 */
   :where(
       [class*="filterBox"],
@@ -1133,7 +1152,7 @@ html[data-theme='dark'] {
 
 html,
 body,
-#app {
+#root {
   height: 100%;
   overflow: hidden;
 }