npm - create-m2m-bo-template-vue - Versions diffs - 1.0.7 → 1.0.9 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (33) hide show

package/package.json CHANGED Viewed

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

package/template/src/components/DataGrid/DataGrid.vue CHANGED Viewed

@@ -172,7 +172,6 @@ function cellFgColor(cell: Cell): string | undefined {
 const rootRef = ref<HTMLDivElement | null>(null);
 const internalSelected = ref<Set<string | number>>(new Set());
-const autoSelectable = ref(false);
 const pageSize = ref<number | null>(null);
 const currentPage = ref(1);
 const sortColumnIndex = ref<number | null>(props.defaultSortColumn ?? null);
@@ -186,19 +185,12 @@ function handlePageSize(event: Event) {
   currentPage.value = 1;
 }
-function updateAutoSelectable() {
-  if (props.selectable !== undefined) return;
-  autoSelectable.value = Boolean(rootRef.value?.ownerDocument.querySelector('[data-excel-download]'));
-}
 onMounted(() => {
   rootRef.value?.addEventListener(DATA_GRID_PAGE_SIZE_EVENT, handlePageSize);
-  updateAutoSelectable();
 });
 onUnmounted(() => {
   rootRef.value?.removeEventListener(DATA_GRID_PAGE_SIZE_EVENT, handlePageSize);
 });
-watch(() => props.selectable, updateAutoSelectable);
 const totalPageCount = computed(() => (pageSize.value ? Math.max(1, Math.ceil(props.rows.length / pageSize.value)) : 1));
 watch(totalPageCount, (count) => {
@@ -214,7 +206,7 @@ watch(
   }
 );
-const effectiveSelectable = computed(() => props.selectable ?? autoSelectable.value);
+const effectiveSelectable = computed(() => props.selectable ?? false);
 const pageStart = computed(() => (pageSize.value ? (currentPage.value - 1) * pageSize.value : 0));
 const visibleSourceRows = computed(() => (pageSize.value ? props.rows.slice(pageStart.value, pageStart.value + pageSize.value) : props.rows));

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

@@ -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/c2c/products/UserProductModerationPage.vue CHANGED Viewed

@@ -142,6 +142,7 @@ const rows = computed<GridRow[]>(() =>
         </ResultBar>
       </div>
       <DataGrid
+        selectable
         :columns="[
           { label: '사건번호 / 접수일' },
           { label: '상품' },

package/template/src/pages/c2c/purchases/PurchaseActivityHistoryPage.vue CHANGED Viewed

@@ -120,7 +120,7 @@ const rows = computed<GridRow[]>(() =>
     </ControlArea>
     <GridArea>
       <ResultBar :count="filtered.length" unit="건" hide-size-select>
-        <PageSizeSelect :class="shared.pageSizeSelect">
+        <PageSizeSelect :class="shared.pageSizeSelect" default-value="50개씩">
           <option>50개씩</option>
           <option>100개씩</option>
         </PageSizeSelect>

package/template/src/pages/c2c/purchases/PurchaseHistoryPage.vue CHANGED Viewed

@@ -143,7 +143,7 @@ const rows = computed<GridRow[]>(() =>
     </ControlArea>
     <GridArea>
       <ResultBar :count="filtered.length" unit="건" hide-size-select>
-        <PageSizeSelect :class="shared.pageSizeSelect">
+        <PageSizeSelect :class="shared.pageSizeSelect" default-value="20개씩">
           <option>20개씩</option>
           <option>50개씩</option>
         </PageSizeSelect>

package/template/src/pages/c2c/sales/SalesActivityHistoryPage.vue CHANGED Viewed

@@ -130,7 +130,7 @@ const rows = computed<GridRow[]>(() =>
     </ControlArea>
     <GridArea>
       <ResultBar :count="filtered.length" unit="건" hide-size-select>
-        <PageSizeSelect :class="shared.pageSizeSelect">
+        <PageSizeSelect :class="shared.pageSizeSelect" default-value="50개씩">
           <option>50개씩</option>
           <option>100개씩</option>
         </PageSizeSelect>

package/template/src/pages/c2c/sales/SalesTradesPage.vue CHANGED Viewed

@@ -138,7 +138,7 @@ const rows = computed<GridRow[]>(() =>
     </ControlArea>
     <GridArea>
       <ResultBar :count="filtered.length" unit="건" hide-size-select>
-        <PageSizeSelect :class="shared.pageSizeSelect">
+        <PageSizeSelect :class="shared.pageSizeSelect" default-value="20개씩">
           <option>20개씩</option>
           <option>50개씩</option>
         </PageSizeSelect>

package/template/src/pages/c2c/sales/SellerListPage.vue CHANGED Viewed

@@ -146,7 +146,7 @@ const rows = computed<GridRow[]>(() =>
     </ControlArea>
     <GridArea>
       <ResultBar :count="filtered.length" hide-size-select>
-        <PageSizeSelect :class="shared.pageSizeSelect">
+        <PageSizeSelect :class="shared.pageSizeSelect" default-value="20개씩">
           <option>20개씩</option>
           <option>50개씩</option>
         </PageSizeSelect>

package/template/src/pages/c2c/sales/SellerProductsPage.vue CHANGED Viewed

@@ -147,7 +147,7 @@ const rows = computed<GridRow[]>(() =>
     </ControlArea>
     <GridArea>
       <ResultBar :count="filtered.length" unit="개" hide-size-select>
-        <PageSizeSelect :class="shared.pageSizeSelect">
+        <PageSizeSelect :class="shared.pageSizeSelect" default-value="20개씩">
           <option>20개씩</option>
           <option>50개씩</option>
         </PageSizeSelect>

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

@@ -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/common/ModulePlaceholderPage.vue CHANGED Viewed

@@ -389,7 +389,7 @@ function downloadAnalytics() {
         <span :class="styles.resultLabel">총 {{ filtered.length }}건</span>
         <div :class="styles.resultActions">
           <ExcelDownloadButton data-grid-download @click="download" />
-          <PageSizeSelect :class="styles.pageSizeSelect">
+          <PageSizeSelect :class="styles.pageSizeSelect" default-value="20개씩">
             <option>20개씩</option>
             <option>50개씩</option>
           </PageSizeSelect>

package/template/src/pages/cs/AdminMemosPage.vue CHANGED Viewed

@@ -396,7 +396,7 @@ function handleBulkFollowUpAssignee(event: Event) {
         <span :class="shared.resultLabel">총 {{ filtered.length }}건</span>
         <div :class="shared.resultActions">
           <ExcelDownloadButton @click="modal = 'download'" />
-          <PageSizeSelect :class="shared.pageSizeSelect">
+          <PageSizeSelect :class="shared.pageSizeSelect" default-value="20개씩">
             <option>20개씩</option>
             <option>50개씩</option>
           </PageSizeSelect>

package/template/src/pages/cs/CsInquiriesPage.vue CHANGED Viewed

@@ -378,7 +378,7 @@ const metrics = computed(() => [
         <span :class="shared.resultLabel">총 {{ filtered.length }}건</span>
         <div :class="shared.resultActions">
           <ExcelDownloadButton @click="download(filtered)" />
-          <PageSizeSelect :class="shared.pageSizeSelect">
+          <PageSizeSelect :class="shared.pageSizeSelect" default-value="20개씩">
             <option>20개씩</option>
             <option>50개씩</option>
           </PageSizeSelect>

package/template/src/pages/cs/ResponseTemplatesPage.vue CHANGED Viewed

@@ -367,7 +367,7 @@ function handleBulkStatusChange(event: Event) {
         <span :class="shared.resultLabel">총 {{ filtered.length }}건</span>
         <div :class="shared.resultActions">
           <ExcelDownloadButton @click="download(filtered)" />
-          <PageSizeSelect :class="shared.pageSizeSelect">
+          <PageSizeSelect :class="shared.pageSizeSelect" default-value="20개씩">
             <option>20개씩</option>
             <option>50개씩</option>
           </PageSizeSelect>

package/template/src/pages/inventory/InboundManagementPage.vue CHANGED Viewed

@@ -506,7 +506,7 @@ const rows = computed<GridRow[]>(() =>
         <span :class="shared.resultLabel">총 {{ filtered.length }}건 · 도착/정상/재고 반영 수량 분리</span>
         <div :class="shared.resultActions">
           <ExcelDownloadButton data-grid-download @click="download" />
-          <PageSizeSelect :class="shared.pageSizeSelect">
+          <PageSizeSelect :class="shared.pageSizeSelect" default-value="20개씩">
             <option>20개씩</option>
             <option>50개씩</option>
           </PageSizeSelect>

package/template/src/pages/inventory/InventoryAdjustmentPage.vue CHANGED Viewed

@@ -414,7 +414,7 @@ const detailRecord = computed(() => records.value.find((r) => r.id === detailId.
         <span :class="shared.resultLabel">총 {{ filtered.length }}건 · 조정 Record 기준</span>
         <div :class="shared.resultActions">
           <ExcelDownloadButton data-grid-download @click="download" />
-          <PageSizeSelect :class="shared.pageSizeSelect">
+          <PageSizeSelect :class="shared.pageSizeSelect" default-value="20개씩">
             <option>20개씩</option>
             <option>50개씩</option>
           </PageSizeSelect>

package/template/src/pages/inventory/InventoryAlertsPage.vue CHANGED Viewed

@@ -238,7 +238,7 @@ const rows = computed<GridRow[]>(() =>
         <span :class="shared.resultLabel">총 {{ filtered.length }}개 알림 대상 SKU</span>
         <div :class="shared.resultActions">
           <ExcelDownloadButton />
-          <PageSizeSelect aria-label="페이지당 표시 개수" :class="shared.pageSizeSelect">
+          <PageSizeSelect aria-label="페이지당 표시 개수" :class="shared.pageSizeSelect" default-value="20개씩">
             <option>20개씩</option>
             <option>50개씩</option>
           </PageSizeSelect>

package/template/src/pages/inventory/InventoryStatusPage.vue CHANGED Viewed

@@ -471,7 +471,7 @@ const rows = computed<GridRow[]>(() =>
         <span :class="shared.resultLabel">총 {{ filtered.length }}건 · 상품 집계</span>
         <div :class="shared.resultActions">
           <ExcelDownloadButton @click="download(filtered)" />
-          <PageSizeSelect :class="shared.pageSizeSelect">
+          <PageSizeSelect :class="shared.pageSizeSelect" default-value="20개씩">
             <option>20개씩</option>
             <option>50개씩</option>
           </PageSizeSelect>

package/template/src/pages/inventory/SafetyStockPage.vue CHANGED Viewed

@@ -215,7 +215,7 @@ const rows = computed<GridRow[]>(() =>
         <span :class="shared.resultLabel">총 {{ filtered.length }}개 SKU</span>
         <div :class="shared.resultActions">
           <ExcelDownloadButton />
-          <PageSizeSelect aria-label="페이지당 표시 개수" :class="shared.pageSizeSelect">
+          <PageSizeSelect aria-label="페이지당 표시 개수" :class="shared.pageSizeSelect" default-value="20개씩">
             <option>20개씩</option>
             <option>50개씩</option>
           </PageSizeSelect>

package/template/src/pages/inventory/StockMovementHistoryPage.vue CHANGED Viewed

@@ -309,7 +309,7 @@ const rows = computed<GridRow[]>(() =>
         <div :class="shared.resultActions">
           <span :class="styles.filterHint">수정·삭제·일괄 수량 변경 불가</span>
           <ExcelDownloadButton data-grid-download @click="exportOpen = true" />
-          <PageSizeSelect :class="shared.pageSizeSelect">
+          <PageSizeSelect :class="shared.pageSizeSelect" default-value="20개씩">
             <option>20개씩</option>
             <option>50개씩</option>
           </PageSizeSelect>

package/template/src/pages/inventory/StockOutboundManagementPage.vue CHANGED Viewed

@@ -493,7 +493,7 @@ const rows = computed<GridRow[]>(() =>
         <span :class="shared.resultLabel">총 {{ filtered.length }}건 · 재고 Transaction 기준</span>
         <div :class="shared.resultActions">
           <ExcelDownloadButton data-grid-download @click="download()" />
-          <PageSizeSelect :class="shared.pageSizeSelect">
+          <PageSizeSelect :class="shared.pageSizeSelect" default-value="20개씩">
             <option>20개씩</option>
             <option>50개씩</option>
           </PageSizeSelect>

package/template/src/pages/logs/SecurityLogPage.vue CHANGED Viewed

@@ -196,7 +196,7 @@ const rows = computed<GridRow[]>(() =>
         </span>
         <div :class="shared.resultActions">
           <ExcelDownloadButton @click="download" />
-          <PageSizeSelect :class="shared.pageSizeSelect">
+          <PageSizeSelect :class="shared.pageSizeSelect" default-value="100개씩">
             <option>100개씩</option>
             <option>200개씩</option>
           </PageSizeSelect>

package/template/src/pages/notifications/NotificationDispatchPage.vue CHANGED Viewed

@@ -689,7 +689,7 @@ function closeMenu() {
         <span :class="shared.resultLabel">총 {{ filtered.length }}건</span>
         <div :class="shared.resultActions">
           <ExcelDownloadButton @click="download" />
-          <PageSizeSelect :class="shared.pageSizeSelect">
+          <PageSizeSelect :class="shared.pageSizeSelect" default-value="20개씩">
             <option>20개씩</option>
             <option>50개씩</option>
           </PageSizeSelect>

package/template/src/pages/products/MinOrderQtyPage.vue CHANGED Viewed

@@ -240,6 +240,7 @@ function confirmEnd() {
     <div :class="styles.gridWrap">
       <DataGrid
+        selectable
         :columns="columns"
         :rows="rows"
         :grid-template="GRID_TEMPLATE"

package/template/src/pages/products/PartnerPricingPage.vue CHANGED Viewed

@@ -247,6 +247,7 @@ function confirmEnd() {
     <div :class="styles.gridWrap">
       <DataGrid
+        selectable
         :columns="columns"
         :rows="rows"
         :grid-template="GRID_TEMPLATE"

package/template/src/pages/products/ProductsListPage.vue CHANGED Viewed

@@ -317,7 +317,7 @@ function confirmSale() {
             />
           </label>
           <div :class="styles.spacer" />
-          <Button type="button" variant="secondary" size="sm" class-names="detailFilterBtn">
+          <Button type="button" variant="secondary" size="sm" :class-names="styles.dashedBtn">
             <SlidersHorizontal :size="14" />
             상세 필터
           </Button>
@@ -349,6 +349,7 @@ function confirmSale() {
     <div :class="styles.gridWrap">
       <DataGrid
+        selectable
         :columns="COLUMNS"
         :rows="rows"
         :grid-template="GRID_TEMPLATE"

package/template/src/pages/products/SupplyPricePage.vue CHANGED Viewed

@@ -230,6 +230,7 @@ function confirmEnd() {
     <div :class="styles.gridWrap">
       <DataGrid
+        selectable
         :columns="COLUMNS"
         :rows="rows"
         :grid-template="GRID_TEMPLATE"

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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;
 }