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

package/dist/C_FormSearch2.js.map

@@ -1 +1 @@
-{"version":3,"file":"C_FormSearch2.js","names":["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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"}
+{"version":3,"file":"C_FormSearch2.js","names":["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_FormulaEditor.cjs

@@ -1,13 +1 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-require('./C_Icon.js');
-const require_C_FormulaEditor = require('./C_FormulaEditor.js');
-
-exports.ACTION_KEYS = require_C_FormulaEditor.ACTION_KEYS;
-exports.C_FormulaEditor = require_C_FormulaEditor.C_FormulaEditor_default;
-exports.DEFAULT_FUNCTIONS = require_C_FormulaEditor.DEFAULT_FUNCTIONS;
-exports.NUMBER_KEYS = require_C_FormulaEditor.NUMBER_KEYS;
-exports.OPERATORS = require_C_FormulaEditor.OPERATORS;
-exports.OPERATOR_KEYS = require_C_FormulaEditor.OPERATOR_KEYS;
-exports.SPACED_OPERATORS = require_C_FormulaEditor.SPACED_OPERATORS;
-exports.useFormulaEvaluator = require_C_FormulaEditor.useFormulaEvaluator;
-exports.useFormulaParser = require_C_FormulaEditor.useFormulaParser;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./C_Icon.js`);const e=require(`./C_FormulaEditor.js`);exports.ACTION_KEYS=e.i,exports.C_FormulaEditor=e.t,exports.DEFAULT_FUNCTIONS=e.a,exports.NUMBER_KEYS=e.o,exports.OPERATORS=e.s,exports.OPERATOR_KEYS=e.c,exports.SPACED_OPERATORS=e.l,exports.useFormulaEvaluator=e.n,exports.useFormulaParser=e.r;

package/dist/C_FormulaEditor.js

@@ -1,4 +1 @@
-import "./C_Icon2.js";
-import { a as DEFAULT_FUNCTIONS, c as OPERATOR_KEYS, i as ACTION_KEYS, l as SPACED_OPERATORS, n as useFormulaEvaluator, o as NUMBER_KEYS, r as useFormulaParser, s as OPERATORS, t as C_FormulaEditor_default } from "./C_FormulaEditor2.js";
-
-export { ACTION_KEYS, C_FormulaEditor_default as C_FormulaEditor, DEFAULT_FUNCTIONS, NUMBER_KEYS, OPERATORS, OPERATOR_KEYS, SPACED_OPERATORS, useFormulaEvaluator, useFormulaParser };
+import"./C_Icon2.js";import{a as e,c as t,i as n,l as r,n as i,o as a,r as o,s,t as c}from"./C_FormulaEditor2.js";export{n as ACTION_KEYS,c as C_FormulaEditor,e as DEFAULT_FUNCTIONS,a as NUMBER_KEYS,s as OPERATORS,t as OPERATOR_KEYS,r as SPACED_OPERATORS,i as useFormulaEvaluator,o as useFormulaParser};