vome-core 0.3.65 → 0.3.67

package/dist/admin/crud/components/vm-ellipsis-text.vue

@@ -1,34 +1,34 @@
-<template>
-  <span class="vm-ellipsis-text" :title="titleText">{{ text }}</span>
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue'
-
-defineOptions({ name: 'vm-ellipsis-text' })
-
-const props = defineProps<{
-  modelValue?: unknown
-  title?: string
-}>()
-
-const text = computed(() => {
-  const v = props.modelValue
-  if (v == null || v === '') return '—'
-  return String(v)
-})
-
-const titleText = computed(() => props.title ?? (text.value === '—' ? undefined : text.value))
-</script>
-
-<style lang="scss" scoped>
-.vm-ellipsis-text {
-  display: inline-block;
-  max-width: 100%;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  font-size: 12px;
-  color: var(--muted-foreground);
-}
-</style>
+<template>
+  <span class="vm-ellipsis-text" :title="titleText">{{ text }}</span>
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue'
+
+defineOptions({ name: 'vm-ellipsis-text' })
+
+const props = defineProps<{
+  modelValue?: unknown
+  title?: string
+}>()
+
+const text = computed(() => {
+  const v = props.modelValue
+  if (v == null || v === '') return '—'
+  return String(v)
+})
+
+const titleText = computed(() => props.title ?? (text.value === '—' ? undefined : text.value))
+</script>
+
+<style lang="scss" scoped>
+.vm-ellipsis-text {
+  display: inline-block;
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 12px;
+  color: var(--muted-foreground);
+}
+</style>

package/dist/admin/crud/components/vm-form-hint.vue

@@ -1,81 +1,81 @@
-<template>
-  <div class="vm-form-hint" :class="[`is-${variant}`]" role="note">
-    <span v-if="icon" class="vm-form-hint__icon" aria-hidden="true">
-      <i :class="icon" />
-    </span>
-    <span class="vm-form-hint__text">
-      <slot>{{ text }}</slot>
-    </span>
-  </div>
-</template>
-
-<script setup lang="ts">
-defineOptions({ name: 'vm-form-hint' })
-
-withDefaults(
-  defineProps<{
-    text?: string
-    variant?: 'info' | 'warn' | 'success'
-    icon?: string
-  }>(),
-  {
-    text: '',
-    variant: 'info',
-    icon: 'ri-information-line',
-  },
-)
-</script>
-
-<style lang="scss" scoped>
-.vm-form-hint {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  width: 100%;
-  margin: 0;
-  padding: 10px 12px;
-  border-radius: 10px;
-  font-size: 13px;
-  color: var(--muted-foreground);
-  background: color-mix(in srgb, var(--brand) 8%, var(--card));
-  align-self: start;
-}
-
-.vm-form-hint__icon {
-  display: flex;
-  flex-shrink: 0;
-  align-items: center;
-  justify-content: center;
-  width: 16px;
-  height: 16px;
-  color: var(--brand);
-
-  i {
-    display: block;
-    font-size: 16px;
-  }
-}
-
-.vm-form-hint__text {
-  flex: 1;
-  min-width: 0;
-}
-
-.vm-form-hint.is-warn {
-  background: color-mix(in srgb, #f59e0b 10%, var(--card));
-  color: color-mix(in srgb, var(--foreground) 72%, #d97706);
-
-  .vm-form-hint__icon {
-    color: #d97706;
-  }
-}
-
-.vm-form-hint.is-success {
-  background: var(--success-soft);
-  color: var(--success);
-
-  .vm-form-hint__icon {
-    color: var(--success);
-  }
-}
-</style>
+<template>
+  <div class="vm-form-hint" :class="[`is-${variant}`]" role="note">
+    <span v-if="icon" class="vm-form-hint__icon" aria-hidden="true">
+      <i :class="icon" />
+    </span>
+    <span class="vm-form-hint__text">
+      <slot>{{ text }}</slot>
+    </span>
+  </div>
+</template>
+
+<script setup lang="ts">
+defineOptions({ name: 'vm-form-hint' })
+
+withDefaults(
+  defineProps<{
+    text?: string
+    variant?: 'info' | 'warn' | 'success'
+    icon?: string
+  }>(),
+  {
+    text: '',
+    variant: 'info',
+    icon: 'ri-information-line',
+  },
+)
+</script>
+
+<style lang="scss" scoped>
+.vm-form-hint {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  width: 100%;
+  margin: 0;
+  padding: 10px 12px;
+  border-radius: 10px;
+  font-size: 13px;
+  color: var(--muted-foreground);
+  background: color-mix(in srgb, var(--brand) 8%, var(--card));
+  align-self: start;
+}
+
+.vm-form-hint__icon {
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  width: 16px;
+  height: 16px;
+  color: var(--brand);
+
+  i {
+    display: block;
+    font-size: 16px;
+  }
+}
+
+.vm-form-hint__text {
+  flex: 1;
+  min-width: 0;
+}
+
+.vm-form-hint.is-warn {
+  background: color-mix(in srgb, #f59e0b 10%, var(--card));
+  color: color-mix(in srgb, var(--foreground) 72%, #d97706);
+
+  .vm-form-hint__icon {
+    color: #d97706;
+  }
+}
+
+.vm-form-hint.is-success {
+  background: var(--success-soft);
+  color: var(--success);
+
+  .vm-form-hint__icon {
+    color: var(--success);
+  }
+}
+</style>

package/dist/admin/crud/components/vm-json-code.vue

@@ -1,41 +1,41 @@
-<template>
-  <pre class="vm-json-code vm-scroll">{{ body }}</pre>
-</template>
-
-<script setup lang="ts">
-import { crudLabel } from '../style'
-import { computed } from 'vue'
-import { prettyJson } from '../../lib/json'
-
-defineOptions({ name: 'vm-json-code' })
-
-const props = withDefaults(
-  defineProps<{
-    modelValue?: unknown
-    empty?: string
-  }>(),
-  {
-    empty: undefined,
-  },
-)
-
-const body = computed(() => prettyJson(props.modelValue, props.empty ?? crudLabel('jsonEmpty')))
-</script>
-
-<style lang="scss" scoped>
-.vm-json-code {
-  flex: 1;
-  margin: 0;
-  min-height: 0;
-  overflow: auto;
-  padding: 16px 22px;
-  border-radius: var(--radius);
-  background: var(--muted);
-  color: var(--foreground);
-  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
-  font-size: 12px;
-  line-height: 1.55;
-  white-space: pre-wrap;
-  word-break: break-word;
-}
-</style>
+<template>
+  <pre class="vm-json-code vm-scroll">{{ body }}</pre>
+</template>
+
+<script setup lang="ts">
+import { crudLabel } from '../style'
+import { computed } from 'vue'
+import { prettyJson } from '../../lib/json'
+
+defineOptions({ name: 'vm-json-code' })
+
+const props = withDefaults(
+  defineProps<{
+    modelValue?: unknown
+    empty?: string
+  }>(),
+  {
+    empty: undefined,
+  },
+)
+
+const body = computed(() => prettyJson(props.modelValue, props.empty ?? crudLabel('jsonEmpty')))
+</script>
+
+<style lang="scss" scoped>
+.vm-json-code {
+  flex: 1;
+  margin: 0;
+  min-height: 0;
+  overflow: auto;
+  padding: 16px 22px;
+  border-radius: var(--radius);
+  background: var(--muted);
+  color: var(--foreground);
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+  font-size: 12px;
+  line-height: 1.55;
+  white-space: pre-wrap;
+  word-break: break-word;
+}
+</style>

package/dist/admin/crud/components/vm-json-editor.vue

@@ -1,161 +1,161 @@
-<template>
-  <div class="vm-json-editor" :class="{ 'is-fill': fill }">
-    <textarea
-      class="vm-json-editor__input vm-scroll"
-      :class="{ 'is-error': Boolean(error) }"
-      :value="inner"
-      :disabled="disabled"
-      :placeholder="placeholder ?? crudLabel('jsonPlaceholder')"
-      :rows="fill ? undefined : rows"
-      @input="onInput"
-      @blur="validate"
-    />
-    <p v-if="error" class="vm-json-editor__error">{{ error }}</p>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { crudLabel } from '../style'
-import { ref, watch } from 'vue'
-import { parseJsonInput, prettyJson, textOfJson } from '../../lib/json'
-
-defineOptions({ name: 'vm-json-editor' })
-
-const props = withDefaults(
-  defineProps<{
-    modelValue?: unknown
-    placeholder?: string
-    rows?: number
-    disabled?: boolean
-    /** blur 时自动格式化 */
-    formatOnBlur?: boolean
-    /** 在 flex 布局中铺满剩余高度 */
-    fill?: boolean
-  }>(),
-  {
-    placeholder: undefined,
-    rows: 8,
-    formatOnBlur: true,
-    fill: false,
-  },
-)
-
-const emit = defineEmits<{
-  'update:modelValue': [v: unknown]
-  change: [v: unknown]
-  error: [msg: string]
-}>()
-
-const inner = ref('')
-const error = ref('')
-/** 流式写入时跳过 modelValue 回写覆盖 */
-const streaming = ref(false)
-
-function syncFromModel() {
-  if (streaming.value) return
-  inner.value = prettyJson(props.modelValue, '')
-  error.value = ''
-}
-
-watch(
-  () => props.modelValue,
-  () => syncFromModel(),
-  { immediate: true },
-)
-
-function onInput(e: Event) {
-  inner.value = (e.target as HTMLTextAreaElement).value
-  error.value = ''
-}
-
-function validate() {
-  if (streaming.value) return
-  const parsed = parseJsonInput(inner.value)
-  if (!parsed.ok) {
-    error.value = parsed.error
-    emit('error', parsed.error)
-    return
-  }
-  if (props.formatOnBlur) {
-    inner.value = prettyJson(parsed.value, '')
-  }
-  error.value = ''
-  emit('update:modelValue', parsed.value)
-  emit('change', parsed.value)
-}
-
-defineExpose({
-  validate,
-  getText: () => inner.value,
-  setText: (v: unknown) => {
-    inner.value = typeof v === 'string' ? v : textOfJson(v)
-    error.value = ''
-  },
-  beginStream: () => {
-    streaming.value = true
-    error.value = ''
-  },
-  endStream: () => {
-    streaming.value = false
-  },
-})
-</script>
-
-<style lang="scss" scoped>
-.vm-json-editor {
-  display: grid;
-  gap: 6px;
-  min-width: 0;
-
-  &.is-fill {
-    flex: 1 1 auto;
-    min-height: 0;
-    display: flex;
-    flex-direction: column;
-  }
-}
-
-.vm-json-editor__input {
-  width: 100%;
-  min-height: 72px;
-  padding: 8px var(--vm-control-padding-x, 12px);
-  border: 1px solid var(--input, var(--border));
-  border-radius: var(--vm-control-radius);
-  background: var(--muted);
-  color: var(--foreground);
-  font-family: inherit;
-  font-size: 14px;
-  line-height: 1.5;
-  resize: vertical;
-  outline: none;
-  transition: border-color 0.15s ease;
-
-  .is-fill & {
-    flex: 1 1 auto;
-    min-height: 0;
-    height: 100%;
-    resize: none;
-  }
-
-  &:focus,
-  &:focus-visible {
-    border-color: var(--focus-border, var(--brand));
-    box-shadow: none;
-  }
-
-  &.is-error {
-    border-color: var(--danger, var(--destructive));
-  }
-
-  &:disabled {
-    opacity: 0.6;
-    cursor: not-allowed;
-  }
-}
-
-.vm-json-editor__error {
-  margin: 0;
-  font-size: 12px;
-  color: var(--danger);
-}
-</style>
+<template>
+  <div class="vm-json-editor" :class="{ 'is-fill': fill }">
+    <textarea
+      class="vm-json-editor__input vm-scroll"
+      :class="{ 'is-error': Boolean(error) }"
+      :value="inner"
+      :disabled="disabled"
+      :placeholder="placeholder ?? crudLabel('jsonPlaceholder')"
+      :rows="fill ? undefined : rows"
+      @input="onInput"
+      @blur="validate"
+    />
+    <p v-if="error" class="vm-json-editor__error">{{ error }}</p>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { crudLabel } from '../style'
+import { ref, watch } from 'vue'
+import { parseJsonInput, prettyJson, textOfJson } from '../../lib/json'
+
+defineOptions({ name: 'vm-json-editor' })
+
+const props = withDefaults(
+  defineProps<{
+    modelValue?: unknown
+    placeholder?: string
+    rows?: number
+    disabled?: boolean
+    /** blur 时自动格式化 */
+    formatOnBlur?: boolean
+    /** 在 flex 布局中铺满剩余高度 */
+    fill?: boolean
+  }>(),
+  {
+    placeholder: undefined,
+    rows: 8,
+    formatOnBlur: true,
+    fill: false,
+  },
+)
+
+const emit = defineEmits<{
+  'update:modelValue': [v: unknown]
+  change: [v: unknown]
+  error: [msg: string]
+}>()
+
+const inner = ref('')
+const error = ref('')
+/** 流式写入时跳过 modelValue 回写覆盖 */
+const streaming = ref(false)
+
+function syncFromModel() {
+  if (streaming.value) return
+  inner.value = prettyJson(props.modelValue, '')
+  error.value = ''
+}
+
+watch(
+  () => props.modelValue,
+  () => syncFromModel(),
+  { immediate: true },
+)
+
+function onInput(e: Event) {
+  inner.value = (e.target as HTMLTextAreaElement).value
+  error.value = ''
+}
+
+function validate() {
+  if (streaming.value) return
+  const parsed = parseJsonInput(inner.value)
+  if (!parsed.ok) {
+    error.value = parsed.error
+    emit('error', parsed.error)
+    return
+  }
+  if (props.formatOnBlur) {
+    inner.value = prettyJson(parsed.value, '')
+  }
+  error.value = ''
+  emit('update:modelValue', parsed.value)
+  emit('change', parsed.value)
+}
+
+defineExpose({
+  validate,
+  getText: () => inner.value,
+  setText: (v: unknown) => {
+    inner.value = typeof v === 'string' ? v : textOfJson(v)
+    error.value = ''
+  },
+  beginStream: () => {
+    streaming.value = true
+    error.value = ''
+  },
+  endStream: () => {
+    streaming.value = false
+  },
+})
+</script>
+
+<style lang="scss" scoped>
+.vm-json-editor {
+  display: grid;
+  gap: 6px;
+  min-width: 0;
+
+  &.is-fill {
+    flex: 1 1 auto;
+    min-height: 0;
+    display: flex;
+    flex-direction: column;
+  }
+}
+
+.vm-json-editor__input {
+  width: 100%;
+  min-height: 72px;
+  padding: 8px var(--vm-control-padding-x, 12px);
+  border: 1px solid var(--input, var(--border));
+  border-radius: var(--vm-control-radius);
+  background: var(--muted);
+  color: var(--foreground);
+  font-family: inherit;
+  font-size: 14px;
+  line-height: 1.5;
+  resize: vertical;
+  outline: none;
+  transition: border-color 0.15s ease;
+
+  .is-fill & {
+    flex: 1 1 auto;
+    min-height: 0;
+    height: 100%;
+    resize: none;
+  }
+
+  &:focus,
+  &:focus-visible {
+    border-color: var(--focus-border, var(--brand));
+    box-shadow: none;
+  }
+
+  &.is-error {
+    border-color: var(--danger, var(--destructive));
+  }
+
+  &:disabled {
+    opacity: 0.6;
+    cursor: not-allowed;
+  }
+}
+
+.vm-json-editor__error {
+  margin: 0;
+  font-size: 12px;
+  color: var(--danger);
+}
+</style>