hy-dispatch-ui-v3 0.1.0

package/lib/components/appSearch/appSearch.vue.js

@@ -0,0 +1,412 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var elementPlus = require('element-plus');
+var iconsVue = require('@element-plus/icons-vue');
+var appDatePicker = require('../appDatePicker/appDatePicker.vue.js');
+var index = require('./js/index.js');
+var useAppSearch = require('./js/useAppSearch.js');
+var useLocale = require('../../hooks/useLocale.js');
+var is = require('../../utils/is.js');
+
+import "./style/appSearch.scss";
+
+const __default__ = vue.defineComponent({
+  name: "AppSearch"
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: {
+    model: {
+      type: Object,
+      default: () => ({})
+    },
+    columns: {
+      type: Array,
+      default: () => []
+    },
+    loading: {
+      type: Boolean,
+      default: false
+    },
+    size: {
+      type: String,
+      default: "default"
+      // '' | 'large' | 'default' | 'small'
+    },
+    hidden: {
+      type: Boolean,
+      default: false
+    },
+    class: {
+      type: [String, Array, Object]
+    }
+  },
+  emits: ["search"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const { t } = useLocale.useLocale();
+    const formItemWrapper = vue.useTemplateRef("formItemWrapper");
+    const { isExpand, containerHeight, switchShrink, shrinkDestroy } = index.useShrink(
+      props,
+      formItemWrapper
+    );
+    const formColumnMap = vue.computed(() => {
+      return (props.columns || []).reduce((map, column) => {
+        if (is.isArray(column.field)) {
+          column.field.forEach((key) => map.set(key, column));
+        } else {
+          map.set(column.field, column);
+        }
+        return map;
+      }, /* @__PURE__ */ new Map());
+    });
+    const filterCount = vue.computed(() => {
+      const defaultValue = useAppSearch.resetAppSearchValue(props.columns);
+      const keys = Object.keys(defaultValue);
+      if (!(keys == null ? void 0 : keys.length)) return 0;
+      const keySet = keys.reduce((keySet2, key) => {
+        if (index.isEmptyValue(defaultValue[key]) ? !index.isEmptyValue(props.model[key]) : defaultValue[key] !== props.model[key]) {
+          if (vue.unref(formColumnMap).has(key)) {
+            keySet2.add(vue.unref(formColumnMap).get(key).key);
+          }
+        }
+        return keySet2;
+      }, /* @__PURE__ */ new Set());
+      return keySet.size;
+    });
+    const appClass = vue.computed(() => {
+      return [
+        props.class,
+        { "app-search-hidden": props.hidden }
+      ].filter(Boolean);
+    });
+    const containerStyle = vue.computed(() => {
+      const style = {};
+      if (props.hidden) {
+        style.height = `0px`;
+      } else if (vue.unref(containerHeight)) {
+        style.height = `${vue.unref(containerHeight)}px`;
+      }
+      return style;
+    });
+    vue.onUnmounted(() => {
+      shrinkDestroy();
+    });
+    function onChangeHandler(value, column) {
+      var _a;
+      if ((_a = column.attrs) == null ? void 0 : _a.onChange) {
+        column.attrs.onChange(value);
+      }
+      emits("search");
+    }
+    function onKeydownEnterHander(e) {
+      emits("search");
+    }
+    function resetFields(fields) {
+      let columns = props.columns || [];
+      if (fields && (fields == null ? void 0 : fields.length)) {
+        columns = fields.map((key) => formColumnMap.get(key)).filter(Boolean);
+      }
+      useAppSearch.resetAppSearchValue(columns, props.model);
+    }
+    function onResetHandler() {
+      resetFields();
+      emits("search");
+    }
+    function onTimeRangeClickHandler(column, options) {
+      const { field } = column;
+      const dateValue = index.timeRangeHandler(column, options);
+      if (is.isArray(field)) {
+        props.model[field[0]] = dateValue[0];
+        props.model[field[1]] = dateValue[1];
+      } else {
+        props.model[field] = dateValue;
+      }
+      emits("search");
+    }
+    __expose({
+      resetFields
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(
+        "div",
+        {
+          class: vue.normalizeClass(["app-search", appClass.value])
+        },
+        [
+          vue.createElementVNode(
+            "div",
+            {
+              class: vue.normalizeClass(["app-search-header", { "app-search-header-hidden": __props.hidden }])
+            },
+            [
+              vue.createElementVNode("div", { class: "flex items-center gap-2" }, [
+                vue.createVNode(vue.unref(elementPlus.ElIcon), { size: "12" }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(iconsVue.Filter))
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }),
+                vue.createElementVNode(
+                  "span",
+                  null,
+                  vue.toDisplayString(vue.unref(t)("hy.filter")),
+                  1
+                  /* TEXT */
+                ),
+                filterCount.value > 0 ? (vue.openBlock(), vue.createElementBlock(
+                  vue.Fragment,
+                  { key: 0 },
+                  [
+                    vue.createElementVNode(
+                      "span",
+                      { class: "bg-theme02 text-theme font-bold leading-4 px-[6px]" },
+                      vue.toDisplayString(filterCount.value),
+                      1
+                      /* TEXT */
+                    ),
+                    vue.createElementVNode(
+                      "span",
+                      {
+                        class: "text-auxiliary cursor-pointer",
+                        onClick: onResetHandler
+                      },
+                      vue.toDisplayString(vue.unref(t)("hy.reset")),
+                      1
+                      /* TEXT */
+                    )
+                  ],
+                  64
+                  /* STABLE_FRAGMENT */
+                )) : vue.createCommentVNode("v-if", true)
+              ]),
+              vue.createElementVNode("div", {
+                class: "ml-auto flex items-center gap-4 cursor-pointer select-none",
+                onClick: vue.unref(switchShrink)
+              }, [
+                vue.createElementVNode(
+                  "span",
+                  { class: "text-auxiliary" },
+                  vue.toDisplayString(vue.unref(isExpand) ? vue.unref(t)("hy.packUp") : vue.unref(t)("hy.expand")),
+                  1
+                  /* TEXT */
+                ),
+                vue.createVNode(vue.unref(elementPlus.ElIcon), {
+                  size: "12",
+                  class: "transition-all duration-300",
+                  style: vue.normalizeStyle({ transform: `rotateX(${vue.unref(isExpand) ? -180 : 0}deg)` })
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(iconsVue.ArrowDown))
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["style"])
+              ], 8, ["onClick"])
+            ],
+            2
+            /* CLASS */
+          ),
+          vue.createVNode(vue.unref(elementPlus.ElForm), vue.mergeProps({
+            model: __props.model,
+            "label-position": "top",
+            size: __props.size,
+            class: "app-search-form"
+          }, _ctx.$attrs, { style: containerStyle.value }), {
+            default: vue.withCtx(() => [
+              vue.createElementVNode(
+                "div",
+                {
+                  ref_key: "formItemWrapper",
+                  ref: formItemWrapper,
+                  class: "app-search-container"
+                },
+                [
+                  vue.createCommentVNode(" \u8868\u5355\u9879 "),
+                  (vue.openBlock(true), vue.createElementBlock(
+                    vue.Fragment,
+                    null,
+                    vue.renderList(__props.columns, (column) => {
+                      return vue.openBlock(), vue.createElementBlock(
+                        vue.Fragment,
+                        {
+                          key: column.key
+                        },
+                        [
+                          vue.unref(index.columnShowHandler)(props, column) ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElFormItem), {
+                            key: 0,
+                            prop: vue.unref(is.isArray)(column.field) ? column.field[0] : column.field
+                          }, {
+                            default: vue.withCtx(() => {
+                              var _a, _b, _c;
+                              return [
+                                vue.createElementVNode("div", { class: "flex bg-backgroundv2 rounded" }, [
+                                  vue.createElementVNode(
+                                    "div",
+                                    {
+                                      class: "flex",
+                                      style: vue.normalizeStyle(vue.unref(index.columnItemStyle)(props, column))
+                                    },
+                                    [
+                                      vue.createCommentVNode(" \u8868\u5355label "),
+                                      vue.createElementVNode("div", { class: "flex items-center text-auxiliary text-xs px-3 whitespace-nowrap border-r border-border" }, [
+                                        column.labelSlot && _ctx.$slots[column.labelSlot] ? vue.renderSlot(_ctx.$slots, column.labelSlot, {
+                                          key: 0,
+                                          column
+                                        }) : (vue.openBlock(), vue.createElementBlock(
+                                          "span",
+                                          { key: 1 },
+                                          vue.toDisplayString(column.label),
+                                          1
+                                          /* TEXT */
+                                        ))
+                                      ]),
+                                      vue.createCommentVNode(" \u8868\u5355\u7EC4\u4EF6 "),
+                                      vue.createElementVNode(
+                                        "div",
+                                        {
+                                          style: vue.normalizeStyle(vue.unref(index.columnItemInputStyle)(props, column))
+                                        },
+                                        [
+                                          vue.createCommentVNode(" \u81EA\u5B9A\u4E49\u5177\u540D\u63D2\u69FD "),
+                                          column.slot ? vue.renderSlot(_ctx.$slots, column.slot, {
+                                            key: 0,
+                                            column
+                                          }) : column.type === "input" ? (vue.openBlock(), vue.createElementBlock(
+                                            vue.Fragment,
+                                            { key: 1 },
+                                            [
+                                              vue.createCommentVNode(" \u8F93\u5165\u6846 "),
+                                              vue.createVNode(vue.unref(elementPlus.ElInput), vue.mergeProps({
+                                                modelValue: __props.model[column.field],
+                                                "onUpdate:modelValue": ($event) => __props.model[column.field] = $event
+                                              }, { ref_for: true }, column.attrs, {
+                                                disabled: vue.unref(index.isDisabled)(props, column),
+                                                onKeydown: vue.withKeys(($event) => onKeydownEnterHander(), ["enter"]),
+                                                onChange: ($event) => onChangeHandler($event, column)
+                                              }), null, 16, ["modelValue", "onUpdate:modelValue", "disabled", "onKeydown", "onChange"])
+                                            ],
+                                            2112
+                                            /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+                                          )) : column.type === "select" ? (vue.openBlock(), vue.createElementBlock(
+                                            vue.Fragment,
+                                            { key: 2 },
+                                            [
+                                              vue.createCommentVNode(" \u9009\u62E9\u6846 "),
+                                              vue.createVNode(vue.unref(elementPlus.ElSelect), vue.mergeProps({
+                                                modelValue: __props.model[column.field],
+                                                "onUpdate:modelValue": ($event) => __props.model[column.field] = $event
+                                              }, { ref_for: true }, column.attrs, {
+                                                disabled: vue.unref(index.isDisabled)(props, column),
+                                                onChange: ($event) => onChangeHandler($event, column)
+                                              }), null, 16, ["modelValue", "onUpdate:modelValue", "disabled", "onChange"])
+                                            ],
+                                            2112
+                                            /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+                                          )) : column.type === "date-picker" ? (vue.openBlock(), vue.createElementBlock(
+                                            vue.Fragment,
+                                            { key: 3 },
+                                            [
+                                              vue.createCommentVNode(" \u65E5\u671F\u9009\u62E9\u6846 "),
+                                              [
+                                                "datetimerange",
+                                                "daterange",
+                                                "monthrange",
+                                                "yearrange"
+                                              ].includes((_a = column.attrs) == null ? void 0 : _a.type) && vue.unref(is.isArray)(column.field) ? (vue.openBlock(), vue.createBlock(appDatePicker.default, vue.mergeProps({
+                                                key: 0,
+                                                start: __props.model[column.field[0]],
+                                                "onUpdate:start": ($event) => __props.model[column.field[0]] = $event,
+                                                end: __props.model[column.field[1]],
+                                                "onUpdate:end": ($event) => __props.model[column.field[1]] = $event,
+                                                "is-range": true,
+                                                style: { "width": "100%" }
+                                              }, { ref_for: true }, column.attrs, {
+                                                disabled: vue.unref(index.isDisabled)(props, column),
+                                                timeRangeFill: column.timeRangeFill,
+                                                onChange: ($event) => onChangeHandler($event, column)
+                                              }), null, 16, ["start", "onUpdate:start", "end", "onUpdate:end", "disabled", "timeRangeFill", "onChange"])) : (vue.openBlock(), vue.createBlock(appDatePicker.default, vue.mergeProps({
+                                                key: 1,
+                                                modelValue: __props.model[column.field],
+                                                "onUpdate:modelValue": ($event) => __props.model[column.field] = $event,
+                                                "is-range": false,
+                                                style: { "width": "100%" }
+                                              }, { ref_for: true }, column.attrs, {
+                                                disabled: vue.unref(index.isDisabled)(props, column),
+                                                timeRangeFill: column.timeRangeFill,
+                                                onChange: ($event) => onChangeHandler($event, column)
+                                              }), null, 16, ["modelValue", "onUpdate:modelValue", "disabled", "timeRangeFill", "onChange"]))
+                                            ],
+                                            64
+                                            /* STABLE_FRAGMENT */
+                                          )) : vue.createCommentVNode("v-if", true)
+                                        ],
+                                        4
+                                        /* STYLE */
+                                      )
+                                    ],
+                                    4
+                                    /* STYLE */
+                                  ),
+                                  column.type === "date-picker" && ["daterange", "datetimerange"].includes((_b = column.attrs) == null ? void 0 : _b.type) && ((_c = column.timeRangeOptions) == null ? void 0 : _c.length) ? (vue.openBlock(), vue.createElementBlock("div", {
+                                    key: 0,
+                                    class: "flex text-main"
+                                  }, [
+                                    (vue.openBlock(true), vue.createElementBlock(
+                                      vue.Fragment,
+                                      null,
+                                      vue.renderList(column.timeRangeOptions, (item, index) => {
+                                        return vue.openBlock(), vue.createElementBlock("div", {
+                                          key: index,
+                                          class: "border-l border-border px-[10px] cursor-pointer",
+                                          onClick: ($event) => onTimeRangeClickHandler(column, item)
+                                        }, [
+                                          vue.createElementVNode(
+                                            "span",
+                                            null,
+                                            vue.toDisplayString(item.label),
+                                            1
+                                            /* TEXT */
+                                          )
+                                        ], 8, ["onClick"]);
+                                      }),
+                                      128
+                                      /* KEYED_FRAGMENT */
+                                    ))
+                                  ])) : vue.createCommentVNode("v-if", true)
+                                ])
+                              ];
+                            }),
+                            _: 2
+                            /* DYNAMIC */
+                          }, 1032, ["prop"])) : vue.createCommentVNode("v-if", true)
+                        ],
+                        64
+                        /* STABLE_FRAGMENT */
+                      );
+                    }),
+                    128
+                    /* KEYED_FRAGMENT */
+                  ))
+                ],
+                512
+                /* NEED_PATCH */
+              )
+            ]),
+            _: 3
+            /* FORWARDED */
+          }, 16, ["model", "size", "style"])
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=appSearch.vue.js.map

package/lib/components/appSearch/appSearch.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"appSearch.vue.js","sources":["../../../packages/components/appSearch/appSearch.vue"],"sourcesContent":["<script setup>\nimport { computed, onUnmounted, unref, useTemplateRef } from 'vue'\nimport {\n  ElForm,\n  ElFormItem,\n  ElInput,\n  ElSelect,\n  ElIcon,\n} from 'element-plus'\nimport { ArrowDown, Filter } from '@element-plus/icons-vue'\n// import SvgIcon from '../svgIcon'\nimport { useLocale } from '@hy-dispatch-ui-v3/hooks'\nimport { isArray } from '@hy-dispatch-ui-v3/utils'\nimport appDatePicker from '../appDatePicker/appDatePicker.vue'\nimport {\n  useShrink,\n  columnItemStyle,\n  columnItemInputStyle,\n  columnShowHandler,\n  isDisabled,\n  isEmptyValue,\n  timeRangeHandler,\n} from './js/index.js'\nimport { resetAppSearchValue } from './js/useAppSearch.js'\nimport './style/appSearch.scss'\n\ndefineOptions({\n  name: 'AppSearch',\n})\n\nconst props = defineProps({\n  model: {\n    type: Object,\n    default: () => ({}),\n  },\n  columns: {\n    type: Array,\n    default: () => [],\n  },\n  loading: {\n    type: Boolean,\n    default: false,\n  },\n  size: {\n    type: String,\n    default: 'default', // '' | 'large' | 'default' | 'small'\n  },\n  hidden: {\n    type: Boolean,\n    default: false\n  },\n  class: {\n    type: [String, Array, Object],\n  },\n})\nconst emits = defineEmits(['search'])\n\nconst { t } = useLocale()\nconst formItemWrapper = useTemplateRef('formItemWrapper')\nconst { isExpand, containerHeight, switchShrink, shrinkDestroy } = useShrink(\n  props,\n  formItemWrapper\n)\nconst formColumnMap = computed(() => {\n  return (props.columns || []).reduce((map, column) => {\n    if (isArray(column.field)) {\n      column.field.forEach((key) => map.set(key, column))\n    } else {\n      map.set(column.field, column)\n    }\n    return map\n  }, new Map())\n})\nconst filterCount = computed(() => {\n  const defaultValue = resetAppSearchValue(props.columns)\n  const keys = Object.keys(defaultValue)\n  if (!keys?.length) return 0\n  const keySet = keys.reduce((keySet, key) => {\n    if (\n      isEmptyValue(defaultValue[key])\n        ? !isEmptyValue(props.model[key])\n        : defaultValue[key] !== props.model[key]\n    ) {\n      if (unref(formColumnMap).has(key)) {\n        keySet.add(unref(formColumnMap).get(key).key)\n      }\n    }\n    return keySet\n  }, new Set())\n  return keySet.size\n})\nconst appClass = computed(() => {\n  return [\n    props.class,\n    { 'app-search-hidden': props.hidden },\n  ].filter(Boolean)\n})\nconst containerStyle = computed(() => {\n  const style = {}\n  if (props.hidden) {\n    style.height = `0px`\n  } else if (unref(containerHeight)) {\n    style.height = `${unref(containerHeight)}px`\n  }\n  return style\n})\n\nonUnmounted(() => {\n  shrinkDestroy()\n})\n\nfunction onChangeHandler(value, column) {\n  if (column.attrs?.onChange) {\n    column.attrs.onChange(value)\n  }\n  emits('search')\n}\nfunction onKeydownEnterHander(e) {\n  emits('search')\n}\nfunction resetFields(fields) {\n  let columns = props.columns || []\n  if (fields && fields?.length) {\n    columns = fields.map((key) => formColumnMap.get(key)).filter(Boolean)\n  }\n  resetAppSearchValue(columns, props.model)\n}\nfunction onResetHandler() {\n  resetFields()\n  emits('search')\n}\nfunction onTimeRangeClickHandler(column, options) {\n  const { field } = column\n  const dateValue = timeRangeHandler(column, options)\n  if (isArray(field)) {\n    props.model[field[0]] = dateValue[0]\n    props.model[field[1]] = dateValue[1]\n  } else {\n    props.model[field] = dateValue\n  }\n  emits('search')\n}\n\ndefineExpose({\n  resetFields,\n})\n</script>\n\n<template>\n  <div class=\"app-search\" :class=\"appClass\">\n    <div\n      class=\"app-search-header\"\n      :class=\"{ 'app-search-header-hidden': hidden }\"\n    >\n      <div class=\"flex items-center gap-2\">\n        <el-icon size=\"12\"><Filter /></el-icon>\n        <span>{{ t('hy.filter') }}</span>\n        <template v-if=\"filterCount > 0\">\n          <span class=\"bg-theme02 text-theme font-bold leading-4 px-[6px]\">{{\n            filterCount\n          }}</span>\n          <span class=\"text-auxiliary cursor-pointer\" @click=\"onResetHandler\">{{\n            t('hy.reset')\n          }}</span>\n        </template>\n      </div>\n      <div\n        class=\"ml-auto flex items-center gap-4 cursor-pointer select-none\"\n        @click=\"switchShrink\"\n      >\n        <span class=\"text-auxiliary\">{{\n          isExpand ? t('hy.packUp') : t('hy.expand')\n        }}</span>\n        <el-icon\n          size=\"12\"\n          class=\"transition-all duration-300\"\n          :style=\"{ transform: `rotateX(${isExpand ? -180 : 0}deg)` }\"\n          ><ArrowDown\n        /></el-icon>\n      </div>\n    </div>\n    <el-form\n      :model=\"model\"\n      label-position=\"top\"\n      :size=\"size\"\n      class=\"app-search-form\"\n      v-bind=\"$attrs\"\n      :style=\"containerStyle\"\n    >\n      <div ref=\"formItemWrapper\" class=\"app-search-container\">\n        <!-- 表单项 -->\n        <template v-for=\"column in columns\" :key=\"column.key\">\n          <el-form-item\n            v-if=\"columnShowHandler(props, column)\"\n            :prop=\"isArray(column.field) ? column.field[0] : column.field\"\n          >\n            <div class=\"flex bg-backgroundv2 rounded\">\n              <div class=\"flex\" :style=\"columnItemStyle(props, column)\">\n                <!-- 表单label -->\n                <div\n                  class=\"flex items-center text-auxiliary text-xs px-3 whitespace-nowrap border-r border-border\"\n                >\n                  <slot\n                    v-if=\"column.labelSlot && $slots[column.labelSlot]\"\n                    :name=\"column.labelSlot\"\n                    :column=\"column\"\n                  ></slot>\n                  <span v-else>{{ column.label }}</span>\n                </div>\n                <!-- 表单组件 -->\n                <div :style=\"columnItemInputStyle(props, column)\">\n                  <!-- 自定义具名插槽 -->\n                  <slot\n                    v-if=\"column.slot\"\n                    :name=\"column.slot\"\n                    :column=\"column\"\n                  />\n                  <!-- 输入框 -->\n                  <el-input\n                    v-else-if=\"column.type === 'input'\"\n                    v-model=\"model[column.field]\"\n                    v-bind=\"column.attrs\"\n                    :disabled=\"isDisabled(props, column)\"\n                    @keydown.enter=\"onKeydownEnterHander($event, column)\"\n                    @change=\"onChangeHandler($event, column)\"\n                  ></el-input>\n                  <!-- 选择框 -->\n                  <el-select\n                    v-else-if=\"column.type === 'select'\"\n                    v-model=\"model[column.field]\"\n                    v-bind=\"column.attrs\"\n                    :disabled=\"isDisabled(props, column)\"\n                    @change=\"onChangeHandler($event, column)\"\n                  ></el-select>\n                  <!-- 日期选择框 -->\n                  <template v-else-if=\"column.type === 'date-picker'\">\n                    <app-date-picker\n                      v-if=\"\n                        [\n                          'datetimerange',\n                          'daterange',\n                          'monthrange',\n                          'yearrange',\n                        ].includes(column.attrs?.type) && isArray(column.field)\n                      \"\n                      v-model:start=\"model[column.field[0]]\"\n                      v-model:end=\"model[column.field[1]]\"\n                      :is-range=\"true\"\n                      style=\"width: 100%\"\n                      v-bind=\"column.attrs\"\n                      :disabled=\"isDisabled(props, column)\"\n                      :timeRangeFill=\"column.timeRangeFill\"\n                      @change=\"onChangeHandler($event, column)\"\n                    ></app-date-picker>\n                    <app-date-picker\n                      v-else\n                      v-model=\"model[column.field]\"\n                      :is-range=\"false\"\n                      style=\"width: 100%\"\n                      v-bind=\"column.attrs\"\n                      :disabled=\"isDisabled(props, column)\"\n                      :timeRangeFill=\"column.timeRangeFill\"\n                      @change=\"onChangeHandler($event, column)\"\n                    ></app-date-picker>\n                  </template>\n                </div>\n              </div>\n              <div\n                v-if=\"\n                  column.type === 'date-picker' &&\n                  ['daterange', 'datetimerange'].includes(column.attrs?.type) &&\n                  column.timeRangeOptions?.length\n                \"\n                class=\"flex text-main\"\n              >\n                <div\n                  v-for=\"(item, index) in column.timeRangeOptions\"\n                  :key=\"index\"\n                  class=\"border-l border-border px-[10px] cursor-pointer\"\n                  @click=\"onTimeRangeClickHandler(column, item)\"\n                >\n                  <span>{{ item.label }}</span>\n                </div>\n              </div>\n            </div>\n          </el-form-item>\n        </template>\n      </div>\n    </el-form>\n  </div>\n</template>\n"],"names":["__MACROS_defineComponent","computed","isArray","resetAppSearchValue","isEmptyValue","unref","onUnmounted","timeRangeHandler","_openBlock","_createElementBlock","_normalizeClass","_createElementVNode"],"mappings":"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"}

package/lib/components/appSearch/index.js

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var appSearch = require('./appSearch.vue.js');
+var useAppSearch = require('./js/useAppSearch.js');
+var handler = require('../../utils/handler.js');
+
+const AppSearch = handler.withInstall(appSearch.default);
+
+exports.useAppSearch = useAppSearch.useAppSearch;
+exports.AppSearch = AppSearch;
+exports.default = AppSearch;
+//# sourceMappingURL=index.js.map

package/lib/components/appSearch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../packages/components/appSearch/index.js"],"sourcesContent":["import componnet from './appSearch.vue'\nimport { withInstall } from '@hy-dispatch-ui-v3/utils'\n\nconst AppSearch = withInstall(componnet)\n\nexport { AppSearch }\n\nexport { useAppSearch } from './js/useAppSearch.js'\n\nexport default AppSearch\n"],"names":["withInstall","componnet"],"mappings":";;;;;;;;AAEK,MAAC,SAAS,GAAGA,mBAAW,CAACC,iBAAS;;;;;;"}

package/lib/components/appSearch/js/index.js

@@ -0,0 +1,122 @@
+'use strict';
+
+var dayjs = require('dayjs');
+var vue = require('vue');
+var maintain = require('../../../store/maintain.js');
+var is = require('../../../utils/is.js');
+
+function columnItemStyle(props, column) {
+  const { width } = column;
+  const style = {};
+  if (is.isNumber(width)) {
+    style.width = `${width}px`;
+  } else if (is.isString(width)) {
+    style.width = /(px|em|rem|vw|vh)$/.test(width) ? width : `${width}px`;
+  }
+  return style;
+}
+function columnItemInputStyle(props, column) {
+  const { width, inputWidth } = column;
+  const style = {};
+  if (!width && inputWidth) {
+    if (is.isNumber(inputWidth)) {
+      style.width = `${inputWidth}px`;
+    } else if (is.isString(inputWidth)) {
+      style.width = /(px|em|rem|vw|vh)$/.test(inputWidth) ? inputWidth : `${inputWidth}px`;
+    }
+  } else {
+    style.width = "0px";
+    style.flex = "1 1 0%";
+  }
+  return style;
+}
+function columnShowHandler(props, column) {
+  const show = vue.unref(column.show);
+  if (is.isBoolean(show)) return show;
+  if (is.isFunction(show)) return show(column, props.model);
+  return true;
+}
+function isDisabled(props, column) {
+  var _a;
+  return !!(props.loading || ((_a = column.attrs) == null ? void 0 : _a.disabled));
+}
+function isEmptyValue(e) {
+  return is.isEmpty(e) || is.isArray(e) && !e.length;
+}
+function useShrink(props, templateRef) {
+  const isExpand = vue.ref(false);
+  const containerHeight = vue.ref(getContainerPickUpHeight());
+  const maintainStore = maintain.useMaintainStore();
+  const resizeExpandKey = /* @__PURE__ */ Symbol("appSearchExpand");
+  function getContainerPickUpHeight() {
+    switch (props.size) {
+      case "large":
+        return 41;
+      case "small":
+        return 25;
+      case "":
+      case "default":
+      default:
+        return 33;
+    }
+  }
+  function switchShrink() {
+    isExpand.value = !isExpand.value;
+    shrinkResizeHandler();
+  }
+  async function shrinkResizeHandler() {
+    const container = vue.unref(templateRef);
+    containerHeight.value = vue.unref(isExpand) ? container.clientHeight : getContainerPickUpHeight();
+  }
+  vue.watch(
+    () => [props.size, props.model],
+    () => {
+      vue.nextTick(() => {
+        shrinkResizeHandler();
+        maintainStore.addResize(shrinkResizeHandler, resizeExpandKey);
+      });
+    },
+    { immediate: true, deep: true }
+  );
+  return {
+    isExpand,
+    containerHeight,
+    switchShrink,
+    shrinkResizeHandler,
+    shrinkDestroy() {
+      maintainStore.removeResize(resizeExpandKey);
+    }
+  };
+}
+function timeRangeHandler(column, options) {
+  const { value, unit } = options;
+  const { timeRangeFill, attrs } = column;
+  const format = attrs.valueFormat || "YYYY-MM-DD";
+  const date = dayjs(Date.now());
+  switch (unit) {
+    case "year":
+    case "month":
+      return [
+        date.subtract(value, unit).format(`${format}${timeRangeFill ? " 00:00:00" : ""}`),
+        current
+      ];
+    case "day":
+    default:
+      return value === 1 ? [
+        date.format(`${format}${timeRangeFill ? " 00:00:00" : ""}`),
+        date.format(`${format}${timeRangeFill ? " 23:59:59" : ""}`)
+      ] : [
+        date.subtract(value, unit).format(`${format}${timeRangeFill ? " 00:00:00" : ""}`),
+        date.format(`${format}${timeRangeFill ? " 23:59:59" : ""}`)
+      ];
+  }
+}
+
+exports.columnItemInputStyle = columnItemInputStyle;
+exports.columnItemStyle = columnItemStyle;
+exports.columnShowHandler = columnShowHandler;
+exports.isDisabled = isDisabled;
+exports.isEmptyValue = isEmptyValue;
+exports.timeRangeHandler = timeRangeHandler;
+exports.useShrink = useShrink;
+//# sourceMappingURL=index.js.map

package/lib/components/appSearch/js/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../packages/components/appSearch/js/index.js"],"sourcesContent":["import dayjs from 'dayjs'\nimport { ref, unref, nextTick, watch } from 'vue'\nimport {\n  isArray,\n  isBoolean,\n  isEmpty,\n  isFunction,\n  isNumber,\n  isString,\n  funRunHandler,\n} from '@hy-dispatch-ui-v3/utils'\nimport { useMaintainStore } from '@hy-dispatch-ui-v3/store'\n\n// 列样式\nexport function columnItemStyle(props, column) {\n  const { width } = column\n  const style = {}\n  if (isNumber(width)) {\n    style.width = `${width}px`\n  } else if (isString(width)) {\n    style.width = /(px|em|rem|vw|vh)$/.test(width) ? width : `${width}px`\n  }\n  return style\n}\n\nexport function columnItemInputStyle(props, column) {\n  const { width, inputWidth } = column\n  const style = {}\n  if (!width && inputWidth) {\n    if (isNumber(inputWidth)) {\n      style.width = `${inputWidth}px`\n    } else if (isString(inputWidth)) {\n      style.width = /(px|em|rem|vw|vh)$/.test(inputWidth)\n        ? inputWidth\n        : `${inputWidth}px`\n    }\n  } else {\n    style.width = '0px'\n    style.flex = '1 1 0%'\n  }\n  return style\n}\n\nexport function columnShowHandler(props, column) {\n  const show = unref(column.show)\n  if (isBoolean(show)) return show\n  if (isFunction(show)) return show(column, props.model)\n  return true\n}\n\n// 是否禁用\nexport function isDisabled(props, column) {\n  return !!(props.loading || column.attrs?.disabled)\n}\n\n// 是否为空值\nexport function isEmptyValue(e) {\n  return isEmpty(e) || (isArray(e) && !e.length)\n}\n\n// 展开/收起 hook\nexport function useShrink(props, templateRef) {\n  const isExpand = ref(false)\n  const containerHeight = ref(getContainerPickUpHeight())\n  const maintainStore = useMaintainStore()\n  const resizeExpandKey = Symbol('appSearchExpand')\n  function getContainerPickUpHeight() {\n    switch (props.size) {\n      case 'large':\n        return 41\n      case 'small':\n        return 25\n      case '':\n      case 'default':\n      default:\n        return 33\n    }\n  }\n  function switchShrink() {\n    isExpand.value = !isExpand.value\n    shrinkResizeHandler()\n  }\n  async function shrinkResizeHandler() {\n    const container = unref(templateRef)\n    containerHeight.value = unref(isExpand)\n      ? container.clientHeight\n      : getContainerPickUpHeight()\n  }\n  watch(\n    () => [props.size, props.model],\n    () => {\n      nextTick(() => {\n        shrinkResizeHandler()\n        maintainStore.addResize(shrinkResizeHandler, resizeExpandKey)\n      })\n    },\n    { immediate: true, deep: true }\n  )\n  return {\n    isExpand,\n    containerHeight,\n    switchShrink,\n    shrinkResizeHandler,\n    shrinkDestroy() {\n      maintainStore.removeResize(resizeExpandKey)\n    },\n  }\n}\n\n// 时间范围控件处理\nexport function timeRangeHandler(column, options) {\n  const { value, unit } = options\n  const { timeRangeFill, attrs } = column\n  const format = attrs.valueFormat || 'YYYY-MM-DD'\n  const date = dayjs(Date.now())\n  switch (unit) {\n    case 'year':\n    case 'month':\n      return [\n        date\n          .subtract(value, unit)\n          .format(`${format}${timeRangeFill ? ' 00:00:00' : ''}`),\n        current,\n      ]\n    case 'day':\n    default:\n      return value === 1\n        ? [\n            date.format(`${format}${timeRangeFill ? ' 00:00:00' : ''}`),\n            date.format(`${format}${timeRangeFill ? ' 23:59:59' : ''}`),\n          ]\n        : [\n            date\n              .subtract(value, unit)\n              .format(`${format}${timeRangeFill ? ' 00:00:00' : ''}`),\n            date.format(`${format}${timeRangeFill ? ' 23:59:59' : ''}`),\n          ]\n  }\n}\n"],"names":["isNumber","isString","unref","isBoolean","isFunction","isEmpty","isArray","ref","useMaintainStore","watch","nextTick"],"mappings":"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"}