@robot-admin/naive-ui-components 0.4.3 → 0.4.4

package/dist/C_FormSearch.cjs

@@ -1,6 +1 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_C_FormSearch = require('./C_FormSearch.js');
-
-exports.C_FormSearch = require_C_FormSearch.C_FormSearch_default;
-exports.useSearchHistory = require_C_FormSearch.useSearchHistory;
-exports.useSearchState = require_C_FormSearch.useSearchState;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./C_FormSearch.js`);exports.C_FormSearch=e.t,exports.useSearchHistory=e.r,exports.useSearchState=e.n;

package/dist/C_FormSearch.js

@@ -1,3 +1 @@
-import { n as useSearchState, r as useSearchHistory, t as C_FormSearch_default } from "./C_FormSearch2.js";
-
-export { C_FormSearch_default as C_FormSearch, useSearchHistory, useSearchState };
+import{n as e,r as t,t as n}from"./C_FormSearch2.js";export{n as C_FormSearch,t as useSearchHistory,e as useSearchState};

package/dist/C_FormSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"C_FormSearch.js","names":["getItem","bordered","size"],"sources":["../src/components/C_FormSearch/composables/useSearchHistory.ts","../src/components/C_FormSearch/composables/useSearchState.ts","../src/components/C_FormSearch/index.vue","../src/components/C_FormSearch/index.vue","../src/components/C_FormSearch/index.vue"],"sourcesContent":["import { getItem, setItem } from '../../../utils/storage'\r\nimport type { Ref } from 'vue'\r\nimport type { SearchFormItem, SearchFormParams } from '../types'\r\n\r\nexport interface SearchHistoryOptions {\r\n  storageKey?: string\r\n  maxItems?: number\r\n}\r\n\r\n/**\r\n *\r\n */\r\nexport function useSearchHistory(\r\n  fields: Ref<SearchFormItem[]>,\r\n  formParams: Ref<SearchFormParams>,\r\n  options: SearchHistoryOptions = {}\r\n) {\r\n  const { storageKey, maxItems = 5 } = options\r\n  const enabled = !!storageKey\r\n\r\n  const findField = (prop: string) =>\r\n    fields.value.find(item => item.prop === prop)\r\n\r\n  const persistToStorage = () => {\r\n    if (enabled) setItem(storageKey!, fields.value)\r\n  }\r\n\r\n  const restoreFromStorage = () => {\r\n    if (!enabled) return\r\n    const stored = getItem<SearchFormItem[]>(storageKey!)\r\n    if (!stored) return\r\n    stored.forEach(storedItem => {\r\n      const field = findField(storedItem.prop)\r\n      if (field && storedItem.hisList) {\r\n        field.hisList = storedItem.hisList\r\n      }\r\n    })\r\n  }\r\n\r\n  const setAllFieldsFocus = (targetProp?: string) => {\r\n    fields.value.forEach(item => {\r\n      item.isFocus = !!(item.hisList && item.prop === targetProp)\r\n    })\r\n  }\r\n\r\n  const handleFocus = (prop: string) => {\r\n    restoreFromStorage()\r\n    setAllFieldsFocus(prop)\r\n  }\r\n\r\n  const closeAllPanels = () => setAllFieldsFocus()\r\n\r\n  const selectHistoryItem = (value: string, prop: string) => {\r\n    formParams.value[prop] = value\r\n    closeAllPanels()\r\n  }\r\n\r\n  const deleteHistoryItem = (prop: string, index: number) => {\r\n    const field = findField(prop)\r\n    if (!field?.hisList) return\r\n    field.hisList.splice(index, 1)\r\n    if (field.hisList.length === 0) field.isFocus = false\r\n    persistToStorage()\r\n  }\r\n\r\n  const clearAllHistory = (prop: string) => {\r\n    const field = findField(prop)\r\n    if (!field?.hisList) return\r\n    field.hisList = []\r\n    field.isFocus = false\r\n    persistToStorage()\r\n  }\r\n\r\n  const pushToHistoryList = (hisList: string[], newValue: string) => {\r\n    const idx = hisList.indexOf(newValue)\r\n    if (idx > -1) hisList.splice(idx, 1)\r\n    hisList.unshift(newValue)\r\n    if (hisList.length > maxItems) hisList.length = maxItems\r\n    return hisList\r\n  }\r\n\r\n  const saveCurrentInputs = () => {\r\n    if (!enabled) return\r\n    Object.keys(formParams.value).forEach(key => {\r\n      const val = formParams.value[key]\r\n      if (!val) return\r\n      const field = findField(key)\r\n      if (!field?.hisList) return\r\n      const str = String(val).trim()\r\n      if (str) pushToHistoryList(field.hisList, str)\r\n    })\r\n    closeAllPanels()\r\n    persistToStorage()\r\n  }\r\n\r\n  return {\r\n    enabled,\r\n    handleFocus,\r\n    closeAllPanels,\r\n    selectHistoryItem,\r\n    deleteHistoryItem,\r\n    clearAllHistory,\r\n    saveCurrentInputs,\r\n    restoreFromStorage,\r\n  }\r\n}\r\n","import { ref, computed, onMounted } from 'vue'\r\nimport { useMessage } from 'naive-ui'\r\nimport type { SearchFormItem, SearchFormParams, SearchConfig } from '../types'\r\nimport { useSearchHistory, type SearchHistoryOptions } from './useSearchHistory'\r\n\r\ninterface UseSearchStateOptions {\r\n  formItemList: SearchFormItem[]\r\n  formParams: SearchFormParams\r\n  config?: SearchConfig\r\n  historyOptions?: SearchHistoryOptions\r\n}\r\n\r\n/**\r\n *\r\n */\r\nexport function useSearchState(\r\n  emits: {\r\n    (event: 'search', params: SearchFormParams): void\r\n    (event: 'reset'): void\r\n    (event: 'change-params', params: SearchFormParams): void\r\n  },\r\n  options: UseSearchStateOptions\r\n) {\r\n  const message = useMessage()\r\n  const formRef = ref<any>(null)\r\n\r\n  const foldThreshold = options.config?.foldThreshold ?? 7\r\n  const requireValue = options.config?.requireValue ?? true\r\n\r\n  const fields = ref<SearchFormItem[]>([...options.formItemList])\r\n  const formParams = ref<SearchFormParams>({ ...options.formParams })\r\n  const expanded = ref(false)\r\n  const searching = ref(false)\r\n\r\n  const history = useSearchHistory(fields, formParams, options.historyOptions)\r\n\r\n  const visibleFields = computed(() =>\r\n    fields.value.filter(item => item.show !== false)\r\n  )\r\n\r\n  const hasExpandButton = computed(() => fields.value.length > foldThreshold)\r\n\r\n  const isEmpty = (value: any): boolean =>\r\n    value === undefined ||\r\n    value === null ||\r\n    value === '' ||\r\n    (Array.isArray(value) && value.length === 0)\r\n\r\n  const initialize = () => {\r\n    fields.value.forEach((item, index) => {\r\n      item.isFocus = false\r\n      if (index >= foldThreshold && item.show === undefined) {\r\n        item.show = false\r\n      }\r\n      if (item.type === 'select') {\r\n        if (!item.placeholder) item.placeholder = '请选择'\r\n        if (formParams.value[item.prop] === undefined) {\r\n          formParams.value[item.prop] = null\r\n        }\r\n      }\r\n    })\r\n  }\r\n\r\n  const searchFn = () => {\r\n    if (requireValue) {\r\n      const hasValidParams = Object.entries(formParams.value)\r\n        .filter(([key]) => key !== 'pageNum' && key !== 'pageSize')\r\n        .some(([, value]) => !isEmpty(value))\r\n\r\n      if (!hasValidParams) {\r\n        message.warning('请输入搜索内容，或选择筛选条件')\r\n        return\r\n      }\r\n    }\r\n    history.saveCurrentInputs()\r\n    emits('search', formParams.value)\r\n  }\r\n\r\n  const resetFn = () => {\r\n    formRef.value?.restoreValidation()\r\n    Object.keys(formParams.value).forEach(key => {\r\n      if (key !== 'pageNum' && key !== 'pageSize') {\r\n        formParams.value[key] = null\r\n      }\r\n    })\r\n    emits('change-params', formParams.value)\r\n    emits('reset')\r\n  }\r\n\r\n  const toggleFold = () => {\r\n    expanded.value = !expanded.value\r\n    fields.value.forEach((item, index) => {\r\n      if (index >= foldThreshold) item.show = expanded.value\r\n    })\r\n  }\r\n\r\n  const syncFromProps = (\r\n    newItems: SearchFormItem[],\r\n    newParams: SearchFormParams\r\n  ) => {\r\n    fields.value = [...newItems]\r\n    formParams.value = { ...newParams }\r\n    initialize()\r\n  }\r\n\r\n  onMounted(() => {\r\n    initialize()\r\n    history.restoreFromStorage()\r\n  })\r\n\r\n  return {\r\n    formRef,\r\n    fields,\r\n    formParams,\r\n    expanded,\r\n    searching,\r\n    visibleFields,\r\n    hasExpandButton,\r\n    history,\r\n    searchFn,\r\n    resetFn,\r\n    toggleFold,\r\n    syncFromProps,\r\n  }\r\n}\r\n","/* unplugin-vue-components disabled */<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-06-10\r\n * @Description: 表单搜索组件（薄 UI 壳 — 逻辑由 composable 驱动）\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <NCard class=\"form-search-card custom-card\" :bordered=\"bordered\">\r\n    <NForm class=\"form-search\" :model=\"formParams\" ref=\"formRef\" :size=\"size\">\r\n      <div\r\n        class=\"form-search-item-box\"\r\n        v-for=\"(item, index) of visibleFields\"\r\n        :key=\"index\"\r\n      >\r\n        <NFormItem\r\n          class=\"form-item-input\"\r\n          v-if=\"item.type !== 'spacer'\"\r\n          :path=\"item.prop\"\r\n          :show-feedback=\"false\"\r\n          :show-label=\"false\"\r\n        >\r\n          <NInput\r\n            v-if=\"item.type === 'input'\"\r\n            clearable\r\n            v-model:value=\"formParams[item.prop]\"\r\n            :placeholder=\"item.placeholder\"\r\n            @focus=\"history.handleFocus(item.prop)\"\r\n            @blur=\"history.closeAllPanels\"\r\n          />\r\n\r\n          <div class=\"input-history\" v-if=\"item.isFocus\" @mousedown.prevent>\r\n            <div\r\n              class=\"history-item\"\r\n              @click=\"history.selectHistoryItem(hisValue, item.prop)\"\r\n              v-for=\"(hisValue, hisIndex) of item.hisList\"\r\n              :key=\"hisValue\"\r\n            >\r\n              <span class=\"history-text\">{{ hisValue }}</span>\r\n              <NIcon\r\n                class=\"delete-icon\"\r\n                size=\"14\"\r\n                @click.stop=\"history.deleteHistoryItem(item.prop, hisIndex)\"\r\n              >\r\n                <div class=\"i-mdi:close\" />\r\n              </NIcon>\r\n            </div>\r\n            <div\r\n              class=\"history-footer\"\r\n              v-if=\"item.hisList && item.hisList.length > 0\"\r\n            >\r\n              <span\r\n                class=\"clear-all\"\r\n                @click.stop=\"history.clearAllHistory(item.prop)\"\r\n              >\r\n                清空历史记录\r\n              </span>\r\n            </div>\r\n          </div>\r\n\r\n          <NSelect\r\n            v-if=\"item.type === 'select'\"\r\n            v-model:value=\"formParams[item.prop]\"\r\n            :placeholder=\"item.placeholder || '请选择'\"\r\n            clearable\r\n            :options=\"normalizeOptions(item.list)\"\r\n          />\r\n\r\n          <NDatePicker\r\n            v-if=\"item.type === 'date-range'\"\r\n            type=\"datetimerange\"\r\n            v-model:value=\"formParams[item.prop]\"\r\n            format=\"yyyy-MM-dd HH:mm\"\r\n            value-format=\"yyyy-MM-dd HH:mm\"\r\n            start-placeholder=\"开始时间\"\r\n            end-placeholder=\"结束时间\"\r\n            clearable\r\n          />\r\n        </NFormItem>\r\n      </div>\r\n\r\n      <div class=\"form-search-item-box\">\r\n        <div class=\"form-item-input\">\r\n          <div class=\"button-label-placeholder\"></div>\r\n          <NSpace>\r\n            <NTooltip trigger=\"hover\">\r\n              <template #trigger>\r\n                <NButton type=\"primary\" @click=\"searchFn\" :loading=\"searching\">\r\n                  <template #icon>\r\n                    <div class=\"i-mdi:search w-4 h-4\" />\r\n                  </template>\r\n                </NButton>\r\n              </template>\r\n              搜索\r\n            </NTooltip>\r\n\r\n            <NTooltip trigger=\"hover\">\r\n              <template #trigger>\r\n                <NButton @click=\"resetFn\">\r\n                  <template #icon>\r\n                    <div class=\"i-mdi:refresh w-4 h-4\" />\r\n                  </template>\r\n                </NButton>\r\n              </template>\r\n              重置\r\n            </NTooltip>\r\n\r\n            <NTooltip v-if=\"hasExpandButton\" trigger=\"hover\">\r\n              <template #trigger>\r\n                <NButton @click=\"toggleFold\">\r\n                  <template #icon>\r\n                    <div\r\n                      :class=\"\r\n                        expanded\r\n                          ? 'i-mdi:chevron-up w-4 h-4'\r\n                          : 'i-mdi:chevron-down w-4 h-4'\r\n                      \"\r\n                    />\r\n                  </template>\r\n                </NButton>\r\n              </template>\r\n              {{ expanded ? \"收起\" : \"展开\" }}\r\n            </NTooltip>\r\n          </NSpace>\r\n        </div>\r\n      </div>\r\n    </NForm>\r\n  </NCard>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { watch } from \"vue\";\r\nimport {\r\n  NCard,\r\n  NForm,\r\n  NFormItem,\r\n  NInput,\r\n  NSelect,\r\n  NDatePicker,\r\n  NSpace,\r\n  NButton,\r\n  NTooltip,\r\n  NIcon,\r\n} from \"naive-ui\";\r\nimport { useSearchState } from \"./composables/useSearchState\";\r\nimport type {\r\n  SearchFormItem,\r\n  SearchFormParams,\r\n  SearchOptionItem,\r\n  SearchConfig,\r\n} from \"./types\";\r\n\r\ndefineOptions({ name: \"C_FormSearch\" });\r\n\r\ninterface Props {\r\n  bordered?: boolean;\r\n  formItemList: SearchFormItem[];\r\n  formParams: SearchFormParams;\r\n  formSearchInputHistoryString?: string;\r\n  size?: \"small\" | \"medium\" | \"large\";\r\n  config?: SearchConfig;\r\n}\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n  bordered: true,\r\n  formItemList: () => [],\r\n  size: \"medium\",\r\n});\r\n\r\nconst emits = defineEmits<{\r\n  search: [params: SearchFormParams];\r\n  reset: [];\r\n  \"change-params\": [params: SearchFormParams];\r\n}>();\r\n\r\nconst {\r\n  formRef,\r\n  formParams,\r\n  expanded,\r\n  searching,\r\n  visibleFields,\r\n  hasExpandButton,\r\n  history,\r\n  searchFn,\r\n  resetFn,\r\n  toggleFold,\r\n  syncFromProps,\r\n} = useSearchState(emits, {\r\n  formItemList: props.formItemList,\r\n  formParams: props.formParams,\r\n  config: props.config,\r\n  historyOptions: {\r\n    storageKey: props.formSearchInputHistoryString,\r\n    maxItems: props.config?.historyMaxItems,\r\n  },\r\n});\r\n\r\nconst normalizeOptions = (list?: SearchOptionItem[]) =>\r\n  list?.map((opt) => ({\r\n    label: opt.label || opt.labelDefault || \"\",\r\n    value: opt.value !== undefined ? opt.value : opt.label || opt.labelDefault,\r\n  }));\r\n\r\nwatch(\r\n  () => props.formItemList,\r\n  (newItems) => syncFromProps(newItems, props.formParams),\r\n  { deep: true },\r\n);\r\n\r\ndefineExpose({\r\n  formRef,\r\n  formParams,\r\n  searchFn,\r\n  cleanFn: resetFn,\r\n  changeFoldState: toggleFold,\r\n});\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@use \"./index.scss\";\r\n</style>\r\n","/* unplugin-vue-components disabled */<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-06-10\r\n * @Description: 表单搜索组件（薄 UI 壳 — 逻辑由 composable 驱动）\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <NCard class=\"form-search-card custom-card\" :bordered=\"bordered\">\r\n    <NForm class=\"form-search\" :model=\"formParams\" ref=\"formRef\" :size=\"size\">\r\n      <div\r\n        class=\"form-search-item-box\"\r\n        v-for=\"(item, index) of visibleFields\"\r\n        :key=\"index\"\r\n      >\r\n        <NFormItem\r\n          class=\"form-item-input\"\r\n          v-if=\"item.type !== 'spacer'\"\r\n          :path=\"item.prop\"\r\n          :show-feedback=\"false\"\r\n          :show-label=\"false\"\r\n        >\r\n          <NInput\r\n            v-if=\"item.type === 'input'\"\r\n            clearable\r\n            v-model:value=\"formParams[item.prop]\"\r\n            :placeholder=\"item.placeholder\"\r\n            @focus=\"history.handleFocus(item.prop)\"\r\n            @blur=\"history.closeAllPanels\"\r\n          />\r\n\r\n          <div class=\"input-history\" v-if=\"item.isFocus\" @mousedown.prevent>\r\n            <div\r\n              class=\"history-item\"\r\n              @click=\"history.selectHistoryItem(hisValue, item.prop)\"\r\n              v-for=\"(hisValue, hisIndex) of item.hisList\"\r\n              :key=\"hisValue\"\r\n            >\r\n              <span class=\"history-text\">{{ hisValue }}</span>\r\n              <NIcon\r\n                class=\"delete-icon\"\r\n                size=\"14\"\r\n                @click.stop=\"history.deleteHistoryItem(item.prop, hisIndex)\"\r\n              >\r\n                <div class=\"i-mdi:close\" />\r\n              </NIcon>\r\n            </div>\r\n            <div\r\n              class=\"history-footer\"\r\n              v-if=\"item.hisList && item.hisList.length > 0\"\r\n            >\r\n              <span\r\n                class=\"clear-all\"\r\n                @click.stop=\"history.clearAllHistory(item.prop)\"\r\n              >\r\n                清空历史记录\r\n              </span>\r\n            </div>\r\n          </div>\r\n\r\n          <NSelect\r\n            v-if=\"item.type === 'select'\"\r\n            v-model:value=\"formParams[item.prop]\"\r\n            :placeholder=\"item.placeholder || '请选择'\"\r\n            clearable\r\n            :options=\"normalizeOptions(item.list)\"\r\n          />\r\n\r\n          <NDatePicker\r\n            v-if=\"item.type === 'date-range'\"\r\n            type=\"datetimerange\"\r\n            v-model:value=\"formParams[item.prop]\"\r\n            format=\"yyyy-MM-dd HH:mm\"\r\n            value-format=\"yyyy-MM-dd HH:mm\"\r\n            start-placeholder=\"开始时间\"\r\n            end-placeholder=\"结束时间\"\r\n            clearable\r\n          />\r\n        </NFormItem>\r\n      </div>\r\n\r\n      <div class=\"form-search-item-box\">\r\n        <div class=\"form-item-input\">\r\n          <div class=\"button-label-placeholder\"></div>\r\n          <NSpace>\r\n            <NTooltip trigger=\"hover\">\r\n              <template #trigger>\r\n                <NButton type=\"primary\" @click=\"searchFn\" :loading=\"searching\">\r\n                  <template #icon>\r\n                    <div class=\"i-mdi:search w-4 h-4\" />\r\n                  </template>\r\n                </NButton>\r\n              </template>\r\n              搜索\r\n            </NTooltip>\r\n\r\n            <NTooltip trigger=\"hover\">\r\n              <template #trigger>\r\n                <NButton @click=\"resetFn\">\r\n                  <template #icon>\r\n                    <div class=\"i-mdi:refresh w-4 h-4\" />\r\n                  </template>\r\n                </NButton>\r\n              </template>\r\n              重置\r\n            </NTooltip>\r\n\r\n            <NTooltip v-if=\"hasExpandButton\" trigger=\"hover\">\r\n              <template #trigger>\r\n                <NButton @click=\"toggleFold\">\r\n                  <template #icon>\r\n                    <div\r\n                      :class=\"\r\n                        expanded\r\n                          ? 'i-mdi:chevron-up w-4 h-4'\r\n                          : 'i-mdi:chevron-down w-4 h-4'\r\n                      \"\r\n                    />\r\n                  </template>\r\n                </NButton>\r\n              </template>\r\n              {{ expanded ? \"收起\" : \"展开\" }}\r\n            </NTooltip>\r\n          </NSpace>\r\n        </div>\r\n      </div>\r\n    </NForm>\r\n  </NCard>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { watch } from \"vue\";\r\nimport {\r\n  NCard,\r\n  NForm,\r\n  NFormItem,\r\n  NInput,\r\n  NSelect,\r\n  NDatePicker,\r\n  NSpace,\r\n  NButton,\r\n  NTooltip,\r\n  NIcon,\r\n} from \"naive-ui\";\r\nimport { useSearchState } from \"./composables/useSearchState\";\r\nimport type {\r\n  SearchFormItem,\r\n  SearchFormParams,\r\n  SearchOptionItem,\r\n  SearchConfig,\r\n} from \"./types\";\r\n\r\ndefineOptions({ name: \"C_FormSearch\" });\r\n\r\ninterface Props {\r\n  bordered?: boolean;\r\n  formItemList: SearchFormItem[];\r\n  formParams: SearchFormParams;\r\n  formSearchInputHistoryString?: string;\r\n  size?: \"small\" | \"medium\" | \"large\";\r\n  config?: SearchConfig;\r\n}\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n  bordered: true,\r\n  formItemList: () => [],\r\n  size: \"medium\",\r\n});\r\n\r\nconst emits = defineEmits<{\r\n  search: [params: SearchFormParams];\r\n  reset: [];\r\n  \"change-params\": [params: SearchFormParams];\r\n}>();\r\n\r\nconst {\r\n  formRef,\r\n  formParams,\r\n  expanded,\r\n  searching,\r\n  visibleFields,\r\n  hasExpandButton,\r\n  history,\r\n  searchFn,\r\n  resetFn,\r\n  toggleFold,\r\n  syncFromProps,\r\n} = useSearchState(emits, {\r\n  formItemList: props.formItemList,\r\n  formParams: props.formParams,\r\n  config: props.config,\r\n  historyOptions: {\r\n    storageKey: props.formSearchInputHistoryString,\r\n    maxItems: props.config?.historyMaxItems,\r\n  },\r\n});\r\n\r\nconst normalizeOptions = (list?: SearchOptionItem[]) =>\r\n  list?.map((opt) => ({\r\n    label: opt.label || opt.labelDefault || \"\",\r\n    value: opt.value !== undefined ? opt.value : opt.label || opt.labelDefault,\r\n  }));\r\n\r\nwatch(\r\n  () => props.formItemList,\r\n  (newItems) => syncFromProps(newItems, props.formParams),\r\n  { deep: true },\r\n);\r\n\r\ndefineExpose({\r\n  formRef,\r\n  formParams,\r\n  searchFn,\r\n  cleanFn: resetFn,\r\n  changeFoldState: toggleFold,\r\n});\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@use \"./index.scss\";\r\n</style>\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-06-10\r\n * @Description: 表单搜索组件（薄 UI 壳 — 逻辑由 composable 驱动）\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <NCard class=\"form-search-card custom-card\" :bordered=\"bordered\">\r\n    <NForm class=\"form-search\" :model=\"formParams\" ref=\"formRef\" :size=\"size\">\r\n      <div\r\n        class=\"form-search-item-box\"\r\n        v-for=\"(item, index) of visibleFields\"\r\n        :key=\"index\"\r\n      >\r\n        <NFormItem\r\n          class=\"form-item-input\"\r\n          v-if=\"item.type !== 'spacer'\"\r\n          :path=\"item.prop\"\r\n          :show-feedback=\"false\"\r\n          :show-label=\"false\"\r\n        >\r\n          <NInput\r\n            v-if=\"item.type === 'input'\"\r\n            clearable\r\n            v-model:value=\"formParams[item.prop]\"\r\n            :placeholder=\"item.placeholder\"\r\n            @focus=\"history.handleFocus(item.prop)\"\r\n            @blur=\"history.closeAllPanels\"\r\n          />\r\n\r\n          <div class=\"input-history\" v-if=\"item.isFocus\" @mousedown.prevent>\r\n            <div\r\n              class=\"history-item\"\r\n              @click=\"history.selectHistoryItem(hisValue, item.prop)\"\r\n              v-for=\"(hisValue, hisIndex) of item.hisList\"\r\n              :key=\"hisValue\"\r\n            >\r\n              <span class=\"history-text\">{{ hisValue }}</span>\r\n              <NIcon\r\n                class=\"delete-icon\"\r\n                size=\"14\"\r\n                @click.stop=\"history.deleteHistoryItem(item.prop, hisIndex)\"\r\n              >\r\n                <div class=\"i-mdi:close\" />\r\n              </NIcon>\r\n            </div>\r\n            <div\r\n              class=\"history-footer\"\r\n              v-if=\"item.hisList && item.hisList.length > 0\"\r\n            >\r\n              <span\r\n                class=\"clear-all\"\r\n                @click.stop=\"history.clearAllHistory(item.prop)\"\r\n              >\r\n                清空历史记录\r\n              </span>\r\n            </div>\r\n          </div>\r\n\r\n          <NSelect\r\n            v-if=\"item.type === 'select'\"\r\n            v-model:value=\"formParams[item.prop]\"\r\n            :placeholder=\"item.placeholder || '请选择'\"\r\n            clearable\r\n            :options=\"normalizeOptions(item.list)\"\r\n          />\r\n\r\n          <NDatePicker\r\n            v-if=\"item.type === 'date-range'\"\r\n            type=\"datetimerange\"\r\n            v-model:value=\"formParams[item.prop]\"\r\n            format=\"yyyy-MM-dd HH:mm\"\r\n            value-format=\"yyyy-MM-dd HH:mm\"\r\n            start-placeholder=\"开始时间\"\r\n            end-placeholder=\"结束时间\"\r\n            clearable\r\n          />\r\n        </NFormItem>\r\n      </div>\r\n\r\n      <div class=\"form-search-item-box\">\r\n        <div class=\"form-item-input\">\r\n          <div class=\"button-label-placeholder\"></div>\r\n          <NSpace>\r\n            <NTooltip trigger=\"hover\">\r\n              <template #trigger>\r\n                <NButton type=\"primary\" @click=\"searchFn\" :loading=\"searching\">\r\n                  <template #icon>\r\n                    <div class=\"i-mdi:search w-4 h-4\" />\r\n                  </template>\r\n                </NButton>\r\n              </template>\r\n              搜索\r\n            </NTooltip>\r\n\r\n            <NTooltip trigger=\"hover\">\r\n              <template #trigger>\r\n                <NButton @click=\"resetFn\">\r\n                  <template #icon>\r\n                    <div class=\"i-mdi:refresh w-4 h-4\" />\r\n                  </template>\r\n                </NButton>\r\n              </template>\r\n              重置\r\n            </NTooltip>\r\n\r\n            <NTooltip v-if=\"hasExpandButton\" trigger=\"hover\">\r\n              <template #trigger>\r\n                <NButton @click=\"toggleFold\">\r\n                  <template #icon>\r\n                    <div\r\n                      :class=\"\r\n                        expanded\r\n                          ? 'i-mdi:chevron-up w-4 h-4'\r\n                          : 'i-mdi:chevron-down w-4 h-4'\r\n                      \"\r\n                    />\r\n                  </template>\r\n                </NButton>\r\n              </template>\r\n              {{ expanded ? \"收起\" : \"展开\" }}\r\n            </NTooltip>\r\n          </NSpace>\r\n        </div>\r\n      </div>\r\n    </NForm>\r\n  </NCard>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { watch } from \"vue\";\r\nimport {\r\n  NCard,\r\n  NForm,\r\n  NFormItem,\r\n  NInput,\r\n  NSelect,\r\n  NDatePicker,\r\n  NSpace,\r\n  NButton,\r\n  NTooltip,\r\n  NIcon,\r\n} from \"naive-ui\";\r\nimport { useSearchState } from \"./composables/useSearchState\";\r\nimport type {\r\n  SearchFormItem,\r\n  SearchFormParams,\r\n  SearchOptionItem,\r\n  SearchConfig,\r\n} from \"./types\";\r\n\r\ndefineOptions({ name: \"C_FormSearch\" });\r\n\r\ninterface Props {\r\n  bordered?: boolean;\r\n  formItemList: SearchFormItem[];\r\n  formParams: SearchFormParams;\r\n  formSearchInputHistoryString?: string;\r\n  size?: \"small\" | \"medium\" | \"large\";\r\n  config?: SearchConfig;\r\n}\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n  bordered: true,\r\n  formItemList: () => [],\r\n  size: \"medium\",\r\n});\r\n\r\nconst emits = defineEmits<{\r\n  search: [params: SearchFormParams];\r\n  reset: [];\r\n  \"change-params\": [params: SearchFormParams];\r\n}>();\r\n\r\nconst {\r\n  formRef,\r\n  formParams,\r\n  expanded,\r\n  searching,\r\n  visibleFields,\r\n  hasExpandButton,\r\n  history,\r\n  searchFn,\r\n  resetFn,\r\n  toggleFold,\r\n  syncFromProps,\r\n} = useSearchState(emits, {\r\n  formItemList: props.formItemList,\r\n  formParams: props.formParams,\r\n  config: props.config,\r\n  historyOptions: {\r\n    storageKey: props.formSearchInputHistoryString,\r\n    maxItems: props.config?.historyMaxItems,\r\n  },\r\n});\r\n\r\nconst normalizeOptions = (list?: SearchOptionItem[]) =>\r\n  list?.map((opt) => ({\r\n    label: opt.label || opt.labelDefault || \"\",\r\n    value: opt.value !== undefined ? opt.value : opt.label || opt.labelDefault,\r\n  }));\r\n\r\nwatch(\r\n  () => props.formItemList,\r\n  (newItems) => syncFromProps(newItems, props.formParams),\r\n  { deep: true },\r\n);\r\n\r\ndefineExpose({\r\n  formRef,\r\n  formParams,\r\n  searchFn,\r\n  cleanFn: resetFn,\r\n  changeFoldState: toggleFold,\r\n});\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@use \"./index.scss\";\r\n</style>\r\n"],"mappings":"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"}

package/dist/C_FormSearch2.js

@@ -1,356 +1,2 @@
-import { t as export_helper_default } from "./export-helper.js";
-import { i as setItem, t as getItem } from "./storage.js";
-import { NButton, NCard, NDatePicker, NForm, NFormItem, NIcon, NInput, NSelect, NSpace, NTooltip, useMessage } from "naive-ui";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, onMounted, openBlock, ref, renderList, toDisplayString, unref, watch, withCtx, withModifiers } from "vue";
-
-//#region src/components/C_FormSearch/composables/useSearchHistory.ts
-/**
-*
-*/
-function useSearchHistory(fields, formParams, options = {}) {
-	const { storageKey, maxItems = 5 } = options;
-	const enabled = !!storageKey;
-	const findField = (prop) => fields.value.find((item) => item.prop === prop);
-	const persistToStorage = () => {
-		if (enabled) setItem(storageKey, fields.value);
-	};
-	const restoreFromStorage = () => {
-		if (!enabled) return;
-		const stored = getItem(storageKey);
-		if (!stored) return;
-		stored.forEach((storedItem) => {
-			const field = findField(storedItem.prop);
-			if (field && storedItem.hisList) field.hisList = storedItem.hisList;
-		});
-	};
-	const setAllFieldsFocus = (targetProp) => {
-		fields.value.forEach((item) => {
-			item.isFocus = !!(item.hisList && item.prop === targetProp);
-		});
-	};
-	const handleFocus = (prop) => {
-		restoreFromStorage();
-		setAllFieldsFocus(prop);
-	};
-	const closeAllPanels = () => setAllFieldsFocus();
-	const selectHistoryItem = (value, prop) => {
-		formParams.value[prop] = value;
-		closeAllPanels();
-	};
-	const deleteHistoryItem = (prop, index) => {
-		const field = findField(prop);
-		if (!field?.hisList) return;
-		field.hisList.splice(index, 1);
-		if (field.hisList.length === 0) field.isFocus = false;
-		persistToStorage();
-	};
-	const clearAllHistory = (prop) => {
-		const field = findField(prop);
-		if (!field?.hisList) return;
-		field.hisList = [];
-		field.isFocus = false;
-		persistToStorage();
-	};
-	const pushToHistoryList = (hisList, newValue) => {
-		const idx = hisList.indexOf(newValue);
-		if (idx > -1) hisList.splice(idx, 1);
-		hisList.unshift(newValue);
-		if (hisList.length > maxItems) hisList.length = maxItems;
-		return hisList;
-	};
-	const saveCurrentInputs = () => {
-		if (!enabled) return;
-		Object.keys(formParams.value).forEach((key) => {
-			const val = formParams.value[key];
-			if (!val) return;
-			const field = findField(key);
-			if (!field?.hisList) return;
-			const str = String(val).trim();
-			if (str) pushToHistoryList(field.hisList, str);
-		});
-		closeAllPanels();
-		persistToStorage();
-	};
-	return {
-		enabled,
-		handleFocus,
-		closeAllPanels,
-		selectHistoryItem,
-		deleteHistoryItem,
-		clearAllHistory,
-		saveCurrentInputs,
-		restoreFromStorage
-	};
-}
-
-//#endregion
-//#region src/components/C_FormSearch/composables/useSearchState.ts
-/**
-*
-*/
-function useSearchState(emits, options) {
-	const message = useMessage();
-	const formRef = ref(null);
-	const foldThreshold = options.config?.foldThreshold ?? 7;
-	const requireValue = options.config?.requireValue ?? true;
-	const fields = ref([...options.formItemList]);
-	const formParams = ref({ ...options.formParams });
-	const expanded = ref(false);
-	const searching = ref(false);
-	const history = useSearchHistory(fields, formParams, options.historyOptions);
-	const visibleFields = computed(() => fields.value.filter((item) => item.show !== false));
-	const hasExpandButton = computed(() => fields.value.length > foldThreshold);
-	const isEmpty = (value) => value === void 0 || value === null || value === "" || Array.isArray(value) && value.length === 0;
-	const initialize = () => {
-		fields.value.forEach((item, index) => {
-			item.isFocus = false;
-			if (index >= foldThreshold && item.show === void 0) item.show = false;
-			if (item.type === "select") {
-				if (!item.placeholder) item.placeholder = "请选择";
-				if (formParams.value[item.prop] === void 0) formParams.value[item.prop] = null;
-			}
-		});
-	};
-	const searchFn = () => {
-		if (requireValue) {
-			if (!Object.entries(formParams.value).filter(([key]) => key !== "pageNum" && key !== "pageSize").some(([, value]) => !isEmpty(value))) {
-				message.warning("请输入搜索内容，或选择筛选条件");
-				return;
-			}
-		}
-		history.saveCurrentInputs();
-		emits("search", formParams.value);
-	};
-	const resetFn = () => {
-		formRef.value?.restoreValidation();
-		Object.keys(formParams.value).forEach((key) => {
-			if (key !== "pageNum" && key !== "pageSize") formParams.value[key] = null;
-		});
-		emits("change-params", formParams.value);
-		emits("reset");
-	};
-	const toggleFold = () => {
-		expanded.value = !expanded.value;
-		fields.value.forEach((item, index) => {
-			if (index >= foldThreshold) item.show = expanded.value;
-		});
-	};
-	const syncFromProps = (newItems, newParams) => {
-		fields.value = [...newItems];
-		formParams.value = { ...newParams };
-		initialize();
-	};
-	onMounted(() => {
-		initialize();
-		history.restoreFromStorage();
-	});
-	return {
-		formRef,
-		fields,
-		formParams,
-		expanded,
-		searching,
-		visibleFields,
-		hasExpandButton,
-		history,
-		searchFn,
-		resetFn,
-		toggleFold,
-		syncFromProps
-	};
-}
-
-//#endregion
-//#region src/components/C_FormSearch/index.vue?vue&type=script&setup=true&lang.ts
-const _hoisted_1 = ["onClick"];
-const _hoisted_2 = { class: "history-text" };
-const _hoisted_3 = {
-	key: 0,
-	class: "history-footer"
-};
-const _hoisted_4 = ["onClick"];
-const _hoisted_5 = { class: "form-search-item-box" };
-const _hoisted_6 = { class: "form-item-input" };
-var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	name: "C_FormSearch",
-	__name: "index",
-	props: {
-		bordered: {
-			type: Boolean,
-			default: true
-		},
-		formItemList: { default: () => [] },
-		formParams: {},
-		formSearchInputHistoryString: {},
-		size: { default: "medium" },
-		config: {}
-	},
-	emits: [
-		"search",
-		"reset",
-		"change-params"
-	],
-	setup(__props, { expose: __expose, emit: __emit }) {
-		const props = __props;
-		const { formRef, formParams, expanded, searching, visibleFields, hasExpandButton, history, searchFn, resetFn, toggleFold, syncFromProps } = useSearchState(__emit, {
-			formItemList: props.formItemList,
-			formParams: props.formParams,
-			config: props.config,
-			historyOptions: {
-				storageKey: props.formSearchInputHistoryString,
-				maxItems: props.config?.historyMaxItems
-			}
-		});
-		const normalizeOptions = (list) => list?.map((opt) => ({
-			label: opt.label || opt.labelDefault || "",
-			value: opt.value !== void 0 ? opt.value : opt.label || opt.labelDefault
-		}));
-		watch(() => props.formItemList, (newItems) => syncFromProps(newItems, props.formParams), { deep: true });
-		__expose({
-			formRef,
-			formParams,
-			searchFn,
-			cleanFn: resetFn,
-			changeFoldState: toggleFold
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(NCard), {
-				class: "form-search-card custom-card",
-				bordered: _ctx.bordered
-			}, {
-				default: withCtx(() => [createVNode(unref(NForm), {
-					class: "form-search",
-					model: unref(formParams),
-					ref_key: "formRef",
-					ref: formRef,
-					size: _ctx.size
-				}, {
-					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(visibleFields), (item, index) => {
-						return openBlock(), createElementBlock("div", {
-							class: "form-search-item-box",
-							key: index
-						}, [item.type !== "spacer" ? (openBlock(), createBlock(unref(NFormItem), {
-							key: 0,
-							class: "form-item-input",
-							path: item.prop,
-							"show-feedback": false,
-							"show-label": false
-						}, {
-							default: withCtx(() => [
-								item.type === "input" ? (openBlock(), createBlock(unref(NInput), {
-									key: 0,
-									clearable: "",
-									value: unref(formParams)[item.prop],
-									"onUpdate:value": ($event) => unref(formParams)[item.prop] = $event,
-									placeholder: item.placeholder,
-									onFocus: ($event) => unref(history).handleFocus(item.prop),
-									onBlur: unref(history).closeAllPanels
-								}, null, 8, [
-									"value",
-									"onUpdate:value",
-									"placeholder",
-									"onFocus",
-									"onBlur"
-								])) : createCommentVNode("v-if", true),
-								item.isFocus ? (openBlock(), createElementBlock("div", {
-									key: 1,
-									class: "input-history",
-									onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {}, ["prevent"]))
-								}, [(openBlock(true), createElementBlock(Fragment, null, renderList(item.hisList, (hisValue, hisIndex) => {
-									return openBlock(), createElementBlock("div", {
-										class: "history-item",
-										onClick: ($event) => unref(history).selectHistoryItem(hisValue, item.prop),
-										key: hisValue
-									}, [createElementVNode("span", _hoisted_2, toDisplayString(hisValue), 1), createVNode(unref(NIcon), {
-										class: "delete-icon",
-										size: "14",
-										onClick: withModifiers(($event) => unref(history).deleteHistoryItem(item.prop, hisIndex), ["stop"])
-									}, {
-										default: withCtx(() => _cache[1] || (_cache[1] = [createElementVNode("div", { class: "i-mdi:close" }, null, -1)])),
-										_: 2,
-										__: [1]
-									}, 1032, ["onClick"])], 8, _hoisted_1);
-								}), 128)), item.hisList && item.hisList.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_3, [createElementVNode("span", {
-									class: "clear-all",
-									onClick: withModifiers(($event) => unref(history).clearAllHistory(item.prop), ["stop"])
-								}, " 清空历史记录 ", 8, _hoisted_4)])) : createCommentVNode("v-if", true)], 32)) : createCommentVNode("v-if", true),
-								item.type === "select" ? (openBlock(), createBlock(unref(NSelect), {
-									key: 2,
-									value: unref(formParams)[item.prop],
-									"onUpdate:value": ($event) => unref(formParams)[item.prop] = $event,
-									placeholder: item.placeholder || "请选择",
-									clearable: "",
-									options: normalizeOptions(item.list)
-								}, null, 8, [
-									"value",
-									"onUpdate:value",
-									"placeholder",
-									"options"
-								])) : createCommentVNode("v-if", true),
-								item.type === "date-range" ? (openBlock(), createBlock(unref(NDatePicker), {
-									key: 3,
-									type: "datetimerange",
-									value: unref(formParams)[item.prop],
-									"onUpdate:value": ($event) => unref(formParams)[item.prop] = $event,
-									format: "yyyy-MM-dd HH:mm",
-									"value-format": "yyyy-MM-dd HH:mm",
-									"start-placeholder": "开始时间",
-									"end-placeholder": "结束时间",
-									clearable: ""
-								}, null, 8, ["value", "onUpdate:value"])) : createCommentVNode("v-if", true)
-							]),
-							_: 2
-						}, 1032, ["path"])) : createCommentVNode("v-if", true)]);
-					}), 128)), createElementVNode("div", _hoisted_5, [createElementVNode("div", _hoisted_6, [_cache[6] || (_cache[6] = createElementVNode("div", { class: "button-label-placeholder" }, null, -1)), createVNode(unref(NSpace), null, {
-						default: withCtx(() => [
-							createVNode(unref(NTooltip), { trigger: "hover" }, {
-								trigger: withCtx(() => [createVNode(unref(NButton), {
-									type: "primary",
-									onClick: unref(searchFn),
-									loading: unref(searching)
-								}, {
-									icon: withCtx(() => _cache[2] || (_cache[2] = [createElementVNode("div", { class: "i-mdi:search w-4 h-4" }, null, -1)])),
-									_: 1
-								}, 8, ["onClick", "loading"])]),
-								default: withCtx(() => [_cache[3] || (_cache[3] = createTextVNode(" 搜索 ", -1))]),
-								_: 1,
-								__: [3]
-							}),
-							createVNode(unref(NTooltip), { trigger: "hover" }, {
-								trigger: withCtx(() => [createVNode(unref(NButton), { onClick: unref(resetFn) }, {
-									icon: withCtx(() => _cache[4] || (_cache[4] = [createElementVNode("div", { class: "i-mdi:refresh w-4 h-4" }, null, -1)])),
-									_: 1
-								}, 8, ["onClick"])]),
-								default: withCtx(() => [_cache[5] || (_cache[5] = createTextVNode(" 重置 ", -1))]),
-								_: 1,
-								__: [5]
-							}),
-							unref(hasExpandButton) ? (openBlock(), createBlock(unref(NTooltip), {
-								key: 0,
-								trigger: "hover"
-							}, {
-								trigger: withCtx(() => [createVNode(unref(NButton), { onClick: unref(toggleFold) }, {
-									icon: withCtx(() => [createElementVNode("div", { class: normalizeClass(unref(expanded) ? "i-mdi:chevron-up w-4 h-4" : "i-mdi:chevron-down w-4 h-4") }, null, 2)]),
-									_: 1
-								}, 8, ["onClick"])]),
-								default: withCtx(() => [createTextVNode(" " + toDisplayString(unref(expanded) ? "收起" : "展开"), 1)]),
-								_: 1
-							})) : createCommentVNode("v-if", true)
-						]),
-						_: 1
-					})])])]),
-					_: 1
-				}, 8, ["model", "size"])]),
-				_: 1
-			}, 8, ["bordered"]);
-		};
-	}
-});
-
-//#endregion
-//#region src/components/C_FormSearch/index.vue
-var C_FormSearch_default = /* @__PURE__ */ export_helper_default(index_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-3439b171"]]);
-
-//#endregion
-export { useSearchState as n, useSearchHistory as r, C_FormSearch_default as t };
+import{t as e}from"./export-helper.js";import{i as t,t as n}from"./storage.js";import{NButton as r,NCard as i,NDatePicker as a,NForm as o,NFormItem as s,NIcon as c,NInput as l,NSelect as u,NSpace as d,NTooltip as f,useMessage as p}from"naive-ui";import{Fragment as m,computed as h,createBlock as g,createCommentVNode as _,createElementBlock as v,createElementVNode as y,createTextVNode as b,createVNode as x,defineComponent as S,normalizeClass as C,onMounted as w,openBlock as T,ref as E,renderList as D,toDisplayString as O,unref as k,watch as A,withCtx as j,withModifiers as M}from"vue";function N(e,r,i={}){let{storageKey:a,maxItems:o=5}=i,s=!!a,c=t=>e.value.find(e=>e.prop===t),l=()=>{s&&t(a,e.value)},u=()=>{if(!s)return;let e=n(a);e&&e.forEach(e=>{let t=c(e.prop);t&&e.hisList&&(t.hisList=e.hisList)})},d=t=>{e.value.forEach(e=>{e.isFocus=!!(e.hisList&&e.prop===t)})},f=e=>{u(),d(e)},p=()=>d(),m=(e,t)=>{r.value[t]=e,p()},h=(e,t)=>{let n=c(e);n?.hisList&&(n.hisList.splice(t,1),n.hisList.length===0&&(n.isFocus=!1),l())},g=e=>{let t=c(e);t?.hisList&&(t.hisList=[],t.isFocus=!1,l())},_=(e,t)=>{let n=e.indexOf(t);return n>-1&&e.splice(n,1),e.unshift(t),e.length>o&&(e.length=o),e};return{enabled:s,handleFocus:f,closeAllPanels:p,selectHistoryItem:m,deleteHistoryItem:h,clearAllHistory:g,saveCurrentInputs:()=>{s&&(Object.keys(r.value).forEach(e=>{let t=r.value[e];if(!t)return;let n=c(e);if(!n?.hisList)return;let i=String(t).trim();i&&_(n.hisList,i)}),p(),l())},restoreFromStorage:u}}function P(e,t){let n=p(),r=E(null),i=t.config?.foldThreshold??7,a=t.config?.requireValue??!0,o=E([...t.formItemList]),s=E({...t.formParams}),c=E(!1),l=E(!1),u=N(o,s,t.historyOptions),d=h(()=>o.value.filter(e=>e.show!==!1)),f=h(()=>o.value.length>i),m=e=>e==null||e===``||Array.isArray(e)&&e.length===0,g=()=>{o.value.forEach((e,t)=>{e.isFocus=!1,t>=i&&e.show===void 0&&(e.show=!1),e.type===`select`&&(e.placeholder||=`请选择`,s.value[e.prop]===void 0&&(s.value[e.prop]=null))})};return w(()=>{g(),u.restoreFromStorage()}),{formRef:r,fields:o,formParams:s,expanded:c,searching:l,visibleFields:d,hasExpandButton:f,history:u,searchFn:()=>{if(a&&!Object.entries(s.value).filter(([e])=>e!==`pageNum`&&e!==`pageSize`).some(([,e])=>!m(e))){n.warning(`请输入搜索内容，或选择筛选条件`);return}u.saveCurrentInputs(),e(`search`,s.value)},resetFn:()=>{r.value?.restoreValidation(),Object.keys(s.value).forEach(e=>{e!==`pageNum`&&e!==`pageSize`&&(s.value[e]=null)}),e(`change-params`,s.value),e(`reset`)},toggleFold:()=>{c.value=!c.value,o.value.forEach((e,t)=>{t>=i&&(e.show=c.value)})},syncFromProps:(e,t)=>{o.value=[...e],s.value={...t},g()}}}const F=[`onClick`],I={class:`history-text`},L={key:0,class:`history-footer`},R=[`onClick`],z={class:`form-search-item-box`},B={class:`form-item-input`};var V=e(S({name:`C_FormSearch`,__name:`index`,props:{bordered:{type:Boolean,default:!0},formItemList:{default:()=>[]},formParams:{},formSearchInputHistoryString:{},size:{default:`medium`},config:{}},emits:[`search`,`reset`,`change-params`],setup(e,{expose:t,emit:n}){let p=e,{formRef:h,formParams:S,expanded:w,searching:E,visibleFields:N,hasExpandButton:V,history:H,searchFn:U,resetFn:W,toggleFold:G,syncFromProps:K}=P(n,{formItemList:p.formItemList,formParams:p.formParams,config:p.config,historyOptions:{storageKey:p.formSearchInputHistoryString,maxItems:p.config?.historyMaxItems}}),q=e=>e?.map(e=>({label:e.label||e.labelDefault||``,value:e.value===void 0?e.label||e.labelDefault:e.value}));return A(()=>p.formItemList,e=>K(e,p.formParams),{deep:!0}),t({formRef:h,formParams:S,searchFn:U,cleanFn:W,changeFoldState:G}),(e,t)=>(T(),g(k(i),{class:`form-search-card custom-card`,bordered:e.bordered},{default:j(()=>[x(k(o),{class:`form-search`,model:k(S),ref_key:`formRef`,ref:h,size:e.size},{default:j(()=>[(T(!0),v(m,null,D(k(N),(e,n)=>(T(),v(`div`,{class:`form-search-item-box`,key:n},[e.type===`spacer`?_(`v-if`,!0):(T(),g(k(s),{key:0,class:`form-item-input`,path:e.prop,"show-feedback":!1,"show-label":!1},{default:j(()=>[e.type===`input`?(T(),g(k(l),{key:0,clearable:``,value:k(S)[e.prop],"onUpdate:value":t=>k(S)[e.prop]=t,placeholder:e.placeholder,onFocus:t=>k(H).handleFocus(e.prop),onBlur:k(H).closeAllPanels},null,8,[`value`,`onUpdate:value`,`placeholder`,`onFocus`,`onBlur`])):_(`v-if`,!0),e.isFocus?(T(),v(`div`,{key:1,class:`input-history`,onMousedown:t[0]||=M(()=>{},[`prevent`])},[(T(!0),v(m,null,D(e.hisList,(n,r)=>(T(),v(`div`,{class:`history-item`,onClick:t=>k(H).selectHistoryItem(n,e.prop),key:n},[y(`span`,I,O(n),1),x(k(c),{class:`delete-icon`,size:`14`,onClick:M(t=>k(H).deleteHistoryItem(e.prop,r),[`stop`])},{default:j(()=>t[1]||=[y(`div`,{class:`i-mdi:close`},null,-1)]),_:2,__:[1]},1032,[`onClick`])],8,F))),128)),e.hisList&&e.hisList.length>0?(T(),v(`div`,L,[y(`span`,{class:`clear-all`,onClick:M(t=>k(H).clearAllHistory(e.prop),[`stop`])},` 清空历史记录 `,8,R)])):_(`v-if`,!0)],32)):_(`v-if`,!0),e.type===`select`?(T(),g(k(u),{key:2,value:k(S)[e.prop],"onUpdate:value":t=>k(S)[e.prop]=t,placeholder:e.placeholder||`请选择`,clearable:``,options:q(e.list)},null,8,[`value`,`onUpdate:value`,`placeholder`,`options`])):_(`v-if`,!0),e.type===`date-range`?(T(),g(k(a),{key:3,type:`datetimerange`,value:k(S)[e.prop],"onUpdate:value":t=>k(S)[e.prop]=t,format:`yyyy-MM-dd HH:mm`,"value-format":`yyyy-MM-dd HH:mm`,"start-placeholder":`开始时间`,"end-placeholder":`结束时间`,clearable:``},null,8,[`value`,`onUpdate:value`])):_(`v-if`,!0)]),_:2},1032,[`path`]))]))),128)),y(`div`,z,[y(`div`,B,[t[6]||=y(`div`,{class:`button-label-placeholder`},null,-1),x(k(d),null,{default:j(()=>[x(k(f),{trigger:`hover`},{trigger:j(()=>[x(k(r),{type:`primary`,onClick:k(U),loading:k(E)},{icon:j(()=>t[2]||=[y(`div`,{class:`i-mdi:search w-4 h-4`},null,-1)]),_:1},8,[`onClick`,`loading`])]),default:j(()=>[t[3]||=b(` 搜索 `,-1)]),_:1,__:[3]}),x(k(f),{trigger:`hover`},{trigger:j(()=>[x(k(r),{onClick:k(W)},{icon:j(()=>t[4]||=[y(`div`,{class:`i-mdi:refresh w-4 h-4`},null,-1)]),_:1},8,[`onClick`])]),default:j(()=>[t[5]||=b(` 重置 `,-1)]),_:1,__:[5]}),k(V)?(T(),g(k(f),{key:0,trigger:`hover`},{trigger:j(()=>[x(k(r),{onClick:k(G)},{icon:j(()=>[y(`div`,{class:C(k(w)?`i-mdi:chevron-up w-4 h-4`:`i-mdi:chevron-down w-4 h-4`)},null,2)]),_:1},8,[`onClick`])]),default:j(()=>[b(` `+O(k(w)?`收起`:`展开`),1)]),_:1})):_(`v-if`,!0)]),_:1})])])]),_:1},8,[`model`,`size`])]),_:1},8,[`bordered`]))}}),[[`__scopeId`,`data-v-3439b171`]]);export{P as n,N as r,V as t};
 //# sourceMappingURL=C_FormSearch2.js.map