vite-uni-dev-tool 1.1.0 → 1.2.0

package/dist/v3/components/FilterSelect/index.vue

@@ -1,179 +1,179 @@
-<template>
-  <view class="filter-select-wrapper" :style="customStyle">
-    <view
-      v-if="readonly"
-      :class="`filter-select ${!modelValue ? 'filter-select-placeholder' : ''}`"
-      @click="onOpenList"
-    >
-      {{ label ?? (placeholder || '请选择') }}
-    </view>
-    <input
-      v-else
-      class="filter-select"
-      :value="label"
-      :placeholder="placeholder || '请选择'"
-      @input="debounceInput"
-      @confirm="onInput"
-      @focus="onOpenList"
-    />
-    <view
-      class="filter-select-clear"
-      v-if="allowClear && modelValue"
-      @click.stop="onClear"
-    >
-      ×
-    </view>
-
-    <AppTransition
-      :show="isActive"
-      name="fade"
-      :duration="200"
-      :showContainer="false"
-      customStyle="position: absolute; top: 100%; left: 0; width: 100%; z-index: 10000;"
-    >
-      <view class="filter-select-list">
-        <view
-          v-for="item in options"
-          :key="item.value"
-          :class="`filter-select-item ${
-            item.value === modelValue ? 'filter-select-item-active' : ''
-          }`"
-          @click.stop="onSelect(item)"
-        >
-          {{ item.label }}
-        </view>
-      </view>
-    </AppTransition>
-
-    <view
-      class="filter-select-mask"
-      v-if="isActive"
-      @click="isActive = false"
-    ></view>
-  </view>
-</template>
-<script lang="ts" setup>
-import { debounce } from '../../utils';
-import { ref, computed } from 'vue';
-import AppTransition from '../AppTransition/index.vue';
-const props = defineProps<{
-  placeholder?: string;
-  modelValue?: string;
-  readonly?: boolean;
-  allowClear?: boolean;
-  options?: { label: string; value: any }[];
-  customStyle?: Record<string, any> | string;
-}>();
-const emit = defineEmits<{
-  (e: 'update:modelValue', value: string): void;
-  (e: 'search', value: string): void;
-  (e: 'openSearch', value: boolean): void;
-  (e: 'change', value: { label: string; value: any }): void;
-}>();
-
-const isActive = ref(false);
-
-const label = computed(() => {
-  return (
-    props.options?.find((item) => item.value === props.modelValue)?.label ??
-    props.modelValue
-  );
-});
-
-function onInput(e: any) {
-  const value = e.detail?.value ?? e.target?.value;
-  emit('update:modelValue', value);
-  emit('search', value);
-}
-
-function onClear() {
-  emit('update:modelValue', '');
-  emit('search', '');
-}
-
-const debounceInput = debounce(onInput, 500);
-
-function onOpenList() {
-  isActive.value = true;
-}
-
-function onSelect(item: { label: string; value: any }) {
-  emit('change', item);
-  isActive.value = false;
-}
-</script>
-<style scoped>
-.filter-select-wrapper {
-  position: relative;
-  flex: 1;
-  display: flex;
-  align-items: center;
-  padding: 0 8px;
-  width: 100%;
-  min-width: 100px;
-  height: 24px;
-  border-radius: 4px;
-  border: 1px solid var(--dev-tool-border-color);
-  background-color: var(--dev-tool-bg-color);
-  transition: background-color 0.3s;
-  box-sizing: border-box;
-}
-
-.filter-select {
-  flex: 1;
-  box-shadow: none;
-  box-sizing: border-box;
-  font: unset;
-  border-radius: 5px;
-  font-family: inherit;
-  color: var(--dev-tool-text-color);
-  font-weight: 400;
-  height: 24px;
-  line-height: 24px;
-  transition: color 0.3s;
-}
-
-.filter-select-placeholder {
-  color: var(--dev-tool-text-color-placeholder);
-}
-
-.filter-select-clear {
-  padding-left: 8px;
-}
-
-.filter-select-icon {
-  width: 24px;
-  height: 24px;
-}
-
-.filter-select-list {
-  max-height: 300px;
-  width: 100%;
-  overflow: auto;
-  background-color: var(--dev-tool-bg2-color);
-  box-shadow: 0 4px 12px rgb(0 0 0 / 15%);
-  border: 1px solid var(--dev-tool-border-color);
-  border-radius: 4px;
-  margin-top: 4px;
-}
-
-.filter-select-item {
-  width: 100%;
-  height: 24px;
-  line-height: 24px;
-  padding: 0 8px;
-}
-
-.filter-select-item-active {
-  background-color: var(--dev-tool-active-bg-color);
-}
-
-.filter-select-mask {
-  position: fixed;
-  z-index: 9005;
-  top: 0;
-  left: 0;
-  width: 100vw;
-  height: 100vh;
-}
-</style>
+<template>
+  <view class="filter-select-wrapper" :style="customStyle">
+    <view
+      v-if="readonly"
+      :class="`filter-select ${!modelValue ? 'filter-select-placeholder' : ''}`"
+      @click="onOpenList"
+    >
+      {{ label ?? (placeholder || '请选择') }}
+    </view>
+    <input
+      v-else
+      class="filter-select"
+      :value="label"
+      :placeholder="placeholder || '请选择'"
+      @input="debounceInput"
+      @confirm="onInput"
+      @focus="onOpenList"
+    />
+    <view
+      class="filter-select-clear"
+      v-if="allowClear && modelValue"
+      @click.stop="onClear"
+    >
+      ×
+    </view>
+
+    <AppTransition
+      :show="isActive"
+      name="fade"
+      :duration="200"
+      :showContainer="false"
+      customStyle="position: absolute; top: 100%; left: 0; width: 100%; z-index: 10000;"
+    >
+      <view class="filter-select-list">
+        <view
+          v-for="item in options"
+          :key="item.value"
+          :class="`filter-select-item ${
+            item.value === modelValue ? 'filter-select-item-active' : ''
+          }`"
+          @click.stop="onSelect(item)"
+        >
+          {{ item.label }}
+        </view>
+      </view>
+    </AppTransition>
+
+    <view
+      class="filter-select-mask"
+      v-if="isActive"
+      @click="isActive = false"
+    ></view>
+  </view>
+</template>
+<script lang="ts" setup>
+import { debounce } from '../../utils';
+import { ref, computed } from 'vue';
+import AppTransition from '../AppTransition/index.vue';
+const props = defineProps<{
+  placeholder?: string;
+  modelValue?: string;
+  readonly?: boolean;
+  allowClear?: boolean;
+  options?: { label: string; value: any }[];
+  customStyle?: Record<string, any> | string;
+}>();
+const emit = defineEmits<{
+  (e: 'update:modelValue', value: string): void;
+  (e: 'search', value: string): void;
+  (e: 'openSearch', value: boolean): void;
+  (e: 'change', value: { label: string; value: any }): void;
+}>();
+
+const isActive = ref(false);
+
+const label = computed(() => {
+  return (
+    props.options?.find((item) => item.value === props.modelValue)?.label ??
+    props.modelValue
+  );
+});
+
+function onInput(e: any) {
+  const value = e.detail?.value ?? e.target?.value;
+  emit('update:modelValue', value);
+  emit('search', value);
+}
+
+function onClear() {
+  emit('update:modelValue', '');
+  emit('search', '');
+}
+
+const debounceInput = debounce(onInput, 500);
+
+function onOpenList() {
+  isActive.value = true;
+}
+
+function onSelect(item: { label: string; value: any }) {
+  emit('change', item);
+  isActive.value = false;
+}
+</script>
+<style scoped>
+.filter-select-wrapper {
+  position: relative;
+  flex: 1;
+  display: flex;
+  align-items: center;
+  padding: 0 8px;
+  width: 100%;
+  min-width: 100px;
+  height: 24px;
+  border-radius: 4px;
+  border: 1px solid var(--dev-tool-border-color);
+  background-color: var(--dev-tool-bg-color);
+  transition: background-color 0.3s;
+  box-sizing: border-box;
+}
+
+.filter-select {
+  flex: 1;
+  box-shadow: none;
+  box-sizing: border-box;
+  font: unset;
+  border-radius: 5px;
+  font-family: inherit;
+  color: var(--dev-tool-text-color);
+  font-weight: 400;
+  height: 24px;
+  line-height: 24px;
+  transition: color 0.3s;
+}
+
+.filter-select-placeholder {
+  color: var(--dev-tool-text-color-placeholder);
+}
+
+.filter-select-clear {
+  padding-left: 8px;
+}
+
+.filter-select-icon {
+  width: 24px;
+  height: 24px;
+}
+
+.filter-select-list {
+  max-height: 300px;
+  width: 100%;
+  overflow: auto;
+  background-color: var(--dev-tool-bg2-color);
+  box-shadow: 0 4px 12px rgb(0 0 0 / 15%);
+  border: 1px solid var(--dev-tool-border-color);
+  border-radius: 4px;
+  margin-top: 4px;
+}
+
+.filter-select-item {
+  width: 100%;
+  height: 24px;
+  line-height: 24px;
+  padding: 0 8px;
+}
+
+.filter-select-item-active {
+  background-color: var(--dev-tool-active-bg-color);
+}
+
+.filter-select-mask {
+  position: fixed;
+  z-index: 9005;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+}
+</style>

package/dist/v3/components/JsonPretty/components/Brackets/index.vue

@@ -1,27 +1,27 @@
-<template>
-  <view class="json-pretty-tree-brackets" @click="onClick">
-    {{ data }}
-  </view>
-</template>
-<script lang="ts" setup>
-defineProps<{ data: string }>();
-const emit = defineEmits<{
-  (e: 'click', event: MouseEvent): void;
-}>();
-
-function onClick(e: MouseEvent) {
-  emit('click', e);
-}
-</script>
-<style>
-.json-pretty-tree-brackets {
-  cursor: pointer;
-}
-
-/* #ifdef H5 || APP-PLUS */
-.json-pretty-tree-brackets:hover {
-  color: var(--json-pretty-primary-color);
-}
-
-/* #endif */
-</style>
+<template>
+  <view class="json-pretty-tree-brackets" @click="onClick">
+    {{ data }}
+  </view>
+</template>
+<script lang="ts" setup>
+defineProps<{ data: string }>();
+const emit = defineEmits<{
+  (e: 'click', event: MouseEvent): void;
+}>();
+
+function onClick(e: MouseEvent) {
+  emit('click', e);
+}
+</script>
+<style>
+.json-pretty-tree-brackets {
+  cursor: pointer;
+}
+
+/* #ifdef H5 || APP-PLUS */
+.json-pretty-tree-brackets:hover {
+  color: var(--json-pretty-primary-color);
+}
+
+/* #endif */
+</style>

package/dist/v3/components/JsonPretty/components/Carets/index.vue

@@ -1,59 +1,59 @@
-<template>
-  <view
-    v-if="isOpen || isClose"
-    :class="`json-pretty-carets json-pretty-carets-${
-      isOpen ? 'open' : 'close'
-    }`"
-    @click="onClick"
-  >
-    <view class="json-pretty-caret-down"></view>
-  </view>
-</template>
-<script lang="ts" setup>
-import { computed } from 'vue';
-// import "./styles.less";
-const props = defineProps<{ nodeType: string }>();
-const emit = defineEmits<{
-  (e: 'click', event: MouseEvent): void;
-}>();
-
-const isOpen = computed(() => {
-  return props.nodeType === 'objectStart' || props.nodeType === 'arrayStart';
-});
-
-const isClose = computed(() => {
-  return (
-    props.nodeType === 'objectCollapsed' || props.nodeType === 'arrayCollapsed'
-  );
-});
-
-function onClick(e: MouseEvent) {
-  emit('click', e);
-}
-</script>
-<style>
-.json-pretty-carets {
-  position: absolute;
-  right: 0;
-  cursor: pointer;
-}
-
-/* #ifdef H5 || APP-PLUS */
-.json-pretty-carets:hover {
-  color: var(--json-pretty-primary-color);
-}
-
-/* #endif */
-
-.json-pretty-carets-close {
-  transform: rotate(-90deg);
-}
-
-.json-pretty-caret-down {
-  margin: 7px 4px;
-  border: 3px solid #000;
-  border-top-color: transparent;
-  border-left-color: transparent;
-  transform: rotate(45deg);
-}
-</style>
+<template>
+  <view
+    v-if="isOpen || isClose"
+    :class="`json-pretty-carets json-pretty-carets-${
+      isOpen ? 'open' : 'close'
+    }`"
+    @click="onClick"
+  >
+    <view class="json-pretty-caret-down"></view>
+  </view>
+</template>
+<script lang="ts" setup>
+import { computed } from 'vue';
+// import "./styles.less";
+const props = defineProps<{ nodeType: string }>();
+const emit = defineEmits<{
+  (e: 'click', event: MouseEvent): void;
+}>();
+
+const isOpen = computed(() => {
+  return props.nodeType === 'objectStart' || props.nodeType === 'arrayStart';
+});
+
+const isClose = computed(() => {
+  return (
+    props.nodeType === 'objectCollapsed' || props.nodeType === 'arrayCollapsed'
+  );
+});
+
+function onClick(e: MouseEvent) {
+  emit('click', e);
+}
+</script>
+<style>
+.json-pretty-carets {
+  position: absolute;
+  right: 0;
+  cursor: pointer;
+}
+
+/* #ifdef H5 || APP-PLUS */
+.json-pretty-carets:hover {
+  color: var(--json-pretty-primary-color);
+}
+
+/* #endif */
+
+.json-pretty-carets-close {
+  transform: rotate(-90deg);
+}
+
+.json-pretty-caret-down {
+  margin: 7px 4px;
+  border: 3px solid #000;
+  border-top-color: transparent;
+  border-left-color: transparent;
+  transform: rotate(45deg);
+}
+</style>