vome-core 0.3.64 → 0.3.66

package/dist/admin/crud/vm-row.vue

@@ -1,55 +1,55 @@
-<template>
-  <div class="vm-crud-row">
-    <slot />
-  </div>
-</template>
-
-<script setup lang="ts">
-defineOptions({ name: 'vm-row' })
-</script>
-
-<style lang="scss" scoped>
-.vm-crud-row {
-  display: flex;
-  width: 100%;
-  min-width: 0;
-  flex-wrap: wrap;
-  align-items: center;
-  gap: 8px;
-
-  /* 筛选项为空时 vm-search 不渲染，避免占位行撑出顶部空白 */
-  &:empty {
-    display: none;
-  }
-
-  /* 包住表格的行：占满剩余高度，让表内滚动 */
-  &:has(.vm-crud-table) {
-    flex: 1;
-    min-height: 0;
-    flex-wrap: nowrap;
-    align-items: stretch;
-    overflow: hidden;
-  }
-
-  /* 分页行：取消与表格之间的 gap，使横向滚动条贴顶部分割线 */
-  &:has(.vm-crud-pagination) {
-    flex: none;
-    width: 100%;
-    margin-top: -8px;
-    gap: 0;
-
-    /* 历史写法 <vm-flex /><vm-pagination />：占位推右已改由分页自身 flex-end */
-    :deep(.vm-crud-flex) {
-      display: none;
-    }
-  }
-}
-
-/* 中窄屏工具行：刷新与操作按钮顶对齐、统一换行 */
-@media (max-width: 1280px) {
-  .vm-crud-row:has(.vm-crud-toolbar) {
-    align-items: flex-start;
-    gap: 8px;
-  }
-}
-</style>
+<template>
+  <div class="vm-crud-row">
+    <slot />
+  </div>
+</template>
+
+<script setup lang="ts">
+defineOptions({ name: 'vm-row' })
+</script>
+
+<style lang="scss" scoped>
+.vm-crud-row {
+  display: flex;
+  width: 100%;
+  min-width: 0;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px;
+
+  /* 筛选项为空时 vm-search 不渲染，避免占位行撑出顶部空白 */
+  &:empty {
+    display: none;
+  }
+
+  /* 包住表格的行：占满剩余高度，让表内滚动 */
+  &:has(.vm-crud-table) {
+    flex: 1;
+    min-height: 0;
+    flex-wrap: nowrap;
+    align-items: stretch;
+    overflow: hidden;
+  }
+
+  /* 分页行：取消与表格之间的 gap，使横向滚动条贴顶部分割线 */
+  &:has(.vm-crud-pagination) {
+    flex: none;
+    width: 100%;
+    margin-top: -8px;
+    gap: 0;
+
+    /* 历史写法 <vm-flex /><vm-pagination />：占位推右已改由分页自身 flex-end */
+    :deep(.vm-crud-flex) {
+      display: none;
+    }
+  }
+}
+
+/* 中窄屏工具行：刷新与操作按钮顶对齐、统一换行 */
+@media (max-width: 1280px) {
+  .vm-crud-row:has(.vm-crud-toolbar) {
+    align-items: flex-start;
+    gap: 8px;
+  }
+}
+</style>

package/dist/admin/crud/vm-search-key.vue

@@ -1,78 +1,78 @@
-<template>
-  <div class="vm-crud-search-key">
-    <Input
-      class="vm-crud-search-key__input"
-      :model-value="keyword"
-      :placeholder="placeholder || crudLabel('searchKey', crud.dict.label)"
-      @update:model-value="onInput"
-      @keydown.enter.prevent="search"
-    />
-    <button type="button" class="vm-crud-search-key__btn" @click="search">
-      {{ crudLabel('search', crud.dict.label) }}
-    </button>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue'
-import { useCrud } from './useCrud'
-import { crudLabel } from './style'
-
-defineOptions({ name: 'vm-search-key' })
-
-const props = defineProps<{
-  placeholder?: string
-  prop?: string
-}>()
-
-const crud = useCrud()
-const keyword = ref('')
-const field = props.prop || crud.dict.search.keyWord
-
-function onInput(v: string | number | null) {
-  keyword.value = v == null ? '' : String(v)
-}
-
-function search() {
-  crud.setParams({ [field]: keyword.value || undefined }, true)
-}
-</script>
-
-<style lang="scss" scoped>
-.vm-crud-search-key {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-
-:deep(.vm-crud-search-key__input) {
-  height: var(--vm-control-height) !important;
-  width: 200px;
-  border: 1px solid transparent !important;
-  border-radius: 12px !important;
-  background: var(--muted) !important;
-  box-shadow: none !important;
-
-  &:focus,
-  &:focus-visible {
-    border-color: var(--focus-border) !important;
-    box-shadow: none !important;
-  }
-}
-
-.vm-crud-search-key__btn {
-  height: var(--vm-control-height);
-  padding: 0 14px;
-  border: none;
-  border-radius: 12px;
-  background: var(--brand);
-  color: #fff;
-  font-size: 13px;
-  font-weight: 600;
-  cursor: pointer;
-
-  &:hover {
-    background: var(--brand-deep);
-  }
-}
-</style>
+<template>
+  <div class="vm-crud-search-key">
+    <Input
+      class="vm-crud-search-key__input"
+      :model-value="keyword"
+      :placeholder="placeholder || crudLabel('searchKey', crud.dict.label)"
+      @update:model-value="onInput"
+      @keydown.enter.prevent="search"
+    />
+    <button type="button" class="vm-crud-search-key__btn" @click="search">
+      {{ crudLabel('search', crud.dict.label) }}
+    </button>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+import { useCrud } from './useCrud'
+import { crudLabel } from './style'
+
+defineOptions({ name: 'vm-search-key' })
+
+const props = defineProps<{
+  placeholder?: string
+  prop?: string
+}>()
+
+const crud = useCrud()
+const keyword = ref('')
+const field = props.prop || crud.dict.search.keyWord
+
+function onInput(v: string | number | null) {
+  keyword.value = v == null ? '' : String(v)
+}
+
+function search() {
+  crud.setParams({ [field]: keyword.value || undefined }, true)
+}
+</script>
+
+<style lang="scss" scoped>
+.vm-crud-search-key {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+:deep(.vm-crud-search-key__input) {
+  height: var(--vm-control-height) !important;
+  width: 200px;
+  border: 1px solid transparent !important;
+  border-radius: 12px !important;
+  background: var(--muted) !important;
+  box-shadow: none !important;
+
+  &:focus,
+  &:focus-visible {
+    border-color: var(--focus-border) !important;
+    box-shadow: none !important;
+  }
+}
+
+.vm-crud-search-key__btn {
+  height: var(--vm-control-height);
+  padding: 0 14px;
+  border: none;
+  border-radius: 12px;
+  background: var(--brand);
+  color: #fff;
+  font-size: 13px;
+  font-weight: 600;
+  cursor: pointer;
+
+  &:hover {
+    background: var(--brand-deep);
+  }
+}
+</style>